UX-god
Все курсы
Основы

Как человек читает экран

Основы визуальной иерархии для тех, кто начинает с нуля

Почему на одном экране глаз сразу находит нужное, а на другом теряется. Разбираем, что человек замечает первым, пять рычагов иерархии и порядок чтения на карточках доставки, переводов и такси.

  • 3 модуля
  • около 29 мин
  • 26 шагов
  • Для новичков
Сейчас идёт закрытый тест, регистрация по приглашениям.

Чему научитесь

К концу курса вы сможете:

  • Находить главное на экране
    Формулировать, зачем человек открыл экран, и проверять, виден ли ответ за пару секунд.
  • Управлять вниманием
    Пользоваться пятью рычагами: размером, насыщенностью, цветом, отступом и обрамлением.
  • Выстраивать порядок чтения
    Расставлять блоки так, чтобы глаз шёл от главного к деталям без лишних петель.
  • Писать заголовки-ответы
    Заменять «Информацию о заказе» фразой, которая сразу говорит, что случилось.
  • Разбирать чужие экраны
    Объяснять своими словами, почему один вариант работает, а другой нет, и называть сработавший рычаг.

Программа курса

  1. Модуль 01
    Что человек видит первым

    Почему на экране замечают три блока из двенадцати, как назвать цель экрана и проверить, видно ли ответ.

    10 мин · 11 шагов1 урок
    1. У человека в голове вопрос
    Начать
  2. Модуль 02
    Пять рычагов иерархии

    Размер, насыщенность, цвет, отступ и обрамление: включаем по одному на живой карточке и чиним экран заказа.

    12 мин · 10 шагов1 урок
    1. Если громко всё, не слышно ничего
    Начать
  3. Модуль 03
    Порядок чтения

    Куда глаз идёт после первого пятна, как проложить ему маршрут и почему кнопка до цены заставляет ходить кругами.

    7 мин · 5 шагов

    Начать