🎮 Референсы не работают, если вы просто складируете красивые картинки

Полная Figma скриншотов еще не делает дизайн лучше. Можно часами собирать чужие экраны, но так и не понять, что именно оттуда брать в свой проект. Самая частая ошибка тут простая: смотреть на референсы как на вдохновение вообще, а не как на инструмент под конкретную задачу. Катя из Digital Oxygen предлагает понятную рамку: делить референсы на функциональные и стилистические. Первые нужны, чтобы разобрать логику, структуру, прогрессию интерфейса и привычные паттерны жанра. Вторые помогают собрать настроение, визуальный язык и направление стиля. Плюс она показывает, как на этом этапе можно быстро подключать нейросети, чтобы снять страх белого листа и накидать первые концепты. Внутри: – Почему сохраненные картинки сами по себе почти не помогают в работе; – Как делить референсы на функциональные и стилистические; – Зачем в игровых проектах сначала разбирать логику, а не визуал; – Почему важно смотреть не только на первый экран, но и на прогрессию интерфейса; – Как удобно сортировать референсы по экранам и сценариям прямо в Figma; – Почему стилистический поиск лучше расширять за пределы прямых аналогов; – Как называть найденные визуальные направления, чтобы команда говорила на одном языке; – Где нейросети реально полезны, когда нужно быстро нащупать общее настроение проекта. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

📱 Заливка паттерном в иллюстраторе

🛍 50 UX-приемов, из которых и собирается удобный fashion e-commerce

В одежде и обуви пользователь редко покупает с первого взгляда. Он сравнивает, смотрит фото, думает про размер, доставку, наличие, пытается представить образ целиком. Поэтому удобство здесь решают не одна-две фичи, а десятки мелких решений по всей воронке: от меню и поиска до карточки товара, корзины и оформления. В этой подборке KISLOROD разобрали 10 российских fashion-магазинов и собрали 50 приемов, которые реально помогают покупать быстрее и спокойнее. Полезно тем, что материал не уходит в общие слова про «улучшить UX», а показывает конкретные паттерны, которые уже работают у Lamoda, Stockmann, Befree, O’stin, Zarina, Lime и других. Внутри: – Какие приемы в навигации и меню помогают быстрее попасть в нужный раздел; – Как поиск, фильтры и сортировка сокращают путь до товара; – Почему в fashion так важны подборки, готовые образы и стилистический контент; – Какие решения в каталоге ускоряют выбор без перехода в карточку; – Что в карточке товара реально снижает сомнения перед покупкой; – Как отзывы, параметры модели и размерные инструменты уменьшают риск ошибки; – Какие механики в корзине и кросс-сейле повышают средний чек; – Как контент, блог и подарочные сценарии тоже становятся частью воронки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Запустили «Вызов» — платформу креативных опен-коллов от крупнейшего дизайн-сообщества России и СНГ.

