Как сложную информацию сделать доступной и понятной

Обновлено: 04.07.2024

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

3 способа просто рассказать о сложном

Объяснение по аналогии

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

Для примера я возьму небольшой абзац медицинского текста и покажу, как его сделать проще и понятнее с помощью аналогий:

Пошаговое объяснение

Дробим объяснение на мелкие части, постепенно подводим к сути. По такому принципу составляют инструкции.

Рассмотрим на примере текста про технологию управления бытовой техникой:

Разбиваем объяснение на этапы:

Объяснение на примере или в истории

Еще один способ понятно объяснить сложное — рассказать историю или привести пример из жизни.

Объясним тот же абзац про бытовые приборы:

Старайтесь использовать простые слова и короткие предложения — тогда ваше объяснение станет еще понятнее.

Меня зовут Аня Ковтун, я UX/UI дизайнер и работаю в компании Arcadia с 2015 года. Помимо проектирования пользовательских интерфейсов, я общаюсь с заказчиками и занимаюсь составлением требований для команды разработчиков.

Предыстория

В 2018 году я работала над одним масштабным проектом по автоматизации управления ресурсами для европейского рынка. Со стороны заказчика поступил запрос на внедрение accessibility при разработке следующих версий. На тот момент для меня этот термин (в контексте IT) был незнакомым, и после нескольких часов в гугле в моем блокноте появилось много судорожно выписанных вопросов:

Что такое accessibility? А как пользователи с ограниченными возможностями взаимодействуют с вебом? Пользуются специальными приложениями? Или могут воспринимать тот же контент, что и мы? Кто заботится о них? Кто является ответственным за то, чтобы они могли полноценно воспринимать контент? Как можно сделать контент доступным? Это сложно? Можем ли мы помочь?

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

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

Что такое web accessibility?

Фактически термин accessibility является подмножеством более общего и общеизвестного термина usability.

Usability — эффективность и удовлетворенность, с которыми пользователь достигает поставленных целей.

Accessibility (доступность) — равноценный доступ к контенту у всех пользователей, в том числе с какими-либо нарушениями.

Основные типы хронических нарушений здоровья:

Зрение.
Полная/частичная слепота/дальтонизм.

Слух.
Полная/частичная глухота.

Опорно-двигательный аппарат.
Различные виды параличей/тремор/отсутствие конечностей.

Ментальное развитие.
Нарушения, связанные с восприятием информации/запоминанием.

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

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

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

Наверное, для пользователей с ограниченными возможностями есть специальные приложения и сервисы?

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

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

Кто и зачем должен внедрять accessibility?

Специального человека, который внедрит доступность в ваш продукт, не существует. Для этого необходима вовлеченность всей команды:

UX/UI дизайнеры — проектируют интерфейсы, следуя гайдлайнам доступности
Программисты — пишут правильную разметку/верстку страниц, следят чтобы у всех элементов были необходимые теги и атрибуты
Тестировщики — проводят accessibility тестирование.

Основные мотивации внедрения accessibility:

Как внедрять accessibility?

Спойлер: достаточно следовать существующим стандартам!

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

В этой статье мы сфокусируемся на WCAG (Section 508 и WCAG очень похожи и во многом пересекаются, про отличия можно почитать здесь). WCAG состоит из 4 основных принципов:

Воспринимаемость
Управляемость
Понятность
Надежность

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

A — минимальная доступность

AA — рекомендательный уровень

AAA — максимальный уровень доступности, покрывающий специфические случаи

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

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

Основные гайдлайны (A/АА) и вспомогательные технологии

Скрин-ридер — сервис, позволяющий интерпретировать события, происходящие на экране, в удобном для пользователя формате. Например, смартфон или компьютер дополнительно воспроизводит информацию в аудиоформате (необходимо для слепых пользователей) либо выводит ее на тактильную клавиатуру Брайля (для слепых и глухих одновременно).
Лупа позволяет увеличивать информацию на экране (для слабовидящих пользователей).
Альтернативные клавиатуры предназначены для возможности использования приложений людьми с нарушениями опорно-двигательного аппарата.
Распознавание речи позволяет выполнять действия по команде пользователей.

