Скилы дизайнера и UX-исследователя: направление вместо шаблона, 7-фазный ревью, эвристики Нильсена, доступность WCAG, типографика и цвет как системы.
Найдено 12 из 12
Выбор полюса стиля, одна запоминающаяся деталь, шрифтовая пара не из бан-листа. Чек-лист валидации дизайна.
Интерактив, визуал, адаптив, доступность, производительность — с отчётом, где каждое замечание имеет серьёзность и способ проверки.
Контрольные ширины 320–1440px, fluid-типографика на clamp(), безопасные сетки на minmax. Финал — тест на реальном телефоне.
Мобильный сценарий первым, одно действие в первом экране, наращивание вместо ужимания. Тест на живых людях с телефоном.
Скелетоны вместо спиннеров, ошибки по схеме «что → почему → что делать», тайминги 100–500 мс, живые пустые состояния.
Токены цвета, типографика, сетка, брейкпоинты, состояния. Список расхождений с приоритетами вместо «вроде похоже».
Прогон интерфейса по 10 эвристикам с рейтингами серьёзности 0–4. Топ-5 правок по соотношению эффект/стоимость.
Аудит по POUR: контраст 4.5:1, клавиатурные сценарии, скринридер. Каждая проблема — с критерием WCAG и кодом исправления.
Шкалы 50–950, нейтральная шкала с подтоном, семантика bg/fg/border. Токены вместо «цвета на глаз».
Одно соотношение на всю шкалу, 6–8 ступеней с ролями, fluid-версия на clamp(). CSS-переменные готовы к копированию.
Желаемый порядок взгляда, разница уровней от 1.5x, один акцент на экран. Проверка 5-секундным тестом.
Кнопки «глагол + объект», ошибки «что → почему → что делать», пустые состояния с призывом. Правило «читай вслух».