Назар Завьялов и Дима Шилович написали о дизайн-ревью и поделились чеклистом, что проверить кроме статичного отображения макетов.
— Дизайн-ревью — этап, на котором дизайнер проверяет, насколько разработанная фича соответствует дизайну;
— На практике оценивают не только статичные макеты, но и взаимодействие;
— Например, с какой анимацией открывается целевой экран и какими жестами его можно закрыть;
— Блокировка свайпа вниз на модальном экране должна быть обоснована и использоваться только в крайних случаях;
— Как загружается контент: отображается только один индикатор загрузки (либо лоадер, либо скелетон), скелетон не отображается, если загрузка занимает меньше 300 мс, скелетон отображается не менее 500 мс, чтобы избежать «промигивания»;
— Как работает скрол: отображается только если необходим, и имеет корректную зону перемещения (обычно от навбара до таббара или Home indicator), не отображается внутри элементов дополнительно;
— Скрол не останавливается при тапе на интерактивные элементы (кнопки, поля), есть анимация при достижении края экрана;
— Реакция на нажатие: интерактивные элементы реагируют на нажатие, есть Pressed state, не смешиваются анимации (при нажатии кнопки не продавливается карточка, и наоборот), зоны нажатия соответствуют ожиданиям пользователя и увеличены у мелких элементов (иконки, крестики);
— На что можно обратить внимание в статике: реализация Corner smoothing, обрезание текста (через fade или троеточие), наличие корректной графики для тёмной темы, а также стоп-кадра для видео (заглушка на случай проблем с интернетом).
#review
Post #1737
4.26K
- ❤ 20
- 👍 13
- ❤🔥 1
- 💅 1