3 мифа, от которых нужно отказаться, чтобы сделать больше визуального справочного контента

Опубликовано: 2020-01-14

Скриншоты и изображения — это как реактивное топливо для общения. Они мгновенно передают ваше сообщение без необходимости предоставления дополнительного письменного контекста.

Исследование The Value of Visuals , проведенное TechSmith, показало, что 67% людей говорят, что лучше понимают информацию, когда она представлена ​​визуально. Это утверждение подтверждается научными данными, показывающими, что человеческий мозг обрабатывает визуальные эффекты в 60 000 раз быстрее, чем текст.

Это означает, что как коммуникаторы мы не можем полагаться только на текст, чтобы помочь нашим пользователям и клиентам понять, как использовать наши продукты и услуги. Наш справочный контент должен быть полезным.

Один из лучших способов предоставить первоклассную кристально четкую справку — использовать упрощенную графику.

Нет времени читать все руководство?

Не волнуйтесь. Получите бесплатную версию в формате PDF , чтобы читать ее в любое время.

Скачать PDF

Упрощенная графика меняет способы создания справочного контента техническими коммуникаторами, группами поддержки и другими людьми, поддерживающими программное обеспечение и продукты SAAS.

Это метод, который органично вырос из необходимости иллюстрировать продукты, функции и концепции привлекательным и простым для понимания способом.

Эта графика использует пользовательский интерфейс (UI), веб-страницу или другую форму содержимого экрана и удаляет ненужные элементы и детали. Это лучше направляет внимание пользователей и позволяет им сосредоточиться только на важных деталях.

два снимка экрана, показывающие стандартный снимок экрана и упрощенную версию

Прогностические эксперименты по отслеживанию взгляда показывают, что типичные скриншоты (которые обычно содержат гораздо больше элементов и визуального шума) могут отвлекать внимание пользователя от наиболее важных элементов.

тепловые карты отслеживания глаз стандартного снимка экрана и упрощенной версии

Как показывает эта тепловая карта с отслеживанием взгляда, чем больше элементов изображения нужно посмотреть и прочитать, тем более фрагментированным будет внимание пользователя.

Итак, кто может использовать упрощенную графику?

Упрощенная графика полезна для всей вашей компании или бизнеса, но она особенно подходит для отделов и отдельных лиц, которым необходимо показать пользователям, как использовать продукт, функцию или рабочий процесс:

  • Команды по обучению клиентов
  • Группы технической поддержки
  • Учебные дизайнеры
  • Кроссовки
  • Технические писатели
  • Команды обслуживания клиентов
Рекомендуемая литература: 3 отличных примера упрощенного пользовательского интерфейса

Но, несмотря на существенные преимущества как для технических коммуникаторов, так и для их аудитории, многие компании до сих пор не используют упрощенную графику и изображения.

Почему это? Почему не все технологические компании используют преимущества графики SUI?

Есть три распространенных страха, которые заставляют людей избегать использования этого визуального стиля. Я хотел бы рассеять эти опасения, а затем показать вам, как начать создавать собственные упрощенные графики для содержимого справки.

Вот три мифа, которые сдерживают ваш справочный контент:

Миф 1: Упрощенная графика потребует дополнительной работы

Это правда, что превращение снимка экрана в упрощенную графику часто — но не всегда — выполняется вручную. Но небольшие инвестиции в создание образов SUI обычно приводят к повышению эффективности в среднесрочной и долгосрочной перспективе.

Вот почему:

1. Меньше обновлений

Графика SUI дольше остается актуальной. В отличие от традиционных изображений и снимков экрана, их редко нужно заменять из-за обновлений программного обеспечения. Когда детали удаляются, меньше вероятность того, что какое-либо данное изменение оставит изображение устаревшим.

2. Одно изображение для всех

Если вам нужно одно и то же изображение на нескольких языках, одно упрощенное изображение может работать в любом месте, что значительно сократит время и затраты, необходимые для локализации.

3. Понимание клиентов

Во многих ситуациях упрощенная графика более эффективна, чем традиционные скриншоты. Клиенты могут быстрее понять концепцию и узнать, что вы пытаетесь показать, поскольку графика представляет наиболее важную информацию, не заглушая ее ненужным визуальным шумом.

Это означает более счастливых клиентов и меньше обращений за дополнительной поддержкой.

Более того, хотя создание упрощенного изображения занимает немного больше времени, чем создание снимка экрана, это требует гораздо меньше времени и усилий, чем предполагает большинство людей.

Миф 2: Упрощенная графика предназначена для дизайнеров

