Проблема в том, что старые интерфейсы не рассчитаны на то, что система будет действовать между шагами: подсказывать до ввода, предлагать варианты, собирать черновики. То, что раньше было задачей человека, теперь стало связкой пользователь → система → пользователь. И UI должен это выдержать.
Евгения Шамрай, дизайнер интерфейсов и руководитель дизайн-студии «Проект», работает с B2B-системами, где AI помогает искать, группировать, подсвечивать отклонения. Собрала 8 практических UI-паттернов для AI-функций с примерами, ошибками и формулировками. Главное отличие: обычный паттерн описывает форму («есть таблица, есть фильтр»), AI-паттерн описывает поведение («что система предлагает, что делает сама, как показывает варианты»).
Внутри:
— Черновик это не автоматизация: система предлагает вариант, пользователь правит, финальное решение за человеком;
— Chain of Thought: не «модель обработала 12 тысяч токенов», а «посмотрела 20 заказов, выделила три с опозданием, сравнила с нормативами»;
— Уровень уверенности: не проценты, а «похоже», «вероятно», «с высокой вероятностью», «есть сомнения»;
— Умные фильтры: система анализирует активный экран, роль, историю и предлагает «Показать заказы, где задержка больше 1 часа?»;
— Пределы системы: честное «я не знаю, потому что...» работает лучше, чем придуманный ответ.
Хороший AI незаметен. Он не требует обучения, не объясняет, что он AI, и не ломает привычные сценарии. Он просто убирает лишние шаги там, где они мешают работе.
А вы встраивали AI в продукт? Какие паттерны использовали?
———
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤6👍6
Дизайнеры вручную подбирали референсы, выравнивали композицию, корректировали цвет, отбирали вариации. Один промпт давал десятки вариантов, но ни один не повторялся. Это ломало брендовый визуал.
Майк Суворов, Technical Product Manager по AI Solutions в X5 Tech, рассказал, как превратили генеративный ИИ из источника хаоса в стабильный конвейер. Зафиксировали стиль, задали структуру, выстроили управление вариациями. Скорость выросла почти вдвое, команды отказались от фотостоков, а 40-45% визуального контента «Пятёрочки» и «Чижика» теперь создаётся с участием ИИ.
Внутри:
— Промпт как инструкция: токены, триггеры для стиля, формат результата, негативные инструкции;
— ControlNet работает со структурой, извлекаете карту глубины, контуры, скелетную позу;
— LoRA это тонкая настройка, обучили модель воспроизводить иконки «металлик» из брендбука;
— Style Transfer переносит стиль с референса: цвета, фактуру, детализацию;
— Gemini Nano Banana воспринимает промпт как конструктор, меняете части промпта, получаете новые изображения;
— Мультимодальные модели как диалог с виртуальным дизайнером: вы арт-директор, задаёте направление, корректируете, пробуете варианты.
Раньше 3D-дизайнер настраивал материалы и освещение вручную. Теперь несколько нейросетей делают это в одном темплейте за минуты. Главное преимущество: получаете не четыре случайных картинки, а четыре варианта в одном стиле с разными сюжетами.
А вы используете ИИ для генерации визуала? Или пока смотрите со стороны?
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥9❤3👍1
🔬 Почему 75% функций вашего продукта никто не использует
Средний уровень использования функций в научном софте: 24.5%. Три четверти того, что команда месяцами разрабатывала, просто не находят. Не потому что функции бесполезные, а потому что пользователи не могут до них добраться.
Статья разбирает, почему UX в сложных продуктах становится критичным именно сейчас. Есть сравнение двух платформ для систематических обзоров: обе делают одно и то же, но одна выглядит как софт из 90-х, а вторая использует привычные паттерны. Угадайте, какая лидирует на рынке. Ещё есть расчёты: каждый доллар, вложенный в UX-исследования, экономит 10 долларов на разработке и 100 на поддержке после релиза. Microsoft сократил обращения в поддержку на 50% после UX-тестирования Windows 7.
Внутри:
– Формула: реализованная ценность = мощность алгоритма × доступность интерфейса;
– Как считать ROI от улучшения UX через экономию времени, снижение ошибок и конверсию;
– Почему «наши пользователи эксперты, им не нужен простой интерфейс» это заблуждение;
– Примеры хорошего UX в научном софте: Benchling, KNIME, Schrödinger;
– Чеклист для оценки UX-зрелости вашего продукта.
А в вашем продукте какой процент функций реально используют?
➡️ Читать статью (V*N)
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Средний уровень использования функций в научном софте: 24.5%. Три четверти того, что команда месяцами разрабатывала, просто не находят. Не потому что функции бесполезные, а потому что пользователи не могут до них добраться.
Статья разбирает, почему UX в сложных продуктах становится критичным именно сейчас. Есть сравнение двух платформ для систематических обзоров: обе делают одно и то же, но одна выглядит как софт из 90-х, а вторая использует привычные паттерны. Угадайте, какая лидирует на рынке. Ещё есть расчёты: каждый доллар, вложенный в UX-исследования, экономит 10 долларов на разработке и 100 на поддержке после релиза. Microsoft сократил обращения в поддержку на 50% после UX-тестирования Windows 7.
Внутри:
– Формула: реализованная ценность = мощность алгоритма × доступность интерфейса;
– Как считать ROI от улучшения UX через экономию времени, снижение ошибок и конверсию;
– Почему «наши пользователи эксперты, им не нужен простой интерфейс» это заблуждение;
– Примеры хорошего UX в научном софте: Benchling, KNIME, Schrödinger;
– Чеклист для оценки UX-зрелости вашего продукта.
А в вашем продукте какой процент функций реально используют?
———
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍12❤6🔥2
«Если работает, не трогай» звучит разумно, пока продукт не превращается в легаси. Purrweb поговорили с дизайн-лидами из Т2, Точка Банк, Билайн, Альфа-Инвестиций, Битрикс24 и Лиги Ставок о том, как они решались на редизайн и что из этого вышло.
Главная мысль: редизайн это не про «сделать красивее», это про возможность развиваться дальше. Денис Теплов из Лиги Ставок рассказал, что они заморозили выпуск фич на девять месяцев, потому что старая архитектура просто не позволяла делать новые сценарии. Илья Абрамов-Попов из Билайна говорит, что первые концепты были готовы за 12 дней, а весь путь до прода занял 7 месяцев. После запуска оценки упали до 2+, но через две недели вышли на 4.7. Лига Ставок после редизайна получила +5% DAU и +4% к количеству ставок.
Внутри:
– Пять барьеров для редизайна: сопротивление, сроки, ресурсы, синхронизация, пользователи;
– Как организовать процесс: от исследований до постепенной раскатки;
– Роль дизайн-системы и почему иногда проще создать новую;
– Как выстроить работу между дизайном и разработкой;
– Конкретные результаты: метрики, рейтинги, реакция пользователей.
А вы работали с легаси-продуктами? Что было сложнее всего менять?
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤12🔥4👍3
Каталог спецпроектов
Моббин для приложений и веба есть, сайты с каталогом портфолио есть, всякие библиотеки шрифтов и прочее существует сотнями платформ, если не тысячами
А вот сайта, где бы собирались все спецпроекты, да ещё и в РУ сегменте не было. Теперь есть, можно зайти и посмотреть 293 спеца по отрасли, задаче, году и интерфейсу
Если вы работаете в диджитал и постоянно делаете всякие спецы и нужны рефы — мастхэв, не благодарите😍
➡️ Го разглядывать
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Моббин для приложений и веба есть, сайты с каталогом портфолио есть, всякие библиотеки шрифтов и прочее существует сотнями платформ, если не тысячами
А вот сайта, где бы собирались все спецпроекты, да ещё и в РУ сегменте не было. Теперь есть, можно зайти и посмотреть 293 спеца по отрасли, задаче, году и интерфейсу
Если вы работаете в диджитал и постоянно делаете всякие спецы и нужны рефы — мастхэв, не благодарите
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥24👍4❤3
Подборка лендингов и сайтов для вдохновения на предстоящую неделю
– trybrass.com
– bento.me
– humanmade.co.jp
– havenservicing.com
– helio.cloud
———
– osome.com
– central.inc
– mikekus.com
– toggl.com/hire
– wisprflow.ai
———
– makereign.com
– notom.co
– park.photos
– topanga.io
– ginivini.com
———
– lilacsolutions.com
– damso.com
– abhishekjha.me
– joinvalley.co
– mojo-app.com
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🔥3
Настя Воронцова, ведущий продуктовый дизайнер в Товарах (Ozon), рассказала как проектировали CRM в мобильном приложении для продавцов. Основная задача: сделать инструмент, который не требует наличия у продавца маркетолога. Работу начала не с детальной проработки страницы, а с концептов.
Они помогли быстро преобразовать желания менеджеров в требования для приложения, понять какая навигация нужна, как поделить проект для итеративной разработки. Потребовалось 6 итераций, чтобы полностью завершить раздел.
Внутри:
– CRM анализирует покупателей по RFM-анализу: давность сделки, частота, вложения, сегментирует на группы;
– Закон Парето: 80% продаж исходят от 20% постоянных клиентов, важно сосредоточиться на этой группе;
– Итерация 1: главная страница CRM, фильтры для переключения между сегментами, всё без скролла на стандартных телефонах;
– Итерация 2: список покупателей с фильтрами по сегменту, среднему чеку, действиям, дате последней рассылки;
– Фильтр "Действия покупателей": тип взаимодействия, количество товаров, период взаимодействия, можно точечно работать с аудиторией;
– Итерация 3: список рассылок, отслеживание статусов и анализ результатов на основе конверсии;
– Итерация 4: создание рассылки или баннера, предпросмотр, блок с напоминанием что выбрал на предыдущем шаге;
– Итерация 5: рекомендации подсказывают как работать с сегментом, кнопка с действием предзаполняет часть данных автоматически;
– Переход от переключения сегментов к вертикальному скроллу: снижает количество кликов, привычный паттерн для мобильных приложений.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤13🔥9😁1
СберИнвестиции потратили месяцы на адаптацию под увеличенный шрифт. Провели редизайн ячеек, переписали логику отображения, протестировали на разных конфигурациях. Выкатили в прод. Начали получать отзывы: «Верните старый дизайн». Что пошло не так?
Тестировали только на телефонах. Никто не подумал проверить планшеты и эмуляторы. На широких экранах перестроенные ячейки выглядели нелепо. А часть пользователей вообще работает через эмуляторы на компьютере, там физические параметры экрана искажаются.
Игорь, Android-разработчик в Сбере, рассказал про опыт работы с доступностью в команде «Портфель клиента». Провели исследование: 44,82% пользователей используют системное увеличение шрифта или интерфейса. Это огромный пласт аудитории. При увеличении старый интерфейс ломался: названия счетов обрезались, кнопки теряли текст, в ячейках активов пропадала половина информации.
Внутри:
— Стратегии обработки переполнения: обрезание, сокращение, перенос строк, авторазмер текста, динамическая вёрстка;
— Custom ViewGroup для ячеек с тремя состояниями: стандарт, переполнение 1, переполнение 2;
— Расчёт размера шрифта с учётом двух системных настроек: размер шрифта и масштабирование экрана;
— Динамическая высота шапки при перелистывании счетов и смене периода;
— Итоговое решение: дали пользователям самим выбирать тип отображения ячеек в настройках;
— После запуска количество пользователей с увеличенными ячейками значительно выросло и продолжает расти.
А вы тестируете свои интерфейсы с увеличенным шрифтом?
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12🔥5👍2
В macOS Tahoe компания добавила иконки к каждому пункту меню. Проблема: если иконка есть у всего, ничто не выделяется. Главная функция иконки в том, чтобы помочь быстрее найти команду. Но когда все пункты с иконками, это работает наоборот.
Ник Тонский, программист и дизайнер интерфейсов, разобрал все ошибки и сравнил их с рекомендациями из собственного руководства Apple 1992 года. Оказалось, что идеальное знание уже было доступно 30 лет назад, но его полностью проигнорировали.
Внутри:
— Пятьдесят оттенков «Создать»: собрал все иконки для новых документов, папок, записей в одну картинку, абсурдность стала очевидной;
— Одинаковые иконки для разных действий: стрелка может означать импорт, обновления, быстрый просмотр или показать выполненное;
— Детализация в 12×12 пикселей: иконки размером 0,09 дюйма (2,4 мм) содержат камеру с видоискателем, окно с кнопками закрытия, букву i высотой 2 пикселя;
— Нет консистентности: «Сохранить» имеет разные иконки в разных приложениях, стрелки указывают в разные стороны;
— Текст вместо метафор: иконки Abc, BIU выглядят как текст, а не как символы;
— Игра без подписей: убрать названия команд и попытаться угадать по иконке, что она делает. Провал.
Apple взялась за невыполнимую задачу: добавить иконку к каждому пункту меню. Хороших метафор на всё не хватает. Но даже с учётом этого работа сделана плохо: нет консистентности, детали не видны, одинаковые иконки означают разное.
Как вам иконочки?
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤36🔥8😁3🤯1
Четыре из пяти возвратов связаны не с качеством товара, а с ошибками на этапе выбора. Пользователь просто не понял, что покупает. Это значит, что снижение возвратов начинается не в логистике, а в интерфейсе.
Marskwebb проанализировали 25 приложений крупнейших магазинов: Lamoda, ASOS, Zalando, Amazon, IKEA, Wildberries, OZON и другие. Выделили 14 инструментов в четырёх зонах риска. Например, Lamoda показывает замеры прямо в карточке без перехода в таблицы. ASOS предлагает размер на основе параметров тела и истории покупок. Zalando создаёт 3D-аватар по фото и показывает посадку с учётом пропорций. Amazon даёт разместить мебель в своей комнате через AR. BestBuy использует ИИ для резюме отзывов: типичные проблемы и преимущества в одном абзаце.
Внутри:
– Характеристики: персонализированный подбор размера, AI-сравнение товаров;
– Визуализация: примерка на похожей фигуре, AR для мебели и техники;
– Отзывы: сортировка по полезности, галерея фото/видео, поиск по темам;
– Дополнительная информация: прозрачный доступ к альтернативным ценам;
– Главный принцип: чем реалистичнее ожидания, тем меньше возвратов.
Как думаете, что работает лучше всего?
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6👍3🔥3
Подборка лендингов и сайтов для вдохновения на предстоящую неделю
– telkom-ot.si/en/home
– flask.do
– grainient.supply
– raffi.town
– nationalgeographic.com/into-the-amazon
———
– dipseastories.com
– smoo.link
– pangrampangram.com
– harvey.ai
– velvetyne.fr
———
– superchill.org
– wewantmore.studio
– visitors.now
– physicalintelligence.company
– yourbana.com
———
– superlocaldesign.com
– layer9.com
– giga.ai
– byandstudio.com
– wabi.ai
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11🔥2🤯1
Как я пилю свой продукт. Часть 27
Первая и самая главня новость
Я пробил 20.000 регистраций. Сейчас стабильно регается 150-200 человек ежедневно и цифры растут.
😮 Зарплаты
Я давно хотел сделать раздел зарплат, но никак не доходили руки. В 27 части дошли и раздел появился) Сейчас там уже более 1000+ сабмитов от пользователей. Я проверяю сабмиты + там есть некоторые проверки на бэке, чтобы не были сабмиты джуна на 1 млн рублей.
Приходите смотреть и оставлять свою
Теперь можно посмотреть зарплаты по направлению, специализации, грейду и формату работы. Плюс я сделал возможность анонимно добавить свою зарплату, чтобы сравнить себя с рынком. Там же есть динамика, учёт премий и подборка подходящих вакансий под выбранные фильтры.
И да, это всё тоже нормально причесал под мобилку, потому что с телефона этим пользуются много.
Жду, когда челики из Эйч стырят 1в1 раздел, как они сделали со всеми фичами, которые появились у меня, резюме, сопроводами и другим) Не благодарите. Если ваши продакты не вывозят в бэклоге фич, увольте их. Ну или ждите, пока я сделаю новые.
📢 Что ещё обновил после прошлой части:
– Подкрутил отображение зарплат в вакансиях, чтобы суммы и вилки показывались понятнее;
– Дополировал сам раздел зарплат: фильтры, графики, форма добавления зарплаты, мелкие баги и визуал;
– Поправил вход/редиректы/авторизацию и часть моментов с оплатой;
– Причесал тему (светлая/тёмная), шрифты и UI на многих страницах;
– Сделал поиск точнее, чтобы было меньше случайных попаданий в выдаче;
– Добавил и починил источники вакансий, чтобы вакансии лучше подтягивались и реже отваливались;
– Подправил отклики и чат с рекрутерами + несколько багов на страницах вакансий;
– Подчистил страницы под поисковики (в том числе новую зарплатную страницу);
И да, добавил авторизацию через Яндекс) Тоже оттягивал это долго, а оказалось, что это можно было сделать за 10 минут. Ну как обычно, в целом.
0️⃣ Что по цифрам:
Hirehi растёт и это радует. Потихоньку, с 0 рублями в маркетинг.
– 1.4 млн показов и 48к кликов из гугла
– 1.03 млн показов из 37к из яндекса
– Рекорд по выручке за месяц, она тоже потихоньку растёт и подбирается к средней зарплате мидла. Я очень этому рад. Год назад я и мечтать о таком не мог
Самое главное, что работает SEO. Я продолжаю писать статьи в блог и оптимизировать страницы. И ещё круто, что часто меня рекомендует perplexity, chatgpt и другие. Трафик от них тоже есть и это радует.
Дальше я хочу сделать ачивки в профиль, которые за простые действия будут давать профит и вам и мне. Я откладывал это долго, но пора заняться, так как появился трафик и он стабилен.
Спасибо всем, кто пользуется и пишет фидбек с отзывами мне в лс. Каждый отзыв мотивирует и даёт силы❤️
🔠 Смотреть вакансии
🔠 Смотреть вакансии
🔠 Смотреть вакансии
ч.26
Первая и самая главня новость
Я пробил 20.000 регистраций. Сейчас стабильно регается 150-200 человек ежедневно и цифры растут.
Я давно хотел сделать раздел зарплат, но никак не доходили руки. В 27 части дошли и раздел появился) Сейчас там уже более 1000+ сабмитов от пользователей. Я проверяю сабмиты + там есть некоторые проверки на бэке, чтобы не были сабмиты джуна на 1 млн рублей.
Приходите смотреть и оставлять свою
Теперь можно посмотреть зарплаты по направлению, специализации, грейду и формату работы. Плюс я сделал возможность анонимно добавить свою зарплату, чтобы сравнить себя с рынком. Там же есть динамика, учёт премий и подборка подходящих вакансий под выбранные фильтры.
И да, это всё тоже нормально причесал под мобилку, потому что с телефона этим пользуются много.
Жду, когда челики из Эйч стырят 1в1 раздел, как они сделали со всеми фичами, которые появились у меня, резюме, сопроводами и другим) Не благодарите. Если ваши продакты не вывозят в бэклоге фич, увольте их. Ну или ждите, пока я сделаю новые.
– Подкрутил отображение зарплат в вакансиях, чтобы суммы и вилки показывались понятнее;
– Дополировал сам раздел зарплат: фильтры, графики, форма добавления зарплаты, мелкие баги и визуал;
– Поправил вход/редиректы/авторизацию и часть моментов с оплатой;
– Причесал тему (светлая/тёмная), шрифты и UI на многих страницах;
– Сделал поиск точнее, чтобы было меньше случайных попаданий в выдаче;
– Добавил и починил источники вакансий, чтобы вакансии лучше подтягивались и реже отваливались;
– Подправил отклики и чат с рекрутерами + несколько багов на страницах вакансий;
– Подчистил страницы под поисковики (в том числе новую зарплатную страницу);
И да, добавил авторизацию через Яндекс) Тоже оттягивал это долго, а оказалось, что это можно было сделать за 10 минут. Ну как обычно, в целом.
Hirehi растёт и это радует. Потихоньку, с 0 рублями в маркетинг.
– 1.4 млн показов и 48к кликов из гугла
– 1.03 млн показов из 37к из яндекса
– Рекорд по выручке за месяц, она тоже потихоньку растёт и подбирается к средней зарплате мидла. Я очень этому рад. Год назад я и мечтать о таком не мог
Самое главное, что работает SEO. Я продолжаю писать статьи в блог и оптимизировать страницы. И ещё круто, что часто меня рекомендует perplexity, chatgpt и другие. Трафик от них тоже есть и это радует.
Дальше я хочу сделать ачивки в профиль, которые за простые действия будут давать профит и вам и мне. Я откладывал это долго, но пора заняться, так как появился трафик и он стабилен.
Спасибо всем, кто пользуется и пишет фидбек с отзывами мне в лс. Каждый отзыв мотивирует и даёт силы
ч.26
Please open Telegram to view this post
VIEW IN TELEGRAM
21❤65🔥9
Заходишь на сайт японского ведомства и будто проваливаешься на 20 лет назад: синие ссылки, плотные блоки текста, странные меню, маскоты в каждом разделе. Снаружи это выглядит как цифровой хаос, но внутри все очень прагматично и заточено под реальную аудиторию.
Автор хорошо показывает логику этого веба: Япония стареет, основная платежеспособная аудитория старше, люди привыкли к газетной плотности информации и к другому визуальному ритму. Плюс культурный микс из строгих правил и кавай эстетики, плюс технологический парадокс, где рядом живут роботы, факсы, кнопочные инновации и государственные сайты в стиле нулевых.
Внутри:
– Почему демография напрямую влияет на визуальный язык сайтов;
– Как газетное мышление формирует плотную и нелинейную верстку;
– Зачем японским сервисам столько маскотов и как это снижает тревогу;
– Почему государственные сайты выглядят старомодно, но остаются рабочими;
– Как культура правил и кодавари отражается в интерфейсных решениях;
– Почему Япония рано запустила мобильные платежи и интернет еще до смартфонов;
– Как сосуществуют цифровой прогресс и устойчивые аналоговые привычки;
– Что можно забрать в продуктовую практику, если делаете e-commerce и массовые сервисы.
Хороший разбор о том, что странный интерфейс не всегда плохой интерфейс, если он точно попадает в контекст аудитории.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤17🔥6👍3🤔1
Когда сторис начинают расти, код быстро становится тяжелым: больше сценариев, больше багов, больше поддержки. В M2 в какой то момент пришли к этому и решили не расширять фичу бесконечно внутри продукта, а собрать отдельную библиотеку, где логика работает из коробки, а UI контролирует команда, которая внедряет решение у себя.
Слава Фальзан показал весь путь на практике: от экономики решения до архитектуры и API. За 2025 сторис дали сильный эффект, каждый десятый пользователь посмотрел сторис «Сделка онлайн», и 2% от просмотревших дошли до оплаченной сделки. На этом фоне команда оформила библиотеку с гибкой настройкой, Room для состояния просмотренности и понятными точками входа для интеграции.
Внутри:
– Почему рост фичи сторис почти всегда приводит к усложнению поддержки;
– Как команда сравнила внешнее решение и собственную разработку по стоимости;
– Зачем в библиотеке оставили UI на стороне пользователя, а логику внутри;
– Как устроены два основных компонента: StoriesPreviewList и StoriesContainer;
– Почему модель сторис упростили до Map<String, Int> и чем это удобно;
– Как работают ключевые параметры: graphicsTransition, fullScreen, transparentBackground;
– Как хранится просмотренность через StoriesShownRepository и Room;
– Почему библиотеку можно использовать частями, а не только целиком.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👍4🔥3
Сегодня игры конкурируют не только с играми. Они конкурируют с TikTok, Netflix, YouTube, соцсетями и любым другим способом забрать внимание на вечер. В такой среде удобство интерфейса не дает победу само по себе, но сильно влияет на то, останется человек в продукте или уйдет.
Александр Шпак, старший UX/UI-дизайнер в Ubisoft, разобрал эвристики удобства для игр и собрал практичный набор из 8 принципов на базе Нильсена и опыта индустрии. С примерами из God of War, Far Cry, Dead Space, Cuphead, Resident Evil и других.
Внутри:
– Почему конкуренция за внимание сейчас важнее жанровой конкуренции;
– Как видимость состояния системы влияет на контроль игрока;
– Почему знакомые паттерны ускоряют обучение и снижают трение;
– Как снижать нагрузку на память через узнавание, а не вспоминание;
– Как предотвращать ошибки и делать восстановление после них быстрее;
– Как настраивать доступность и гибкость без перегруза опциями;
– Почему минимализм в HUD помогает удерживать фокус;
– Как делать обучение и справку полезными в реальном игровом контексте.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥13❤5👍3
⌨️ Добавить горячие клавиши в веб приложение намного сложнее, чем кажется
На словах задача простая: назначить пару сочетаний и ускорить работу в интерфейсе. На практике под этим шесть слоев конфликтов: операционная система, браузер, расширения, ассистивные технологии, плагины к ним и личные настройки пользователя. Ошибка в одном месте легко ломает привычную навигацию.
Эрик Бейли показал это на реальном исследовании для Home, End, Page Up и Page Down. Он вручную проверил Windows и macOS, Chrome, Edge, Firefox, Safari, а также JAWS, NVDA и VoiceOver. Главный вывод: почти нет по настоящему безопасных сочетаний, а худший сценарий это поломка работы скринридера для человека, который полностью зависит от клавиатуры.
Внутри:
– Почему комбинация, которая выглядит свободной, часто занята браузером или скринридером;
– Какие сочетания уводят пользователя со страницы и создают риск потери данных;
– Почему симметрия клавиш Home и End важна для предсказуемого поведения;
– Зачем в продукте нужен отдельный блок настроек горячих клавиш;
– Какие различия между VoiceOver и JAWS или NVDA влияют на проектирование;
– Почему ручное тестирование в этой задаче надежнее, чем попытка закрыть все через ИИ;
– Какие ограничения проверки важно учитывать до релиза.
➡️ Читать статью
———
💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
На словах задача простая: назначить пару сочетаний и ускорить работу в интерфейсе. На практике под этим шесть слоев конфликтов: операционная система, браузер, расширения, ассистивные технологии, плагины к ним и личные настройки пользователя. Ошибка в одном месте легко ломает привычную навигацию.
Эрик Бейли показал это на реальном исследовании для Home, End, Page Up и Page Down. Он вручную проверил Windows и macOS, Chrome, Edge, Firefox, Safari, а также JAWS, NVDA и VoiceOver. Главный вывод: почти нет по настоящему безопасных сочетаний, а худший сценарий это поломка работы скринридера для человека, который полностью зависит от клавиатуры.
Внутри:
– Почему комбинация, которая выглядит свободной, часто занята браузером или скринридером;
– Какие сочетания уводят пользователя со страницы и создают риск потери данных;
– Почему симметрия клавиш Home и End важна для предсказуемого поведения;
– Зачем в продукте нужен отдельный блок настроек горячих клавиш;
– Какие различия между VoiceOver и JAWS или NVDA влияют на проектирование;
– Почему ручное тестирование в этой задаче надежнее, чем попытка закрыть все через ИИ;
– Какие ограничения проверки важно учитывать до релиза.
———
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🔥2