Инклюзивная типографика — если ты всё ещё делаешь 12px, пора пересмотреть

Хорошая типографика — не только про красоту. Она про доступность. Если твой текст красиво смотрится на дриббле, но не читается на экране телефона — ты не дизайнер, ты декоратор. Что учитывать, чтобы типографика работала для всех: — Кегль: минимум 16px для основного текста. Не обсуждается. — Контраст: серый на сером — не дизайнерский приём, а ошибка. — Шрифты: без перегруза. Простые, с нормальной высотой строки. — Интерлиньяж: от 1.4 и выше — особенно важно для пожилых или людей с нарушениями зрения. — Выравнивание: влево. Justify = рваный ритм и дыры в тексте. — Капс: для акцентов, не для целых абзацев. Инклюзивность — это не тренд. Это уважение к тем, кто читает твой интерфейс. И это должно быть нормой. #типографика #доступность #ux #ui #шрифты #webminute #инклюзивность
Изображение поста

В месте буквы: личные проекты о дислексии

В начале года мы с Щёлочью начали исследование дизайна для людей с дислексией. Делимся пятью историями, которые помогут лучше понять тех, кто воспринимает мир иначе. • Нарушение восприятия визуального: исследование выпускницы Школы дизайна НИУ ВШЭ Дарьи Кокориной. Его цель — изучить восприятие людей с разными патологиями зрения. • «Я креативный директор с дислексией, ИИ помогает раскрыть мои творческие способности»: история Гила Гершони, основателя брендингового агентства и автора подкаста Dyslexic Design Thinking. • «Шрифты правда могут помочь людям с дислексией?»: статья Мэдлин Морли, исследовательницы дизайна и экс-главной редакторки AIGA Eye On Design. • #141206_2872491">DYSLEXIA EXPERIENCE: проект выпускницы Школы дизайна НИУ ВШЭ Анны Панкратовой. Внутри есть интерактивный сайт, визуализирующий особенности восприятия информации у людей с дислексией. • «Дислексия как суперспособность в продуктовом дизайне»: история британского дизайнера Уилла Бретт-Аткина и его советы для тех, кто стремится к инклюзивной корпоративной культуре. → Продолжение исследования. #bbe_есть_дело
Изображение поста

10 принципов хорошего дизайна от Дитера Рамса на примере ChatGPT

Этим принципам больше 45 лет, но они по-прежнему звучат как манифест современного дизайна. Более того — с каждым годом становятся всё актуальнее. Изначально Рамс сформулировал их для промышленного дизайна. Но давайте взглянем на них через призму digital-сервисов. Например — ChatGPT. ⸻ 1. Хороший дизайн — инновационный ChatGPT это новый формат взаимодействия с технологиями. Пользователь общается с ИИ как с собеседником, а не через множество кнопок, меню и форм. Это сдвиг интерфейсной парадигмы: текст как UI. ⸻ 2. Хороший дизайн делает продукт полезным Решает задачи быстрее и проще. Составить текст, проанализировать данные, придумать идею, сделать план, перевести — всё это за секунды и в одном окне. Универсальный инструмент. ⸻ 3. Хороший дизайн — эстетичен Интерфейс предельно чистый и визуально сбалансированный. В фокусе — диалог. Цвета сдержанные, типографика удобна для чтения. Минимум визуального шума. ⸻ 4. Хороший дизайн делает продукт понятным Минимум туториалов. Ты просто приходишь и начинаешь писать. Интерфейс работает по принципу «что вижу — то и делаю». ⸻ 5. Хороший дизайн ненавязчив Не требует внимания к себе. Ты не замечаешь сам продукт — он не мешает между тобой и твоей задачей. Минимум маркетинга. Диалог занимает центр внимания. ⸻ 6. Хороший дизайн честен Честно сообщает о своих возможностях и ограничениях. Предупреждает, что ответы могут быть неточными. Не пытается прикинуться человеком, не скрывает свои рамки. ⸻ 7. Хороший дизайн долговечен Диалог — универсальная модель взаимодействия. Письменная речь и интерфейс на основе текста — одна из самых долгоиграющих форм. Такой подход адаптивен к любому будущему носителю (мобильный, VR, AR, голосовой ввод и т.д.). ⸻ 8. Хороший дизайн продуман до мелочей ChatGPT кажется простым, но за этой простотой — тонкая работа. Ответы форматируются по смысловым блокам с классной микроанимацией, даже пауза в ответе имитирует живой темп диалога. Контекст сохраняется, даже если ты ушёл и вернулся ⸻ 9. Хороший дизайн экологичен Этот принцип хуже всего переносится на digital. ИИ-модели ресурсоёмки, поэтому с точки зрения экологии ChatGPT скорее противоречит идее Рамса. Я бы заменил данный принцип на «Доступный»: продукт поддерживает голосовой ввод, распознание окружения при помощи видео и подходит большинству людей с ограниченными возможностями, поддерживает множество языков и контекстуально адаптируется, что делает его инклюзивным по отношению к разным контекстам и культурным кодам. ⸻ 10. Хороший дизайн — как можно меньше дизайна Интерфейс практически отсутствует. Только поле ввода и диалог. Всё остальное — ситуационно и по необходимости.
Изображение поста

