Магазин согласовывает витрину на большом мониторе и просит «потом адаптировать». Студия крутит прототип (схема экранов без красивых картинок) на проекторе и думает, что запись на пальце «получится сама». Пакет открывают с ширины 320: шапка, кнопка, цена, слот.
Дизайнер не выводит кассу из десктопа. На 12 экранах магазина дескет-первый макет ломает палец неделю. На форме студии поле под клавиатурой прячет отправку. Телефон в пакете — первый файл, не приложение.
Проблема
Владелец магазина стыдится «мелкого» макета: «как показывать партнёрам на совещании». Владелец студии боится, что на телефоне «не солидно», и просит большую красоту. Жадность считает один широкий макет дешевле двух. В комнате кивают на 1920. Гость в очереди и в зале смотрит 360. Кнопка «оплатить» уезжает под фото. Слот студии оказывается под клавиатурой. Дизайнер честно сжал десктоп. Сжатый десктоп — не проект телефона.
В брифе телефон уже решение, не «адаптив потом». Передача повторяет это файлами: сначала узкие экраны пути. Десктоп можно положить вторым, если он не спорит с пальцем. Если в пакете только широкие кадры, дизайнер додумает, что важно: слайдер, фон, а жест спрячет. Кассу так не передают.
Причина
Путь магазина на пальце — те же 8–12 экранов, но с правилом: жест виден без прокрутки мимо трёх экранов красоты. Путь студии — слот и имя без охоты за кнопкой. Срок макета «телефон первый» часто короче: 5–8 дней на путь, широкий экран не спорит. Срок «сначала десктоп» — 8 дней широкого плюс 5 дней переделки узкого. Деньги: вторая серия кадров 30–80 тысяч, хотя «всего адаптировали».
Масштаб. На списке из 40 карточек магазина на пальце влезают название, цена, одна кнопка. На десктопе соблазн нарисовать четыре колонки и ховер. Ховер на пальце нет. Студия на широком экране рисует большое фото зала и календарь сбоку. На пальце календарь должен быть первым. Пакет говорит, какой кадр главный. Дизайнер не выбирает.
- Первый файл пакета — узкий экран пути, не главная 1920.
- Жест и цена видны без охоты. Красота не толкает их вниз.
- Магазин: корзина и оплата проходят большим пальцем.
- Студия: слот и отправка имени не прячутся под клавиатурой.
Большая часть гостей магазина и студии смотрит сайт в очереди и в зале, не на мониторе совещания. Если пакет открывают с 1920, дизайнер честно отдаст красоту ширине, а жест спрячет. Узкий кадр первым экономит ту неделю, которую потом зовут «адаптивом».
Решение
Смотрите пакет на своём телефоне, не на проекторе. Если без пинча не видно кнопки — это десктоп, его не отгружают первым.
- Сложите в папку узкие кадры прототипа по порядку пути. Широкие — отдельно и ниже.
- Пройдите оплату или заявку одной рукой в транспорте. Засеките, где жест пропал.
- Запретите дизайнеру начинать с широкой главной «чтобы было что показать».
- Напишите в пакете ширину проверки: 320–390, не «как получится в браузере».
- Приёмку макета назначьте на телефоне владельца, не на мониторе дизайнера.
Проверка
Запишите: «первый макет — телефон, десктоп не спорит с пальцем». Магазин принимает карточку и кассу на 360. Студия принимает услугу и слот на 360. Широкий экран можно смотреть после, как копию, не как истину. Если широкий красивее и ломает узкий — правки идут в узкий, не наоборот.
Остановитесь, когда путь на пальце проходит без объяснений. Не просите «сначала вау на большом». Вау не кладёт товар в коробку и не занимает кресло. Круг закрыт, когда дизайнер красит узкий путь из пакета, а не выводит кассу из десктопа.
Чек-лист
- Сложите в папку узкие кадры прототипа по порядку пути. Широкие — отдельно и ниже.
- Пройдите оплату или заявку одной рукой в транспорте. Засеките, где жест пропал.
- Запретите дизайнеру начинать с широкой главной «чтобы было что показать».
- Напишите в пакете ширину проверки: 320–390, не «как получится в браузере».
- Приёмку макета назначьте на телефоне владельца, не на мониторе дизайнера.
Назад в раздел
