Разбор экрана по законам восприятия

Урок 9.8 · Интерфейсы и сайты с нуля · Модуль 9. Законы восприятия: почему это работает · По подписке

Цель урока: Научиться разбирать готовый экран по пяти вопросам и понимать, какой закон нарушен сильнее всего.

Нужно знать заранее: Уроки 9.1–9.7

Объяснение

Зачем это нужно: Законы восприятия легко выучить по одному и трудно применить вместе. На реальном экране почти всегда нарушено несколько: кнопки мелкие, выборов много, группы не собраны, привычное уехало. Разбор — это не «нравится / не нравится», а проверка по порядку: где глаз не находит группу, где рука промахивается, где голова перегружена.

Как это работает: Пять вопросов к любому экрану: 1. Видны ли группы? (гештальт) — прищурьтесь: элементы собираются в смысловые блоки или в одно полотно? 2. Легко ли попасть? (Фиттс) — цели не меньше 44 px, зазор 8 px, опасное отдельно. 3. Сколько равных решений? (Хик) — одно главное действие, остальные слабее. 4. Не перегружена ли память? (Миллер) — 3–5 групп, 4–5 элементов внутри, длинное по шагам. 5. На привычных ли местах? (Якоб) — шапка, меню, поиск, вход там, где человек ждёт. Порядок важен: сначала группы и цели, потом выбор и привычность. Если начать с цвета, придётся переделывать.

Уроки модуля 9

• 9.1 Гештальт: глаз сам собирает группы (бесплатно)
• 9.2 Закон Фиттса: до кнопки должно быть легко дотянуться (по подписке)
• 9.3 Закон Хика: меньше выбора — быстрее решение (по подписке)
• 9.4 Закон Якоба: человек ищет там, где привык (по подписке)
• 9.5 Закон Миллера: почему «семь пунктов» — миф (по подписке)
• 9.6 Общая судьба: движение, которое читается как одно (по подписке)
• 9.7 Проект: экран, который ведёт за руку (по подписке)
• 9.8 Разбор экрана по законам восприятия — вы здесь (по подписке)