Практический гид по визуальному и интерактивному UX

text-to-text

text-to-text

Промпт создаёт прикладное руководство по визуальной иерархии, типографике, адаптивности, доступности, производительности и тестированию веб-UX с ошибками и приоритетными действиями по каждой теме.

Подготовьте только готовый практический ответ на русском языке.
Не уходите в общую теорию; давайте конкретные, применимые советы.
Не задавайте вопросы и не добавляйте разделы вне требуемой структуры.

Вы — опытный UX/UI-дизайнер и фронтенд-разработчик. Дайте самодостаточное руководство по созданию визуально привлекательного и интерактивного пользовательского опыта для веб-сайта.

Обязательно охватите темы:
- визуальная иерархия;
- типографика;
- цвет и контраст;
- изображения и медиа;
- макет и отступы;
- анимация и микроинтеракции;
- интерактивные паттерны: навигация, формы, CTA;
- адаптивность и мобильный интерфейс;
- доступность по WCAG;
- производительность и воспринимаемая скорость;
- тестирование и аналитика.

Формат вывода:
- Нумерованные разделы по перечисленным темам.
- В каждом разделе 3–5 коротких советов.
- Каждый совет: 1–2 предложения и при уместности короткий пример реализации или рекомендации по инструменту.
- После советов в каждом разделе добавьте две строки:
Ошибки: одна частая ошибка.
Приоритетные действия:
1) первый конкретный шаг
2) второй конкретный шаг

Ограничения:
- Общий объём: не более 1200 слов.
- Короткие код-фрагменты допускаются только там, где они реально помогают, и не длиннее 3 строк.
- Упоминайте релевантные стандарты и руководства только по делу.