↑ Все уроки недели
Смена 2 · Неделя 2 · Урок 11

Ключевые экраны Путь оживает

Собираем остальные экраны и соединяем в маршрут
Смотрите прямо здесь, на удобной скорости (кнопки под видео).
Скорость

Один экран это комната, продукт это дом с комнатками, навигация это двери. Проектируем сценарий, чтобы у пользователя не осталось экранов, которые он никогда не увидит. Хлебные крошки, корзина в шапке, кнопка действия. Правило Паретто 80 на 20, сначала базовый сценарий на 100%, потом ветки.

О чём урок

1
Метафора дома. Экран это комната, продукт это дом, навигация это двери. Без дверей у нас просто набор коробок.
2
Кейс Ikea. Шесть экранов, как сценарий покупки стеллажа связывает их в маршрут.
3
Три вопроса на каждом экране. Откуда я пришёл, что делаю здесь, куда я иду. Если хотя бы один теряется, пользователь уходит.
4
Инструменты связанности. Навигация, переходы (страница, модальное окно, аккордеон), избежание тупиков.
5
Тупиковые ситуации. Пустой экран, ошибки, 404. Никакого технического сленга, только человеческий язык и перенаправление.
6
Правило 80 на 20. Сначала базовый сценарий на 100%, потом второстепенные ветки. Не наоборот.

Что заберёте за урок

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