В месте буквы: личные проекты о дислексии

В начале года мы с Щёлочью провели опрос в рамках нашего совместного исследования дизайна для людей с дислексией. Итог — 365(!!!) участников опроса. 91% респондентов считает, что дислексия требует больше общественного внимания. 21% признались, что у них есть дислексия, 23% — что дислексия есть у знакомого человека, и в 30% всех случаев дислексия диагностирована врачом. А еще мы получили 130 личных историй о том, как вам или вашим знакомым живется с дислексией. Добавим еще пять, авторы которых — носители опыта и исследователи дизайна. ● «Я — креативный директор с дислексией, ИИ помогает раскрыть мои творческие способности» — история Гила Гершони, основателя собственного брендингового агентства и автора подкаста Dyslexic Design Thinking. ● «Шрифты правда могут помочь людям с дислексией?» — критическая статья Мэдлин Морли, исследовательницы дизайна, экс-главной редакторки AIGA Eye On Design и выпускающей редакторки Dinamo Typefaces. ● #141206_2872491">DYSLEXIA EXPERIENCE — проект выпускницы Школы дизайна НИУ ВШЭ, часть которого — интерактивный сайт, визуализирующий особенности восприятия информации, которые могут сопровождать дислексию. ● «Дислексия как суперспособность в продуктовом дизайне» — история британского дизайнера Уилла Бретт-Аткина и его стратегические советы для тех, кто стремится к инклюзивной корпоративной культуре. ● Нарушение восприятия визуального — проект выпускницы Школы дизайна НИУ ВШЭ Дарьи Кокориной и визуальное исследование, цель которого изучить, как преломляется визуальный объект в восприятии людей с различными патологиями зрения.
Изображение поста
В месте буквы: личные проекты о дислексии
Помните, как в начале года мы просили вас пройти опрос для нашего с Bang Bang Education исследования о дизайне для людей с дислексией? Итог — 365(!!!) респондентов. 91% считает, что дислексия требует больше общественного внимания. 21% признался, что у него дислексия, 23% — что дислексия есть у близких, и в 30% всех случаев дислексия диагностирована врачом. А еще мы получили 130 личных историй о том, как вам или вашим знакомым живется с дислексией. Добавим еще пять, авторы которых — носители опыта и исследователи дизайна. ↘️«Я — креативный директор с дислексией, ИИ помогает раскрыть мои творческие способности» — история Гила Гершони, основателя собственного брендингового агентства и автора подкаста Dyslexic Design Thinking. ↘️ «Шрифты правда могут помочь людям с дислексией?» — критическая статья Мэдлин Морли, исследовательницы дизайна, экс-главной редакторки AIGA Eye On Design и выпускающей редакторки Dinamo Typefaces. ↘️#141206_2872491">DYSLEXIA EXPERIENCE — проект выпускницы Школы дизайна НИУ ВШЭ, часть которого — интерактивный сайт, визуализирующий особенности восприятия информации, которые могут сопровождать дислексию. ↘️ «Дислексия как суперспособность в продуктовом дизайне» — история британского дизайнера Уилла Бретт-Аткина и его стратегические советы для тех, кто стремится к инклюзивной корпоративной культуре. ↘️ Нарушение восприятия визуального — проект выпускницы Школы дизайна НИУ ВШЭ Дарьи Кокориной и визуальное исследование, цель которого изучить, как преломляется визуальный объект в восприятии людей с различными патологиями зрения.
Изображение поста
В месте буквы: личные проекты о дислексии
В начале года мы с Щёлочью провели опрос в рамках нашего совместного исследования дизайна для людей с дислексией. Итог — 365(!!!) участников опроса. 91% респондентов считает, что дислексия требует больше общественного внимания. 21% признались, что у них есть дислексия, 23% — что дислексия есть у знакомого человека, и в 30% всех случаев дислексия диагностирована врачом. А еще мы получили 130 личных историй о том, как вам или вашим знакомым живется с дислексией. Добавим еще пять, авторы которых — носители опыта и исследователи дизайна. ● «Я — креативный директор с дислексией, ИИ помогает раскрыть мои творческие способности» — история Гила Гершони, основателя собственного брендингового агентства и автора подкаста Dyslexic Design Thinking. ● «Шрифты правда могут помочь людям с дислексией?» — критическая статья Мэдлин Морли, исследовательницы дизайна, экс-главной редакторки AIGA Eye On Design и выпускающей редакторки Dinamo Typefaces. ● #141206_2872491">DYSLEXIA EXPERIENCE — проект выпускницы Школы дизайна НИУ ВШЭ, часть которого — интерактивный сайт, визуализирующий особенности восприятия информации, которые могут сопровождать дислексию. ● «Дислексия как суперспособность в продуктовом дизайне» — история британского дизайнера Уилла Бретт-Аткина и его стратегические советы для тех, кто стремится к инклюзивной корпоративной культуре. ● Нарушение восприятия визуального — проект выпускницы Школы дизайна НИУ ВШЭ Дарьи Кокориной и визуальное исследование, цель которого изучить, как преломляется визуальный объект в восприятии людей с различными патологиями зрения.
Изображение поста
В месте буквы: личные проекты о дислексии
Помните, как в начале года мы просили вас пройти опрос для нашего с Bang Bang Education исследования о дизайне для людей с дислексией? Итог — 365(!!!) респондентов. 91% считает, что дислексия требует больше общественного внимания. 21% признался, что у него дислексия, 23% — что дислексия есть у близких, и в 30% всех случаев дислексия диагностирована врачом. А еще мы получили 130 личных историй о том, как вам или вашим знакомым живется с дислексией. Добавим еще пять, авторы которых — носители опыта и исследователи дизайна. ↘️«Я — креативный директор с дислексией, ИИ помогает раскрыть мои творческие способности» — история Гила Гершони, основателя собственного брендингового агентства и автора подкаста Dyslexic Design Thinking. ↘️ «Шрифты правда могут помочь людям с дислексией?» — критическая статья Мэдлин Морли, исследовательницы дизайна, экс-главной редакторки AIGA Eye On Design и выпускающей редакторки Dinamo Typefaces. ↘️#141206_2872491">DYSLEXIA EXPERIENCE — проект выпускницы Школы дизайна НИУ ВШЭ, часть которого — интерактивный сайт, визуализирующий особенности восприятия информации, которые могут сопровождать дислексию. ↘️ «Дислексия как суперспособность в продуктовом дизайне» — история британского дизайнера Уилла Бретт-Аткина и его стратегические советы для тех, кто стремится к инклюзивной корпоративной культуре. ↘️ Нарушение восприятия визуального — проект выпускницы Школы дизайна НИУ ВШЭ Дарьи Кокориной и визуальное исследование, цель которого изучить, как преломляется визуальный объект в восприятии людей с различными патологиями зрения.
Изображение поста
В месте буквы: личные проекты о дислексии
В начале года мы с Щёлочью провели опрос в рамках нашего совместного исследования дизайна для людей с дислексией. Итог — 365(!!!) участников опроса. 91% респондентов считает, что дислексия требует больше общественного внимания. 21% признались, что у них есть дислексия, 23% — что дислексия есть у знакомого человека, и в 30% всех случаев дислексия диагностирована врачом. А еще мы получили 130 личных историй о том, как вам или вашим знакомым живется с дислексией. Добавим еще пять, авторы которых — носители опыта и исследователи дизайна. ● «Я — креативный директор с дислексией, ИИ помогает раскрыть мои творческие способности» — история Гила Гершони, основателя собственного брендингового агентства и автора подкаста Dyslexic Design Thinking. ● «Шрифты правда могут помочь людям с дислексией?» — критическая статья Мэдлин Морли, исследовательницы дизайна, экс-главной редакторки AIGA Eye On Design и выпускающей редакторки Dinamo Typefaces. ● #141206_2872491">DYSLEXIA EXPERIENCE — проект выпускницы Школы дизайна НИУ ВШЭ, часть которого — интерактивный сайт, визуализирующий особенности восприятия информации, которые могут сопровождать дислексию. ● «Дислексия как суперспособность в продуктовом дизайне» — история британского дизайнера Уилла Бретт-Аткина и его стратегические советы для тех, кто стремится к инклюзивной корпоративной культуре. ● Нарушение восприятия визуального — проект выпускницы Школы дизайна НИУ ВШЭ Дарьи Кокориной и визуальное исследование, цель которого изучить, как преломляется визуальный объект в восприятии людей с различными патологиями зрения.
Изображение поста
Инклюзивность в дизайне: не просто тренд — а будущее вашего бренда
Вы когда-нибудь сталкивались с сайтом, где кнопки слишком мелкие, а цвета сливаются? Или с текстом, который сложно прочитать из-за неудачного шрифта? Для миллионов людей это не просто неудобство, а реальный барьер. В новой статье мы разбираемся, почему инклюзивный дизайн — это стратегическое решение. Как читаемость шрифтов и контрастность цветов влияют на восприятие компании, и почему игнорирование этих принципов может стоить вам клиентов. Проверим, насколько ваш дизайн инклюзивен? Читайте статью по ссылке 👈🏻
Изображение поста
Violet
Обеспечьте более инклюзивный уход → Жанр: #LandingPage → Сложность: #средний → Язык: #EN → Адаптив: Нет @figma_start
🔍 Как забота может добавить бизнесу новых клиентов
Маша из Clevertec поделилась находками об инклюзивном дизайне и как за счёт него финтех-компании получают конкурентное преимущество, расширяют клиентскую базу и создают более устойчивую финансовую экосистему Внутри: — Что такое инклюзивность и почему это важно; — Принципы инклюзивного дизайна; — Дети и финтех; — Пожилые люди и финтех; — Инклюзивность для всех . ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Один из сайтов Spotify, созданный для сближения и объединения людей. Живой пример инклюзивности в дизайне. Небольшой сайт с 3D объектами и вложенными в них историями и видео от разных пользователей, учатников и создателей Spotify.
Color Blind.
Плагин ColorBlind позволяет проверить, как ваш дизайн выглядит с точки зрения людей с различными типами нарушений восприятия цвета, таких как дальтонизм. Это полезный инструмент для создания доступных и инклюзивных интерфейсов. Установить плагин 🔗 #Плагины
Изображение поста
👵👨‍🦳 § UX для людей в возрасте. Почему и откуда взялось заблуждение, что эта категория пользователей не может отличить смартфон от булыжника. Разбираем в чем их особенность и как учитывать это в своих проектах. И как так вышло, что даже Норман Нильсон живет все еще в парадигме нулевых, когда смартфон был чем-то новым для всех, а не только для бабушек и дедушек.
#edu [15 min] Выбор темы не случайный. Сейчас как раз делаем интерфейс, которым активно пользуются пожилые люди + очень для разбора помог предыдущий опыт интерфейсов для этой аудитории. Никогда не знаешь, с чем придется столкнуться в работе. Хотя, доп. специализация на Medtech как бы намекает... Что можете погуглить на эту тему: Gerontechnology (Геронтотехнологии) – это направление, изучающее технологии, адаптированные под возрастные изменения. Age-Inclusive Design (Возрастной инклюзивный дизайн) – методология, учитывающая когнитивные и физиологические изменения у пожилых пользователей. Из книг, обратите внимание на "Designing User Interfaces for an Aging Population" – Jeff Johnson, Kate Finn. В ней подробно разбираются когнитивные и физические изменения, связанные со старением, и даются рекомендации по UX/UI. С вас лайк ❤️ если удивил с темой параграфа 😊
«...рекомендуем поизучать крупные дизайн-системы и гайдлайны, чтобы понять, как правильно работают компоненты...»
Вспоминаю тестовое задание от Самоката. Одна из задач была улучшить дизайн мобильного приложения для менеджера даркстора. Я проанализировал возможные несостыковки и нарисовал свое удобное и правильное решение. Фидбек был таким: «...рекомендуем поизучать крупные дизайн-системы и гайдлайны, чтобы понять, как правильно работают компоненты...». Мой дезигн с точки зрения логики был неплохим, но были допущены ошибки: title в navbar был расположен неправильно, шеврон для раскрытия шторки повернут не в ту сторону и тому подобное. Осознание этих ошибок пришло уже впоследствии, когда я изучил необходимые фундаментальные вещи, типа гайдов от Apple (Human Interface Guidelines) и Android (Material Design). Благодаря этому опыту, сейчас я могу точно сказать, что во время проектирования своих первых работ необходимо изучить гайдлайны. Что мы узнаем из гайдлайнов: Компоненты и их названия: если не понятно, что такое Floating Button или в каких 3 позициях может быть Bottom sheet, то точно стоит начать прямо сейчас Механика компонентов: их состояния, реакции на жесты, анимация Навигация в приложениях: в каких случаях нужен нижний тапбар, а в каких нет; как работает поиск Принципы инклюзивного дизайна: рекомендуемый минимальный размер шрифта, цветовая контрастность, что такое скринридер и как он работает Различия подходов Apple и Android в дизайне: полезно знать, хотя сейчас дизайн приложений часто становится более единообразным Правила и антипаттерны: в Material Design детально описано, как нужно и как не нужно проектировать, с аргументацией на основе исследований Эти знания повысят квалификацию и ценность как специалиста. Ниже ссылки на оригинальные ресуры на английском и на переведенный материал (спасибо @chim_mammedova ) Human Interface Guidelines 🍎(En) Material Design 3 🤖(En) Human Interface Guidelines 🍎(Ru) Material Design 2 🤖(Ru) #материалы #дизайн_системы 💬 Тултип
✏️ Как писать для людей с тревожностью
Ира Моторина поделилась лайфхаками и наработками об инклюзивном тексте для людей с тревожностью Внутри статьи: — Немного базы и о том, как подступиться к инклюзивному тексту; — Что сейчас не так с сайтами и приложениями; — Какие чувства испытывают люди с тревожностью; — Как сделать приложении человечнее. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Как сделать жизнь людей проще и сократить прыжки, мисклики и бесконечное перечитывание
Статья представляет лайфхаки по созданию инклюзивного текста для людей с тревожностью. Автор - Ира Моторина, профессионал в сфере UX и коммуникаций Читать на DSGNERS! | #статьи
Изображение поста
Как сделать жизнь людей проще и сократить прыжки, мисклики и бесконечное перечитывание
Статья представляет лайфхаки по созданию инклюзивного текста для людей с тревожностью. Автор - Ира Моторина, профессионал в сфере UX и коммуникаций Читать на DSGNERS! | #статьи
Изображение поста
Как сделать жизнь людей проще и сократить прыжки, мисклики и бесконечное перечитывание
Статья представляет лайфхаки по созданию инклюзивного текста для людей с тревожностью. Автор - Ира Моторина, профессионал в сфере UX и коммуникаций Читать на DSGNERS! | #статьи
Изображение поста
Как сделать жизнь людей проще и сократить прыжки, мисклики и бесконечное перечитывание
Статья представляет лайфхаки по созданию инклюзивного текста для людей с тревожностью. Автор - Ира Моторина, профессионал в сфере UX и коммуникаций Читать на DSGNERS! | #статьи
Изображение поста