Доступный дизайн — 5 важных секретов для графических дизайнеров

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

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

Доступный дизайн — с точки зрения графического дизайна

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

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

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

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

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

1. Обратите внимание на типографику

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

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

Мелкие шрифты сильно напрягают глаза. И это заставляет ваших пользователей работать усерднее, чтобы получить сообщение. Скорее всего, они не будут! Кроме того, шрифты размером менее 12 пикселей могут быть трудны для чтения, особенно на мобильном телефоне. Учитывая, что 58,99% глобального веб-трафика поступает с мобильных устройств, отказ от крошечных шрифтов, безусловно, является хорошим решением для доступного дизайна.

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

Выбранный вами шрифт имеет значение

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

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

Будьте осторожны с межбуквенным интервалом

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

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

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

Совет Кимпа: Не знаете, удобна ли выбранная типографика для глаз читателя? Запишите следующие символы рядом друг с другом-

• Прописная буква «я»
• Строчная буква «л»
• И цифра «1»

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

Беспокоитесь о том, чтобы типографика работала? Свяжитесь с командой Кимп.

2. Особого внимания заслуживает цветовой контраст

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

Согласно Консорциуму World Wide Web (W3C), рекомендуется коэффициент контрастности 4,5: 1 или более между текстом переднего плана и фоном.

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

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

Совет Кимпа: вместо того, чтобы задаваться вопросом, будет ли этот красный цвет, который вы выбрали для шрифта, хорошо смотреться на сером фоне, используйте онлайн-инструмент, такой как WebAIM Contrast Checker, чтобы узнать коэффициент контрастности.

3. Будьте осторожны при использовании текстовых наложений

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

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

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

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

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

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

4. Дизайн для дальтоников

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

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

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

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

Или, если вы хотите проверить существующий дизайн и сделать его безопасным для дальтоников, вы можете использовать онлайн-инструменты, такие как Coblis-Color Blindness Simulator, чтобы увидеть, как ваш дизайн выглядит для дальтоника.

Если ваша CTA-кнопка выскакивает и привлекает внимание обычного пользователя, но почти невидима на фоне для дальтоника, вы все равно не попали в цель. Каждый пользователь имеет значение, каждое взаимодействие с пользователем имеет значение. Итак, выберите правильные цвета.

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

5. Добавьте четкие подписи к видео и замещающий текст к изображениям.

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

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

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

Упростите доступный дизайн с Kimp

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

Зарегистрируйтесь сейчас и попробуйте подписку Kimp бесплатно на 7 дней.

Похожие сообщения