Магазин вываливает 80 карточек на одну серую простыню: «так проще смотреть». Студия кладёт 15 услуг столбиком без «дальше».
На пальце человек не доезжает до десятой позиции, а поиск внутри страницы врёт. Страницы каталога — правило «сколько на экране и что после», не бесконечная лента «как получится». На этой неделе напишите число карточек на страницу и серый шаг «следующая».
Проблема
Владелец магазина боится, что гость не увидит хвост ассортимента, и просит все 80 позиций сразу. Владелец студии стыдится «короткого» списка услуг и тащит все пакеты на один экран. Жадность общая — не проектировать «следующую» и «сколько на странице». На пальце простыня не читается: до десятой карточки не доезжают, шапка липнет, кнопка «в корзину» в середине списка теряется. Бесконечная лента без правила — не щедрость. Это отказ решать, что видит человек после двадцатой позиции.
Страница каталога в прототипе — число карточек и жест дальше. В магазине это список товаров. В студии — список услуг, если их больше, чем влезает на палец без боли. Если услуг 6–8, страница может быть одна, и это надо написать. Если карточек 40–80, одна простыня врёт проекту: дизайнер нарисует бесконечный скролл, поиск по странице не найдёт хвост, реклама приведёт на «страницу, которой нет».
Причина
Рабочий магазин на запуск: 12–24 карточки на страницу, серая «следующая», номер или «ещё». Это 1–2 экрана сверх списка, полдня круга. Студия: если услуг больше 10–12, тот же шаг, иначе одна страница и фраза «все услуги на одном экране». Срок спора «лента как в рекламе сети, которой у вас нет» — 2–3 дня впустую. Починка после вёрстки бесконечной ленты без конца — неделя и 25–50 тысяч: адреса, счётчик, пустой хвост.
Масштаб. Сорок карточек магазина без страниц на пальце — это четыре-пять экранов скролла и потерянный фильтр наверху. Восемьдесят — уже не каталог, а простыня. Восемь услуг студии страниц не требуют, пятнадцать — требуют или режут на разделы. В прототипе кладут первую страницу, вторую и пустую «дальше нет». Без третьего состояния гость на хвосте видит вечную загрузку. Число на страницу пишут цифрой, не «удобно».
- Число карточек на страницу — в файле, не «как влезет».
- Есть жест «следующая» или честная одна страница.
- Магазин: 12–24 на палец, не 80 столбиком.
- Студия: больше десяти услуг — страницы или разделы, не простыня.
Решение
Откройте живой ассортимент, не мечту. Магазин считает карточки к запуску. Студия считает услуги. Если число больше, чем спокойно читается на пальце, рисуют страницы. Если меньше — пишут «одна страница» и не обещают ленту.
- Напишите цифру: сколько карточек или услуг на одну страницу.
- Нарисуйте серую «следующая» и состояние «дальше нет».
- Пройдите на пальце до второй страницы и обратно. Запишите, куда делся фильтр.
- Запретите бесконечную ленту без конца и без пустого хвоста.
- В «ок»: число на страницу и жест дальше. Простыня из всего каталога не принята.
Проверка
Фраза магазина: «На странице 24 карточки, дальше — кнопка, хвост пустой нарисован». Фраза студии: «Услуг 8, одна страница» или «услуг 15, две страницы». Положите цифру рядом со списком экранов. Если маркетолог просит «все сразу, чтобы ничего не спрятать», цифра снова не выбрана.
Остановитесь, когда тестовый гость на пальце понимает, что ещё есть и когда уже нет. Не возвращайте простыню «на усмотрение вёрстки». Вёрстка не решает, сколько позиций видит человек. Круг закрыт числом и жестом дальше. Каталог без правила страниц нельзя красить: неясно, что считать вторым экраном списка.
Чек-лист
- Напишите цифру: сколько карточек или услуг на одну страницу.
- Нарисуйте серую «следующая» и состояние «дальше нет».
- Пройдите на пальце до второй страницы и обратно. Запишите, куда делся фильтр.
- Запретите бесконечную ленту без конца и без пустого хвоста.
- В «ок»: число на страницу и жест дальше. Простыня из всего каталога не принята.
Назад в раздел
