en<able> - о дизайне и доступности
812 subscribers
112 photos
4 videos
4 files
81 links
О дизайне с фокусом на цифровую доступность

По всем вопросам @anzhelikagerman
Download Telegram
🔮 На связи Анжелика. Начинаю серию практических постов про типографику и цифровую доступность.

Вам нравятся актеры Райан Гослинг и Райан Рейнольдс? (картинка 1) Мне очень! Но проблема в том, что я их не различаю. А что если мы подчеркнем ярче их особенности? (картинка 2) Ну вот теперь я их не перепутаю! )))

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

Хорошую читабельность обеспечивает достаточное межбуквенное и межстрочное расстояние.

Разборчивость я показала на картинке 3 и 4: буквы и цифры 1, L, I, 0, O, o похожи по строению и могут плохо читаться рядом друг с другом, как в колонке слева. Поэтому лучше выбрать шрифты из правой части, где они хорошо различимы, особенно это заметно на последней "заблюренной" картинке.

По мотивам этой статьи.

#Доступнаятипографика

en<able> - о дизайне
🔥10👍21🤣1
ДАЙТЕ МНЕ ПОБЕДИТЬ: история Специальной Олимпиады в России

Всем привет! На связи Анжелика 🔮 В отпуске открылось второе дыхание и накопилось очень много материалов. Буду рассказывать постепенно.

Начну август с восхищения и вдохновения этими ребятами, сильные, смелые, талантливые и абсолютно феноменальные 💜

Видео по ссылке - https://www.youtube.com/watch?v=gcnwB-3zzIo

Мне очень понравился комментарий под видео:
Операция - специальная
Олимпиада - специальная
Организаторы - специальные
Драма - человеческая.


Но хочу добавить: Помощь - общая.

Ну и не могу не сказать про дизайн и искусство в этом видео: потрясающая картина Тайная вечеря Рауфа Мамедова и брендинг парусного клуба ZigZag, который делали ребята из Nimax.

en<able> - о дизайне
5🐳1
Хотела добавить, что я неслучайно оставила ссылку на видео в открытом формате с подчеркиванием, так как для людей с плохим зрением так проще опознать ссылку. Также видела запросы от людей, чтобы ссылки в тг всегда подчеркивались, так как не выделение цветом не спасает.
🔥7👌1
This media is not supported in your browser
VIEW IN TELEGRAM
Приложение Букмейта стало доступно незрячим людям.

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

Что важного в адаптации:

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

✦ Разметка помогает незрячему пользователю перемещаться по элементам последовательно, останавливаясь там, где ему интересно

✦ Над адаптацией работала в том числе группа незрячих экспертов.

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

По закону жанра тут должен быть вопрос: а вы адаптируете свои приложения? Но поставлю лучше опрос )

en<able> - о дизайне
7🙏1
Внедряете цифровую доступность в сайты/приложения?
Anonymous Poll
3%
Да, я в Яндексе
35%
Да, работаю с цифровой доступностью
49%
Нет, но хочу
14%
Нет, не успеваю
Сегодня у нас большая радость — мы закончили работу над нашим кейсом «Дуолинго для людей с дислексией»!

Первая часть работы была сделана в начале июня — тогда мы опубликовали статью на vc, которая собрала много положительных откликов и даже залетела в подборку «Журналус» от студии Артемия Лебедева. Ссылка на нее — в первом комментарии.

А вчера вечером сегодня ночью мы опубликовали кейс и статью на английском!

Мы очень рады, что довели работу до этого этапа. И много благодарности людям, которые помогали нам с переводом на английский и анимацией для кейса ❤️

Будем рады вашей поддержке!

Статья на Medium (не забудьте включить vpn):
https://medium.com/@enabledesignteam/four-features-for-inclusive-design-using-duolingo-app-as-an-example-db3ef8c60fd0

Кейс на Behance:
https://www.behance.net/gallery/176846711/Duolingo-For-Dyslexic-People


en<able> - о дизайне
11🔥3🍾3🤩1👀1
Сегодня с радостью увидели, что на нашем канале уже 222 подписчика! Ура! 🎉

Спасибо за ваш интерес к тому, что мы делаем! Мы очень ценим то, что вы с нами. Дальше — больше 💪
🔥15🎉32
Вы верите в знаки? Я да ) Каждый день я просматриваю Product Hunt и ищу интересные продукты, увидела там 365 design tips. И как вы думаете, какой первый совет я получила?

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

Начну с себя: купила курс у Валерии Курмак по цифровой доступности, накопала много информации по доступной типографике на английском, сегодня буду переводить и поделюсь с вами 🔮

Ваша очередь 🙂
104🤬1
IV Конференция по цифровой доступности. Практический опыт и факапы

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

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

29.08 в 19:00 по мск — Факапы в дизайне и исследованиях

05.09 в 19:00 по мск— Факапы доступности. Разработчики от бога

12.09 в 19:00 по мск— Повышение доступности VK Fest 2023: факапы и победы команды "Инклюзия сервисов" VK

19.09 в 19:00 по мск— доклад будет анонсирован позже

Конференция бесплатная. Делитесь инфой с друзьями и коллегами! Забивайте время в календаре и, конечно, обязательно приходите!
🔥6👍1😱1
Не исключение: об инклюзии в цифровом и физическом мире
IV Конференция по цифровой доступности. Практический опыт и факапы Вокруг много теоретиков, которые расскажут как вам нужно делать вашу работу, ну и конечно, что вы делаете неправильно. И очень мало практиков, которые расскажут про то, с какими трудностями…
Выступаем со своим кейсом про Duolingo на крутой конференции от Валерии Курмак, страшно невозможно ) Приходите нас поддержать 💜

Немного пунктов нашей презентации:
✦ Факапы дизайн-менеджмента
✦ Хаос в дизайн-документации
✦ Продукт, который спасет мир
✦ Не те вопросы на интервью
✦ Тестирование не задалось

Ну вы поняли, факапили на каждом шагу )) Поэтому попробуем рассказать, как исправлять ошибки в процессе дизайна и исследований 🔮
👍8🔥2🤯1😍1
А вашим приложением может пользоваться незрячий человек?

О том, как сделать цифровой продукт инклюзивным - онлайн-курс для разработчиков (веб, iOS и Android), исследователей, тестировщиков и дизайнеров. Старт 23 сентября. На курсе вы:

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

Подробнее о курсе accessibilityunity.com

Станьте частью изменяющего мир обучения и создавайте продукты , действительно доступные для каждого! Это в наших с вами руках 🔥
🔥4🤔1
en<able> - о дизайне и доступности
А вашим приложением может пользоваться незрячий человек? О том, как сделать цифровой продукт инклюзивным - онлайн-курс для разработчиков (веб, iOS и Android), исследователей, тестировщиков и дизайнеров. Старт 23 сентября. На курсе вы: • Погрузитесь в теорию…
Я бы от себя хотела добавить, какие люди делают этот курс и преподают на нем.

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

Миша Рубанов будет преподавателем на курсе, он написал книгу Доступность, вчера я ее внимательно прочитала в поезде и всем дизайнерам советую ) Только не пугайтесь, что она больше для разработчиков, там и для дизайнеров очень много.

С Аней Лещенко мы познакомились, когда делали тестирование для Duolingo, вся команда сказала - потрясающая девушка, как интересно она рассказывает! Аня будет рассказывать про шрифты и дислексию.

Верю, что люди с такой эмпатией смогут передать свои опыт и знания. Когда смотришь их видео на youtube, знаете, так тепло и позитивно становится на душе ) Я тоже купила курс, хочу больше теории и практики )
7👍1👏1💯1
Уже сегодня стартует IV Конференция по цифровой доступности школы Accessibility Unity

29 августа в 19:00 (мск)
Если вы еще не зарегистрировались, то скорее торопитесь и проходите по ссылке на регистрацию.

Нас ждет целых два доклада от Кирилла Улитина, Анжелики Герман и Аси Староверовой

Когда зеленый — это хорошо, плохо или «эксель»? Как исправляли факапы визуальной доступности в МойОфис.

Из выступления вы узнаете, как:

▫️решали проблему с пересечением акцентных и статусных цветов, чтобы и бренд, и пользователь были довольны;
▫️считали контраст по 15-летней формуле WCAG 2, а потом пересчитывали все по новой с помощью APCA;
▫️разобрались с «центром управления доступными палитрами» — Huetone, чтобы понять, как сделать цветовое кодирование для совместного редактирования;
▫️и наконец подружились с разработчиками, чтобы победить трудности с реализацией темной темы для документов.

Duolingo и дислексия. Факапы в дизайне и исследованиях

Много ошибок — много инсайтов в процессе улучшения Duolingo для людей с дислексией.

