Видео этого урока скоро появится
Конспект урока доступен ниже
Полировка: ошибки, пустые состояния, скорость
Пройдёшь по продукту глазами придирчивого пользователя: что видно при пустой базе, медленной сети, двойном клике по кнопке оплаты. Добавишь обработку ошибок и состояния загрузки. Прогонишь приложение по чек-листу качества и закроешь найденное.
Конспект урока
- 1
Пустые состояния экранов
Что видит человек, у которого ещё нет данных: понятный текст и кнопка первого действия вместо пустой таблицы. Первый экран нового пользователя всегда пустой, и именно он решает, останется ли он.
- 2
Загрузка и медленная сеть
Вместо прыгающей вёрстки покажи серые заглушки на месте будущего содержимого. Проверяй с включённым замедлением сети в инструментах браузера.
- 3
Ошибки человеческим языком
На экране пиши, что случилось и что делать дальше. Код ошибки и стек уходят в журнал, пользователю они говорят только о том, что всё сломалось.
- 4
Двойные нажатия и повторы
Блокируй кнопку на время запроса, особенно при оплате и создании записей. Без этого ты получишь дубликаты заказов и двойные списания.
- 5
Проверка на некрасивых данных
Заполни базу сотней записей, очень длинными названиями и пустыми полями. Вёрстка ломается именно на них, а не на аккуратных примерах.
- 6
Проход глазами новичка
Пройди продукт как человек, впервые его открывший, и записывай каждое место, где запинаешься. Этот список и есть твой план полировки.
Практика
Включи в браузере замедление сети и пройди ключевой сценарий продукта от начала до конца. Исправь три самые заметные проблемы: отсутствие индикатора, непонятную ошибку, прыгающую вёрстку.
Сделал? Отметь урок пройденным и переходи дальше