Итак, перейдем к основным гайдлайнам:

Доступ с клавиатуры

Гайдлайн, актуальный для пользователей с нарушением зрения и/или нарушениями опорно-двигательного аппарата. Такие пользователи не имеют возможности использовать мышку при работе за компьютерами, вместо нее используется клавиатура. Например, навигация по контенту в основном осуществляется клавишей Tab.
Для данных пользователей ключевую роль играют следующие 4 правила:

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

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

Более радикально поступил Facebook: при первом нажатии на Tab или комбинации клавиш Alt+/ открывается специальное меню с 3 выпадающими списками (правда на данный момент эта функциональность недоступна в новой тестовой версии интерфейса). Они помогают быстро перемещаться внутри конкретной страницы, переходить на другие разделы и так же быстро обратиться в поддержку с отзывом или вопросом. Упрощенное меню дает пользователям возможность эффективно взаимодействовать с достаточно обширным функционалом социальной сети.

Названия элементов

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

Показательным примером является история из Израиля, где в рамках конференции программисты крупных компаний и пользователи с ограниченными возможностями обсуждали существующие проблемы использования контента. Так, приложение GetTaxi в 2015 году оказалось абсолютно недоступным для незрячих пользователей — при открытии приложения появлялся маркетинговый баннер без присвоенного названия. Несмотря на соответствие стандартам контента внутри приложения, незрячие пользователи не имели возможности вызвать такси, так как не слышали обратной связи от приложения.

С проблемами цветовосприятия сталкивается существенная часть населения Земли: так, от 7 до 10% мужчин страдают нарушениями в области красного и зеленого спектров. (FAQ от медузы про дальтонизм).

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

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

*данные выдуманы (хотя, надеюсь, мало кто поверит, что 50% опрошенных любят гавайскую пиццу)

Другой пример — трекер задач Trello: если пользователь сообщает о дальтонизме, к цветным тегам добавляется текстура. Согласитесь, это сильно облегчает восприятие, если вы не различаете красный и зеленый цвета.

Второе правило касается контрастности изображений. На картинке показана визуализация матча американской футбольной лиги глазами дальтоника.

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

Вспышки

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

Сложная знаковая система, естественно или искусственно созданная и соотносящая понятийное содержание и типовое звучание (написание)

Как вы думаете, что за термин кроется за столь длинным заголовком?

В США существует движение Plain Language, которое занимается тестированием лаконичности и содержательности текстов. Разработанные метрики позволяют производить оценку сложности восприятия для пользователей.

Тестирование существующих и новых продуктов

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

Но что делать, если продукт давно выпущен или находится в процессе разработки, а об accessibility вы узнали только сейчас? Я призываю IT-команды держать в голове 2 простых правила:

Чем раньше вы начнете внедрять accessibility, тем меньше времени потратите на внесение изменений в ваш проект.
Минимальная доступность лучше, чем ее отсутствие.

Как тестировать

Попробуйте (в идеале с закрытыми глазами) воспринимать контент приложения или сайта без помощи мышки, ориентируясь только на слух. Узнаете много нового про ваш продукт!
Для десктопа бесплатный и один из самых распространенных:

NVDA

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

Voice Over

Talkback

При тестировании остальных гайдлайнов помогают расширения для браузеров. В Google Chrome есть встроенный аудит:

Lighthouse (Google Chrome)

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

В Firefox можно воспользоваться панелью разработчика для базового теста, ну или скачать дополнение для полноценного отчета:

Wave

Отчет о доступности в мобильном приложении можно получить в

a11y Tools (правда, приложение платное)

P.S Логотип этого приложения — общепринятая иконка accessibility, а a11y — аббревиатура. Догадываетесь, почему аббревиатура именно такая?