«Вызов» — это формат, который помогает брендам, стартапам, агентствам и компаниям получать не одно стандартное решение, а десятки свежих идей и концепций от сильного профессионального сообщества. Как это работает: компания публикует задачу — участники предлагают свои решения. Это может быть айдентика, digital-концепция, спецпроект, сайт, контент, мерч или любая другая креативная задача. Для брендов — это способ посмотреть на продукт и коммуникацию под новым углом и получить поток свежих идей от сообщества. Для стартапов — возможность быстро проверить гипотезы и собрать большое количество проработанных концепций без долгого и дорогого продакшена. Для агентств и студий — инструмент для охватов, пиара и построения комьюнити вокруг бренда. А для самих участников — реальные кейсы, новые проекты, призы, внимание индустрии и возможность заявить о себе. По сути, это площадка, где бизнес получает не одно решение, а поток разных подходов, взглядов и креативных идей от дизайнеров, креаторов и digital-специалистов. Разработка — IZUM Паттерны — Renderteam Дизайн — Александр Лагута Посмотреть проект Кейс на Dprofile
#3 Netflix и вертикальная лента
Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо. И вот тут у меня немного пригорает. Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн. Вертикальная лента уже не интерфейс. Это привычка пользователя, которую продукты научились доить С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил. Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах. Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить. Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями. И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
⚡️ Новое видео: 7 нейросетей, которые нужны каждому дизайнеру одежды
Нано Банана/Nano Banana, НьюАрк/NewArc, Стайл 3Д/Style 3D, Лук Фэшн/Look Fashion и ещё 3 сервиса — полный разбор в одном видео! Глаза разбегаются от количества нейросетей? Я собрала 7 лучших инструментов, которые реально пригодятся дизайнеру: от примерок и узоров до 3Д-моделирования. В ролике: 🕒 00:00 - Зачем вообще столько нейросетей? 🕒 00:17 - Нано Банана/Nano Banana (Леонардо ИИ/Leonardo AI) — 150 токенов бесплатно каждый день 🕒 01:41 - НьюАрк/NewArc — эскиз + ткань = фотореалистичные изображения 🕒 03:35 - НьюБлэк/NewBlack — Сервис с доской вдохновения, для возрастных и plus-size моделей 🕒 06:30 - Стайл 3Д/Style 3D — 3Д и примерка на животных 🕒 08:50 - Фермат/Fermat — для командной работы (дорого, но мощно) 🕒 11:15 - Лук Фэшн/Look Fashion — режим реального времени и работа с АйПад/iPad 🕒 12:43 - Паттернд ИИ/Patterned AI — бесшовные узоры и примерка на изделии ➕ Бонус: ссылки на все сервисы и бесплатный гайд 50 нейросетей — в описании! 📺 Смотреть на YouTube 📺 Смотреть Rutube 📺 Смотреть VK 📺 Смотреть Дзен Сохраняйте, чтобы не потерять, и покажите тому, кто тоже хочет прокачать свои дизайн-проекты с помощью ИИ 🔥 Я в ВК | Я в Мах
🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
SVG Pattern Generator
Легко создавайте и настраивайте SVG-паттерны Install
😮 Почему дизайнеру все еще нужно разбираться в вёрстке, даже в 2026
Оля из Альфа-Банка очень правильно ставит акцент: вёрстка для дизайнера это не про «стать фронтендером», а про умение передавать свою идею в разработку без потерь. Пока дизайнер думает только картинкой, а не платформой, паттернами навигации, типами элементов и ограничениями технологии, на выходе почти всегда появляется один и тот же вопрос: «Что это вообще такое?» Самое ценное в статье не спор про ответственность, а список конкретных уровней, на которых всё ломается. Разметка экрана, Push и Present навигация, типы элементов, особенности серверной и комбинированной вёрстки. Если это не учитывать в макете, разработчик начинает додумывать за дизайнера, а дизайн-ревью превращается в попытку спасти то, что уже поехало. Внутри: – Почему вёрстка это не только код, но и качество ready-to-dev макета; – Как дизайнер теряет контроль над интерфейсом, если не думает про платформу; – Чем опасно путать паттерны навигации вроде Push и Present; – Почему типы элементов тоже влияют на итоговую вёрстку; – Как технология реализации экрана меняет ограничения для дизайна; – Что даёт команде более внимательное отношение к вёрстке уже на этапе макета; – Какие простые шаги помогают дизайнеру быстрее подтянуть матчасть; – Почему нормальная коммуникация между дизайном и разработкой экономит кучу времени и нервов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
📱 Делаем рандомный паттерн в фотошопе
Если ты подписан на этот канал — значит, дизайн для тебя уже не просто слово, а инструмент.
Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублейАйдентика: от идеи к визуальному воплощению от 34 100 рублейТипографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR
Если ты подписан на этот канал — значит, дизайн для тебя уже не просто слово, а инструмент.
Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублейАйдентика: от идеи к визуальному воплощению от 34 100 рублейТипографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR
Если ты подписан на этот канал — значит, дизайн для тебя уже не просто слово, а инструмент.
Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублейАйдентика: от идеи к визуальному воплощению от 34 100 рублейТипографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR
Если ты подписан на этот канал — значит, дизайн для тебя уже не просто слово, а инструмент.
Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублейАйдентика: от идеи к визуальному воплощению от 34 100 рублейТипографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR
Если ты подписан на этот канал — значит, дизайн для тебя уже не просто слово, а инструмент.
Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублейАйдентика: от идеи к визуальному воплощению от 34 100 рублейТипографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR
Сегодня большинство пользователей смартфонов знают базовый минимум жестов — тап, свайп, зум и др. С одной стороны, жесты удобны и интуитивны, с другой — не так очевидны, как обычная кнопка с текстом.
Внедрение жестов в интерфейс требует онбординга. Жест в большинстве случаев будет альтернативой привычному паттерну кнопки. Что говорят исследования? Androidmetro: пользователи не находят свайп-действия. Жесты требуют подсказок или онбординга. Кнопки показывают себя эффективнее. Университет Хильдесхайма: жесты плохо себя показывают для новичков в приложении, но с появлением у них привычки, наоборот, ускоряют работу. MDPI: жесты увеличивают когнитивную нагрузку и замедляют выполнение задач. Пользователи тратили больше времени на выполнение задач с жестами, им требовалось больше когнитивных усилий. При этом, жесты воспринимались как более «интересные» и привлекательные. Университет Корнелла: задачи, выполняемые с помощью жестов, демонстрировали большее время выполнения, чем задачи, выполняемые с помощью сенсорного управления, хотя респонденты воспринимали эти взаимодействия как более привлекательные. Nature: существует прямая взаимосвязь между негативными эмоциями и недостатком наличия жестов управления. Одной из причин негативных эмоций пользователей при взаимодействии с интерфейсом является отсутствие возможности управлять жестами. 🌊🌊 Почти все исследования показывают один и тот же парадокс: жесты нравятся пользователям, но кнопки работают лучше. Жесты — это опциональное ускорение и повышение удобства взаимодействия. Если фичу нельзя найти без жеста — она не существует. Но если жеста нет — интерфейс может ощущаться неудобным. 🌊🌊
У нас продолжаются блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы )
Дима Бороухин @dmboro — в прошлом дизайнер и веб-разработчик. После потери зрения объединил свои технические знания с личным опытом и стал консультантом по цифровой доступности. — Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры — как это работает на практике? Я пробовал ChatGPT, однако по удобству взаимодействия мне больше понравился Gemini. Его интерфейс вполне доступен: элементы управления имеют корректные роли, имена и состояния, что позволяет скринридеру считывать структуру страницы. В своей работе я активно применяю AI для подготовки HTML-страниц для презентаций — чтобы показывать командам типичные проблемы доступности. Грамотный промпт позволяет сгенерировать страницу, где один элемент оформлен эталонным кодом, а остальные имеют аналогичный дизайн, но содержат критические ошибки — например, невозможность установить фокус. Визуально всё выглядит одинаково, но при взаимодействии через клавиатуру или скринридер различия становятся очевидными. Также я использую AI для подбора цветовых схем и помощи в написании CSS-кода. — Ты знаешь кейсы, где AI улучшил доступность продукта? или хотя бы часть? Комплексных кейсов, где AI улучшил доступность продукта, в моей практике не встречалось. Вижу нейросети лишь в точечных задачах — как в примере с описанием изображений, о котором расскажу дальше. — Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограниченными по здоровью? Риск, безусловно, есть. AI может отлично знать теорию и стандарты, но их всегда нужно проверять на практике. Реальные сценарии взаимодействия со вспомогательными технологиями часто сложнее, чем их описывают в документации. Пример из жизни: недавно я просил AI создать примеры недоступных кнопок. Модель предположила, что «поломанная» кнопка будет полностью неработоспособна для скринридера. Однако на практике скринридер NVDA умеет эмулировать нажатие даже там, где код реагирует только на клик мыши. В итоге для пользователя скринридера кнопка может сработать, а для человека, использующего только клавиатуру, она останется недоступной. Я не разработчик нейросетей, но как консультант по цифровой доступности могу сказать: чтобы ситуация изменилась, в данные для обучения моделей нужно включать больше примеров реального поведения ассистивных технологий. Важно, чтобы AI видел не только идеальный код, но и понимал нюансы взаимодействия разных групп пользователей с интерфейсом. — 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? Теоретически — может, но на практике всё зависит от того, как сформулирован запрос. Если создатель продукта не осведомлен о принципах доступности, он просто не включит эти требования в задачу для AI. А без явного запроса модель проигнорирует эти нюансы ради скорости разработки. Важно помнить: доступность — это не только формальное соответствие ГОСТу или WCAG. Прежде всего это про пользовательский опыт. Можно создать приложение, которое формально пройдет все автоматизированные тесты, но при реальном использовании окажется неудобным. — В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? Это уже реальность. Я постоянно пользуюсь отечественными решениями. Например, «Умная камера» Яндекса — незаменимая вещь в быту: она помогает отличить бутылку молока от кефира в холодильнике, когда упаковки идентичны. Недавно я показывал зарубежным коллегам функцию описания изображений в Яндекс Браузере. В одном онлайн-магазине одежды вместо внятных alt-текстов были маркетинговые названия коллекций. Нейросеть Яндекса точно описала суть: состав комплекта, цвета, фасон. Это тот случай, когда AI исправляет ошибки контента «на лету». Так что — большой респект и спасибо команде инклюзии Яндекса за их работу!
AI и доступность
Делаем блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы ) Наш первый гость — Миша Рубанов @RubanovMobile, разработчик, рассказывает о доступности так, что ты точно начнешь ей интересоваться ) Миша, спасибо и ждем обновления книги о доступности 💙 — Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры — как это работает на практике? — Не пробовал. — Ты знаешь кейсы, где AI улучшил доступность продукта? — Не слышал про такие кейсы. — Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограниченными по здоровью? Что должно измениться в том, как мы обучаем модели, чтобы доступность была в них по умолчанию? — Я не вижу каких-то особых проблем. По моему опыту AI достаточно много знает про доступность и делает что надо, если ты попросишь его об этом. Например, не было проблем с поддержкой скринридера. Я сейчас обновляю свою книгу, немного использовал AI чтобы переделать из пдф в сайт и AI переписал некоторые примеры, вышло неплохо. При этом для AI важно уметь «видеть» что получилось в результате, с этим проблема, потому что почти нет инструментов, которые бы дали ему описание, которое озвучивается для незрячего человека. Главная надежда мобилки вот на этот инструмент: сейчас они прикручивают визуализацию к Preview, может быть и до текстого описания доберутся AccessibilitySnapshot. — 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? — Увы, AI никого ничему не научит. Можно сказать, что он ленив: обучен на всех текстах, но не пытается показать все свои знания. Поэтому если человек не знает про дополнительные требования по доступности, то и AI сам их не начнет использовать. С другой стороны, поверх AI появляются разные скилы и инструменты, в них уже могут быть включены нужные требования. Например, популярный frontend-design доступность упоминает Frontend Design на Github — В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? — Сложно сказать. С одной стороны в России будет явный запрос на помощь и реабилитацию людей, с другой стороны вводится огромное количество ограничений. Если ничего не делать, то ничего само не появится. В целом я не в России уже несколько лет, поэтому сложно ответить как-то поточнее ___ en<able> - о дизайне в A11y | Наши статьи на VC
Screen Gallery. Полезная библиотека скриншотов мобильных приложений с поиском по UX-паттернам, категориям, отдельным элементам и другими фильтрами.
Есть бесплатный ограниченный доступ. Цена Pro-подписки — 400 ₽. #инструменты@zhurnalus_lite
Думаю, вы часто видели статьи в новостных порталах (или просто основной текстовый контент на сайте), сверстанные в правой половине экрана. Еще часто встречается по центру, но как будто смещение вправо стало для многих сайтов уже каноном.
Примеры с центральной силовой линией и текстовым контентом справа: bfs.su active-office.ru dorstenlesser.com nearform.com/industries/healthcare На одном дизайн-обучении по этому поводу был интересный пойнт, что у такого композиционного принципа есть связь с левым и правым полушарием мозга, и что правая часть экрана при считывании как раз обрабатывается левым полушарием, которое в свою очередь отвечает за долговременную память. Это утверждение довольно долго сидело в моей голове и наконец я нашла время разобраться с вопросиком. 🟧Визуальная информация из правой половины поля зрения действительно в основном попадает в левое полушарие, а из левой — в правое (факт ✅). Однако когда человек читает длинный текст, он движет взгляд по строкам, и информация непрерывно распределяется между обоими полушариями; мозг не считывает «левый» и «правый» куски текста отдельно. То есть нельзя так грубо обобщить и навечно забраковать какую-либо другую композиционную типографическую конструкцию. 🟧Левая часть — зона быстрого сканирования: короткие заголовки, ключевые мысли, лид. Центр/правая часть — зона погружения в текст: длинные абзацы, детали, «глубокое чтение» (факт ✅), но не потому что «правая сторона = левое полушарие», а потому что так зачастую удобнее композиционно и типографически. При этом большинство из нас подтвердит, что правую сторону книги нам читать в разы удобнее, чем левую. То есть здравое зерно тут есть, но оно не железное правило. Намного важнее учитывать наш паттерн сканирования информации слева-направо, сверху вниз и придерживаться иерархии. Если есть мысли, давайте развивать 🔽