Поскольку графика SUI выглядит настолько профессионально, многие технические коммуникаторы считают, что у них нет навыков для ее создания.

Это просто неправда. На самом деле, их легко создать любому, кто знаком с основами программного обеспечения для редактирования изображений — не требуется никакого профессионального опыта в области дизайна или обучения работе с инструментами дизайна профессионального уровня.

Функция Simplify в Snagit позволяет легко создавать профессиональную привлекательную графику SUI за пару минут.

Уменьшая визуальный шум и сложность, пользователи на самом деле понимают самую важную информацию намного быстрее.

Большинство людей, которые создают технический или вспомогательный контент, имеют некоторый повседневный опыт работы с инструментами редактирования изображений и общее представление о том, что делает изображение эффективным и привлекательным.

А если нет, то это необходимый навык, который нужно приобретать и развивать.

Кэти Райан

Кати Райан

Положительное приключение

«Мы находимся в постоянном использовании, отправке смайликов, прокрутке Instagram, постоянно отвлекающемся обществе. В наши дни мы являемся имиджевым обществом, и люди хотят увидеть это быстро и хотят двигаться дальше». — Кэти Райан

Миф 3: Пользователи не узнают отредактированные скриншоты

Как коммуникаторы, мы должны передавать информацию как можно более ясно и просто. Таким образом, вполне логично, что технические коммуникаторы выражают опасения по поводу использования графики, которая не совсем соответствует пользовательскому интерфейсу.

Не бойся. Рассмотрим этот пример с YouTube:

Сразу видно, что это ютуб, а не очередной видеоплеер, хотя текста нет и все абстрагировано. Хитрость заключается в том, чтобы сохранить макет похожим на оригинал и использовать фирменные цвета продукта, который вы пытаетесь показать.

Черный, серый и красный — все это отдельные элементы фирменного стиля YouTube.

Мало того, что пользователи могут в целом распознавать интерфейс или веб-сайт, который представляет упрощенная графика, но есть убедительные доказательства того, что, уменьшая визуальный шум и сложность, пользователи на самом деле понимают самую важную информацию намного быстрее.

Это здорово, но могу ли я создать свою собственную упрощенную графику?

Абсолютно!

Шаг 1. Сделайте снимок экрана

Используя Snagit, сделайте снимок экрана пользовательского интерфейса, который вы хотите превратить в упрощенную графику.

упрощенный захват графики

Шаг 2. Упростите снимок экрана

Выберите инструмент Snagit Simplify, который позволяет упростить изображение вручную или автоматически.

Если вы решите упростить изображение вручную, используйте графические элементы, чтобы скрыть ненужные детали и упростить элементы на снимке экрана.

Второй вариант — автоматизировать процесс. Функция автоматического упрощения Snagit распознает формы и текст, а затем автоматически покрывает их элементами, оформленными в соответствии с цветовой палитрой вашего изображения.

упрощенное графическое редактирование

После применения автоматического процесса используйте параметры в свойствах инструмента, чтобы настроить уровень детализации, а также цвета объектов в соответствии с вашими потребностями.

Шаг 3. Сохраните или поделитесь

Когда у вас есть изображение, которое вам нравится, вы можете сохранить его в стандартном формате .jpg или .png или в другом типе файла по вашему выбору. В качестве дополнительного шага я настоятельно рекомендую сохранить изображение в виде файла .snag.

Формат файла .snag (.snagproj на Mac) позволяет повторно открывать изображение позже и вносить изменения.

Если вы хотите узнать больше о создании упрощенной графики в Snagit, у нас есть краткая шпаргалка, которая поможет вам быстро стать профессионалом.

Хотите сделать процесс графическим, как это? Вы можете сделать это прямо внутри Snagit!

Основные выводы

Если вы считаете, что ваших стандартных скриншотов достаточно или ваш продукт настолько интуитивно понятен, что вам не нужно использовать упрощенную графику, вам нужно переосмыслить свою стратегию.

Вот несколько ключевых аспектов, о которых следует помнить:

  • Создание упрощенной графики — это метод технической коммуникации, который приносит дивиденды в виде экономии времени и удовлетворенности пользователей.
  • Создание упрощенной графики не так сложно, как думает большинство людей. Несколько простых в освоении навыков позволяют любому делать привлекательные упрощенные скриншоты.
  • Вы можете сделать это с Snagit, и у нас есть множество ресурсов, чтобы помочь!

В конце концов, вы хотите создать наилучший справочный контент.

Не обманывайте себя, падая на эти мифы, и вы создадите группу страстных поклонников, а не недоумевающих пользователей.