В слове AccessibilitY между A и Y 11 букв.

Получив отчет о доступности, важно понимать, что автоматическое тестирование необходимо комбинировать с мануальным. В идеале можно привлечь людей с ограниченными возможностями для помощи в тестировании. Существуют сообщества с инициативными людьми, которые будут очень рады помочь вам — например, библиотека для слепых в Санкт-Петербурге.

Заключение

Главное — помнить, что accessibility — это не про людей с ограниченными возможностями, а про каждого из нас.

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

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

И чем проще инструкция, тем выше вероятность, что читатель правильно поймет (соберет) ваши мысли. Поэтому ваша задача — писать максимально понятно и доступно. Даже если вы говорите о ядерной физике.

Как этого добиться?

Тут есть 18 простых правил. Следуя им, вы сделаете каждый ваш текст простым для восприятия.

Если вы хотите, чтобы каждый читатель понял вас, вы должны понять, кто ваш читатель.

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

И чтобы вам было проще во всем этом разобраться, я предлагаю использовать простую формулу:

Х, который Y

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

Покажу на примере одной из своих статей.

Правило 2: Убедитесь, что ваша тема прошла печенька-тест

Слышали про печеньки с предсказаниями?

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

При чем тут ваши посты?

Печенька-тест – отличный способ определить, насколько тема, о которой вы пишете, проста и понятна. Если вы можете сформулировать ее суть в одном предложении – тест пройдет, проблем с пониманием не возникнет.

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

Как описать смысл статьи одним предложением? Я бы сделал так: Мой пост рассказывает, как использовать возможности Instagram для продвижения вашего бизнеса.

Как видите, печенька-тест пройден:)

Правило 3: Не увлекайтесь интригами в начале текста

Поэтому еще одно правило: убедитесь, что между заголовком и вступлением есть четкая связь.

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

И может, я бы потом пояснил вам связь. Но вы не стали бы этого ждать, а просто закрыли статью.

Поэтому не поступайте так со своими постами. Помните, отсутствие связи между заголовком и вступлением рождает путаницу. А путаница – враг понятных текстов.

Правило 4: Дайте понять, что важно

Не забывайте, что ваши посты – это ваш диалог с аудиторией.

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

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

Только не увлекайтесь!

Да, каждое слово в вашей статье чрезвычайно важно. Я это знаю, так как сам ежедневно борюсь с желанием выделять в своих постах все подряд:)

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

Поэтому не впадайте в крайности, и ваш текст оживет.

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

Правило 5: Разнообразие добавляет путаницы

Я пишу эту статью, в первую очередь, для интернет-предпринимателей . И в тексте я называю их интернет-предпринимателями или предпринимателями.

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

Возникает логичный вопрос: так для кого, все-таки, пост?

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

Вам полезно то, о чем я рассказываю? Ставьте Лайк!

Хотите заручиться поддержкой? Сперва убедитесь, что вашу идею поняли.

Вместе с Search Engine Journal, The Muse и Cutting Edge PR разбираемся, как упростить даже самые сложные вещи.

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

Сухие факты быстро надоедают. Даже если тема интересная, сложно следить за цифрами и терминами без контекста или истории.

Как думаете, сколько человек купили бы такой продукт?

Метафоры и аналогии помогают представить, о чем речь. Компания Apple воспользовалась приемом — и выиграла.

То же касается терминов. Используя их, человек создает впечатление эксперта. Но какой в этом смысл, если аудитория не понимает их значения?

Ученая Эмили Гроссман, объясняя студентам базовые понятия электричества, использует аналогию с конными скачками, где лошади — это электроны, а ипподром — электрическая цепь. Такие объяснения запоминаются на всю жизнь.

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

Нашему мозгу нужна 0,1 секунды, чтобы распознать знакомый объект, поэтому мы так активно реагируем на картинки и гифки.

Как сделать инфографику:

Определите, какую информацию визуализируете, а какую оставите в виде текста (его должно быть минимум).

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

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

Читайте также: