en<able> - о дизайне
رفتن به کانال در Telegram
О дизайне с фокусом на цифровую доступность По всем вопросам @anzhelikagerman
نمایش بیشتر411
مشترکین
اطلاعاتی وجود ندارد24 ساعت
اطلاعاتی وجود ندارد7 روز
اطلاعاتی وجود ندارد30 روز
آرشیو پست ها
Привет! Сегодня хотела бы поговорить о моей любимой типографике более детально, тема непростая и для самых внимательных и дотошных дизайнеров, ну а у нас тут других и нет 🙂
Если кто-то не помнит, что такое апертура, лигатура и тд, я оставила ссылку на имидж с анатомией шрифта, так будет проще разобраться.
Repost from Явно.Дизайн
+5База по 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?🧵
Сайт для проверки контрастности
Плагин для Фигмы для проверки контрастности
#заметка #гость #доступность
Ася подготовила пост про то, как дизайнеры могут улучшить цифровую доступность
Ребят, сегодня в рамках конференции, где мы с Асей выступали, будет презентовать свой доклад Света, она очень классная, вообще не понимаю, почему она волнуется? )) Это тот человек, который на практике внедряет доступность! Мы бы хотели ее поддержать и сказать, что все пройдет классно! Главное, закрой чат в youtube )))
Света @unlimited_possibilities, мы с тобой ))
Ссылка https://kurmakinfo.timepad.ru/event/2548560/
Начало в 19:00
Гостевая неделя
Всю эту неделю мы с Асей будем гостями в канале @yavnodesign С Антоном мы знакомы давно, он менторил наш кейс с Duolingo 💚 А теперь познакомились со всей редакцией проекта.
Канал мегаполезный: есть посты про продуктовые метрики, брендинг, 3d, работу с портфолио, менеджмент, классные разборы в прямом эфире. И мое особенно любимое - про свой опыт. Такие посты всегда раскрывают личность дизайнера, его подход к работе. У ребят мне хочется перенять структурность и тщательный подход.
О чем мы будем писать на канале @yavnodesign:
✦ Цифровая доступность. Что это и зачем ей заниматься?
✦ База a11y
✦ 7 советов по выбору «доступного» шрифта
✦ База про скринридеры
В конце недели проведем эфир на тему «Как говорить об инклюзии и как дизайнеру пиарить свои кейсы». Мы сами стесняемся и собираем волю в кулак, когда нужно выйти в новое пространство и рассказать о себе — так что вещи, о которых мы будем говорить, прожиты на собственном опыте.
Недавно мы познакомились с Дарьей Злобин, senior ux designer, которая хочет донести до гигантов ecommerce Германии, как важно помнить о доступности уже сейчас, не дожидаясь закона и штрафов (а они будут очень большие). Дарья прислала закон и нормативный акт про цифровую доступность. А также постеры-инфографику от Home Office Digital в pdf.
Вот краткое содержание статьи: в Германии к 2025 году обязаны сделать свои продукты доступными
- терминалы самообслуживания
- платежные терминалы, банкоматы, билетные автоматы, автоматы регистрации, терминалы самообслуживания для предоставления информации
- потребительские терминалы с интерактивным набором услуг, используемые для телекоммуникационных услуг или для доступа к аудиовизуальным медиа-услугам (операторы сотовой связи в первую очередь)
- устройства для чтения электронных книг
+ общественный транспорт, сайты, продажа билетов и информация о расписании должна быть доступна всем категориям граждан.
А от себя приложила краткое руководство по доступности государственных цифровых сервисов в РФ.
en<able> - о дизайне
Всем привет! Выкладываем нашу презентацию.
Когда я завела этот блог, я решила, что здесь будут наши личные мысли, успехи, провалы, то есть наша дизайнерская жизнь )
Вчера все прошло не так, как я надеялась. Главное правило прямого эфира "Не читать чат" я провалила по полной. Лера задает вопросы, а я читаю и не могу оторваться, в итоге мямлю и никакие мысли не идут в голову. И уже после эфира: оооох, ну вот так надо было ответить, а вот тут так.
Хорошо, что у Аси чат был закрыт )))
Но все приходит с опытом. Друзья меня успокаивали, рассказывали истории, как они забывали текст в середине презентации, как падали со сцены ))) Вот такие трудности публичных выступлений.
У нас готовность полчаса ) Наш доклад второй и мы немного нервничаем ) Но зафакапить на конференции о факапах - это к счастью, правда? ))
Презентацию выложим сразу после эфира 💜
Уже сегодня стартует IV Конференция по цифровой доступности школы Accessibility Unity
29 августа в 19:00 (мск)
Если вы еще не зарегистрировались, то скорее торопитесь и проходите по ссылке на регистрацию.
Нас ждет целых два доклада от Кирилла Улитина, Анжелики Герман и Аси Староверовой
Когда зеленый — это хорошо, плохо или «эксель»? Как исправляли факапы визуальной доступности в МойОфис.
Из выступления вы узнаете, как:
▫️решали проблему с пересечением акцентных и статусных цветов, чтобы и бренд, и пользователь были довольны;
▫️считали контраст по 15-летней формуле WCAG 2, а потом пересчитывали все по новой с помощью APCA;
▫️разобрались с «центром управления доступными палитрами» — Huetone, чтобы понять, как сделать цветовое кодирование для совместного редактирования;
▫️и наконец подружились с разработчиками, чтобы победить трудности с реализацией темной темы для документов.
Duolingo и дислексия. Факапы в дизайне и исследованиях
Много ошибок — много инсайтов в процессе улучшения Duolingo для людей с дислексией.
▫️Факапы дизайн-менеджмента
▫️Хаос в дизайн-документации
▫️Продукт, который спасет мир
▫️Не те вопросы на интервью
▫️Тестирование не задалось.
Я бы от себя хотела добавить, какие люди делают этот курс и преподают на нем.
Я писала, что мы готовимся к презентации на конференции и вчера делали ее прогон с Валерией Курмак. Она тактично указала на недостатки, подсказала, что добавить. Вообще любое общение с ней - огромное удовольствие.
Миша Рубанов будет преподавателем на курсе, он написал книгу Доступность, вчера я ее внимательно прочитала в поезде и всем дизайнерам советую ) Только не пугайтесь, что она больше для разработчиков, там и для дизайнеров очень много.
С Аней Лещенко мы познакомились, когда делали тестирование для Duolingo, вся команда сказала - потрясающая девушка, как интересно она рассказывает! Аня будет рассказывать про шрифты и дислексию.
Верю, что люди с такой эмпатией смогут передать свои опыт и знания. Когда смотришь их видео на youtube, знаете, так тепло и позитивно становится на душе ) Я тоже купила курс, хочу больше теории и практики )
А вашим приложением может пользоваться незрячий человек?
О том, как сделать цифровой продукт инклюзивным - онлайн-курс для разработчиков (веб, iOS и Android), исследователей, тестировщиков и дизайнеров. Старт 23 сентября. На курсе вы:
• Погрузитесь в теорию с ведущими экспертами
• Получите обратную связь после тестирования вашей работы незрячим или слабовидящим человеком
• На практике получите то, что будете изучать в теории
• Повысите свою востребованность на международном рынке
• Присоединитесь к сообществу единомышленников
• Получите полную картину проектирования продукта для всех пользователей
Подробнее о курсе accessibilityunity.com
Станьте частью изменяющего мир обучения и создавайте продукты , действительно доступные для каждого! Это в наших с вами руках 🔥
Выступаем со своим кейсом про Duolingo на крутой конференции от Валерии Курмак, страшно невозможно ) Приходите нас поддержать 💜
Немного пунктов нашей презентации:
✦ Факапы дизайн-менеджмента
✦ Хаос в дизайн-документации
✦ Продукт, который спасет мир
✦ Не те вопросы на интервью
✦ Тестирование не задалось
Ну вы поняли, факапили на каждом шагу )) Поэтому попробуем рассказать, как исправлять ошибки в процессе дизайна и исследований 🔮
IV Конференция по цифровой доступности. Практический опыт и факапы
Вокруг много теоретиков, которые расскажут как вам нужно делать вашу работу, ну и конечно, что вы делаете неправильно. И очень мало практиков, которые расскажут про то, с какими трудностями они столкнулись, и как их решали.
На конференции обсудим реальный опыт и поговорим о трудностях, с которыми сталкивались те, кто на практике занимается внедрением доступности. Своей экспертизой про опыт с позиции разных ролей: менеджер, разработчик, дизайнер и тестировщик.
29.08 в 19:00 по мск — Факапы в дизайне и исследованиях
05.09 в 19:00 по мск— Факапы доступности. Разработчики от бога
12.09 в 19:00 по мск— Повышение доступности VK Fest 2023: факапы и победы команды "Инклюзия сервисов" VK
19.09 в 19:00 по мск— доклад будет анонсирован позже
Конференция бесплатная. Делитесь инфой с друзьями и коллегами! Забивайте время в календаре и, конечно, обязательно приходите!
Вы верите в знаки? Я да ) Каждый день я просматриваю Product Hunt и ищу интересные продукты, увидела там 365 design tips. И как вы думаете, какой первый совет я получила?
В выходные можно немного расслабиться и просто поболтать. Как ваши дела, какие у вас проекты или интересные задачи, может у вас ремонт дома, как у меня? ))
Начну с себя: купила курс у Валерии Курмак по цифровой доступности, накопала много информации по доступной типографике на английском, сегодня буду переводить и поделюсь с вами 🔮
Ваша очередь 🙂
Сегодня с радостью увидели, что на нашем канале уже 222 подписчика! Ура! 🎉
Спасибо за ваш интерес к тому, что мы делаем! Мы очень ценим то, что вы с нами. Дальше — больше 💪
Сегодня у нас большая радость — мы закончили работу над нашим кейсом «Дуолинго для людей с дислексией»!
Первая часть работы была сделана в начале июня — тогда мы опубликовали статью на 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> - о дизайне
Приложение Букмейта стало доступно незрячим людям.
Теперь оно в полноценном режиме поддерживает работу со скринридерами. Чтобы скринридер корректно воспроизводил интерфейс, необходима специальная разметка. В последней версии приложения размечены и подписаны все значимые элементы: кнопки, разделы и другие объекты.
Что важного в адаптации:
✦ Сгруппировали повторяющиеся элементы, чтобы информация, когда её зачитывает скринридер, не дублировалась без необходимости
✦ Разметка помогает незрячему пользователю перемещаться по элементам последовательно, останавливаясь там, где ему интересно
✦ Над адаптацией работала в том числе группа незрячих экспертов.
Я давно слежу за развитием этого приложения, в 2022 году их сервис купил Яндекс, который является одной из ведущих компаний по работе с цифровой доступностью. Но такие адаптации можно делать не только в крупных компаниях :)
По закону жанра тут должен быть вопрос: а вы адаптируете свои приложения? Но поставлю лучше опрос )
en<able> - о дизайне
Хотела добавить, что я неслучайно оставила ссылку на видео в открытом формате с подчеркиванием, так как для людей с плохим зрением так проще опознать ссылку. Также видела запросы от людей, чтобы ссылки в тг всегда подчеркивались, так как не выделение цветом не спасает.
ДАЙТЕ МНЕ ПОБЕДИТЬ: история Специальной Олимпиады в России
Всем привет! На связи Анжелика 🔮 В отпуске открылось второе дыхание и накопилось очень много материалов. Буду рассказывать постепенно.
Начну август с восхищения и вдохновения этими ребятами, сильные, смелые, талантливые и абсолютно феноменальные 💜
Видео по ссылке - https://www.youtube.com/watch?v=gcnwB-3zzIo
Мне очень понравился комментарий под видео:
Операция - специальная
Олимпиада - специальная
Организаторы - специальные
Драма - человеческая.
Но хочу добавить: Помощь - общая.
Ну и не могу не сказать про дизайн и искусство в этом видео: потрясающая картина Тайная вечеря Рауфа Мамедова и брендинг парусного клуба ZigZag, который делали ребята из Nimax.
en<able> - о дизайне
