Инклюзивный дизайн для доступных презентаций

Опубликовано: 2022-03-10
Краткое резюме ↬ Когда вы готовитесь к своей следующей презентации, используйте эти советы о том, как настроить слайды и выступление, чтобы все получили от него максимальную пользу.

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

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

1. Создавайте доступные слайды

Сделайте ваш текст большим. Нет, больше.

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

Мелкий текст посреди большого слайда
Маленький текст посреди большого слайда. (Большой превью)

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

Со щитом или на щите. Это относится ко всему тексту, даже к «менее важным» вещам, таким как метки данных, оси графика и легенды, подписи к изображениям, сноски, URL-адреса и ссылки.

Еще после прыжка! Продолжить чтение ниже ↓

Читается ли шрифт вашего слайда?

Я люблю шрифты; они действительно могут задать тон разговору. Однако, прежде чем прыгать в самые безумные уголки Google Fonts, подумайте о членах вашей аудитории, испытывающих трудности с чтением. Использование рукописных или письменных шрифтов, особенно тех, в которых буквы связаны друг с другом, затрудняет чтение текста. Использование прописных букв снижает читаемость, удаляя верхние и нижние строчные буквы, а также кричащие слова.

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

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

(Ссылка: Руководство по стилю Британской ассоциации дислексии, 2018 г.)

Имеет ли это смысл в оттенках серого?

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

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

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

Рекомендуемая литература : Начало публичных выступлений .

Это слайд, а не роман

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

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

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

Анимированные переходы между слайдами? Действительно?

Мои любимые мной в старшей школе переходы между слайдами — чем причудливее, тем лучше. Смотри, моя горка летит в дырку! Он качается взад и вперед, как лист на ветру! Затухание, смахивание, жалюзи, я был только за.

Microsoft PowerPoint содержит 48 (!) анимированных вариантов перехода между слайдами.
Microsoft PowerPoint содержит 48 (!) анимированных вариантов перехода между слайдами. (Большой превью)

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

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

Удобочитаемость применима и к тексту слайда

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

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

Не путайте более простые слова и короткие фразы с «отупением». Слайды предназначены для четких и лаконичных идей, а не для демонстрации вашего словарного запаса. Сохраните свои причудливые слова для следующего кроссворда.

GIF-файлы не всегда смешные

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

Если изображение в формате GIF быстро мерцает или мерцает, это может вызвать припадки у людей со светочувствительной эпилепсией. Случилось так: в 2016 году недовольные сторонники Трампа вызвали припадок у автора Newsweek, страдающего эпилепсией, намеренно отправив ему в Твиттере мигающие изображения.

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

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

Насколько хорош ваш цветовой контраст?

Слово «Двоичный» в левом нижнем углу этого слайда представлено крупным читаемым шрифтом, но цветовой контраст очень плохой.
Слово «Двоичный» в левом нижнем углу этого слайда представлено крупным читаемым шрифтом, но цветовой контраст очень плохой. (Большой превью)

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

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

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

(Прежде чем вы начнете ругать меня за минимальное соотношение большого текста 3 : 1 для WCAG 2.0 AA, я полагаю, что вблизи оно велико, но меньше с точки зрения аудитории. Вряд ли они будут жаловаться на слишком высокую контрастность, не так ли? ?)

  • Загружаемая программа проверки цветового контраста от Paciello Group (для Windows и Mac)
  • Онлайн-проверка цветового контраста от Леи Веру

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

Позвольте вашей аудитории следовать за вами

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

Держите свои ссылки короткими

Если на вашем слайде есть веб-ссылка, есть две причины сделать ее как можно короче:

  • Удобочитаемость. Длинные URL-адреса переносятся на несколько строк, что затрудняет чтение.
  • Способность к произношению: вы должны произнести свой URL-адрес вслух для людей, которые не видят экран. Длинный URL-адрес очень сложно произнести правильно, особенно если он содержит строки случайных символов. Слушателям также очень сложно понять и записать в реальном времени.

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

Содержит ли ваша презентация мультимедиа?

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

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

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

Не размещайте изюминку внизу слайда

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

Рекомендуемая литература : Как превратить выводы вашей следующей конференции в реальные результаты

2. Представление советов

Имейте четкое начало, середину и конец

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

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

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

Дайте аудитории время прочитать ваши слайды

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

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

Вы усердно работали над этими слайдами, было бы обидно, если бы они не были оценены по достоинству!

Предоставьте субтитры и перевод на иностранный язык

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

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

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

MS PowerPoint имеет бесплатный подключаемый модуль Presentation Translator для добавления подписей в реальном времени и перевода на иностранный язык. Я видел демонстрацию в A11y Camp Sydney в прошлом году:

Google недавно добавил субтитры в реальном времени в свой продукт Slides.

Выбирайте выражения

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

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

Есть еще эйблистский язык. Неправильное использование таких слов, как «отсталый», «невменяемый», «хромой» и «сумасшедший », унижает достоинство людей с психическими и физическими расстройствами. Что такое обычный пользователь? Делаете ли вы предположения относительно пола, сексуальной ориентации, расы, семьи, технических знаний, физических или умственных способностей или уровня образования?

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

Истории не универсальны

Когда я обсуждал цветовой контраст на A11y Bytes 2017, я жаловался, что не могу видеть экран телефона при ярком солнечном свете. Пытаясь рассказать, я спросил: «Мы все были там, верно?», ожидая нескольких кивков и улыбок.

Ответ был молниеносным: «Не могу сказать, что нашел в этом проблему!» Смех прокатился по толпе, когда я понял, что меня только что перебила слепая женщина. Она милостиво рассмеялась над моим поспешным извинением.

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

Интересы и отсылки к поп-культуре тоже не универсальны

Мои последние презентации были посвящены WCAG 2.1, в том числе необходимости предоставления альтернатив вводу на основе движения. В качестве примера я использую три игры для Nintendo Switch.

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

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

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

Изображение стоит тысячи (произнесенных) слов

Фотографии, графика и рисунки сделают ваши слайды интереснее. У вас могут быть снимки экрана созданного вами веб-сайта или фотографии людей или мест, о которых вы говорите.

Когда ваши изображения слайдов являются частью истории, не забудьте описать изображения для тех в аудитории, которые не могут их видеть. Старайтесь не говорить «Как вы видите здесь…», потому что кто-то может не видеть там.

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

Замедляйтесь, дышите.

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

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

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

Уважайте Кодекс поведения и свою аудиторию

Кодексы поведения можно найти на большинстве публичных выступлений, таких как это мероприятие UX Gatherings. Они устанавливают минимальный стандарт поведения для спикеров и участников.

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

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

Сделайте ваши демонстрации кода доступными

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

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

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

Не бросайте микрофон

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

Многие общественные конференц-залы имеют аудиоиндукционную (слуховую) петлю, подключенную к их AV-системам. Петля передает AV-выход непосредственно на слуховые аппараты и кохлеарные импланты. Люди с нарушениями слуха получают целевой звук без фонового шума.

Рекомендуемая литература : Получение максимальной отдачи от веб-конференции

3. После презентации

Поздравляем! Вы закончили свой разговор. Есть еще пара вещей, которые прекрасно завершат эту вещь.

Распространение доступных слайдов

Многие докладчики публикуют свои слайды после завершения выступления. Если это вы, сделайте их доступными! Правильная семантика, осмысленный порядок чтения, ALT-текст на изображениях, достаточный цветовой контраст, подписи к видео, ограниченное зацикливание анимации, разумные переходы между слайдами и многое другое.

Заполните пробелы примечаниями, расшифровкой или статьей

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

Заключение

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

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