▫️Факапы дизайн-менеджмента
▫️Хаос в дизайн-документации
▫️Продукт, который спасет мир
▫️Не те вопросы на интервью
▫️Тестирование не задалось.
2🔥2
У нас готовность полчаса ) Наш доклад второй и мы немного нервничаем ) Но зафакапить на конференции о факапах - это к счастью, правда? ))

Презентацию выложим сразу после эфира 💜
101
Presentation_Enable_Design.pdf
3.3 MB
Всем привет! Выкладываем нашу презентацию.

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

Вчера все прошло не так, как я надеялась. Главное правило прямого эфира "Не читать чат" я провалила по полной. Лера задает вопросы, а я читаю и не могу оторваться, в итоге мямлю и никакие мысли не идут в голову. И уже после эфира: оооох, ну вот так надо было ответить, а вот тут так.
Хорошо, что у Аси чат был закрыт )))

Но все приходит с опытом. Друзья меня успокаивали, рассказывали истории, как они забывали текст в середине презентации, как падали со сцены ))) Вот такие трудности публичных выступлений.
🔥11👍1💔1
Accessibility_guide_CDTO_RANEPA_.pdf
6.6 MB
Недавно мы познакомились с Дарьей Злобин, senior ux designer, которая хочет донести до гигантов ecommerce Германии, как важно помнить о доступности уже сейчас, не дожидаясь закона и штрафов (а они будут очень большие). Дарья прислала закон и нормативный акт про цифровую доступность. А также постеры-инфографику от Home Office Digital в pdf.

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

+ общественный транспорт, сайты, продажа билетов и информация о расписании должна быть доступна всем категориям граждан.

А от себя приложила краткое руководство по доступности государственных цифровых сервисов в РФ.

en<able> - о дизайне
🔥10👍1🤝1
Гостевая неделя

Всю эту неделю мы с Асей будем гостями в канале @yavnodesign С Антоном мы знакомы давно, он менторил наш кейс с Duolingo 💚 А теперь познакомились со всей редакцией проекта.

Канал мегаполезный: есть посты про продуктовые метрики, брендинг, 3d, работу с портфолио, менеджмент, классные разборы в прямом эфире. И мое особенно любимое - про свой опыт. Такие посты всегда раскрывают личность дизайнера, его подход к работе. У ребят мне хочется перенять структурность и тщательный подход.

О чем мы будем писать на канале @yavnodesign:

✦ Цифровая доступность. Что это и зачем ей заниматься?
✦ База a11y
✦ 7 советов по выбору «доступного» шрифта
✦ База про скринридеры

В конце недели проведем эфир на тему «Как говорить об инклюзии и как дизайнеру пиарить свои кейсы». Мы сами стесняемся и собираем волю в кулак, когда нужно выйти в новое пространство и рассказать о себе — так что вещи, о которых мы будем говорить, прожиты на собственном опыте.
5🔥2👍1
Ребят, сегодня в рамках конференции, где мы с Асей выступали, будет презентовать свой доклад Света, она очень классная, вообще не понимаю, почему она волнуется? )) Это тот человек, который на практике внедряет доступность! Мы бы хотели ее поддержать и сказать, что все пройдет классно! Главное, закрой чат в youtube )))

Света @unlimited_possibilities, мы с тобой ))

Ссылка https://kurmakinfo.timepad.ru/event/2548560/
Начало в 19:00
5🥰1🤣1👀1
Ася подготовила пост про то, как дизайнеры могут улучшить цифровую доступность
❤‍🔥1
Forwarded from Явно.Дизайн
База по A11y: с чего начать улучшение Accessibility?

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

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

Четыре главных принципа доступности цифрового контента согласно W3C:

Воспринимаемость — информация должна быть представлена пользователям в доступной для восприятия форме

Управляемость — компоненты пользовательского интерфейса и навигационные элементы должны быть управляемы

Понятность — информация и управление интерфейсом должны быть понятными

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

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

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

В этих карточках мы даём практические рекомендации, с чего начать внедрение A11y в работу.

Использованные материалы и полезности:

Руководство по alt-text от слабовидящего веб-разработчика

Интерфейс доступный каждому: практические рекомендации

How-to: Use the tabindex attribute - The A11Y Project

Accessibility (A11y) why is it so important?🧵

Сайт для проверки контрастности

Плагин для Фигмы для проверки контрастности

#заметка #гость #доступность
👍6🔥31