Если у вас магазин, собирает карточку из десяти вкладок: описание, отзывы, доставка, видео — палец на телефоне теряет «купить». Если у вас студия или услуги, прячет вилку и форму за тремя экранами «о подходе».
Что именно проверить
Если у вас магазин, боится короткого экрана: «если сразу кнопка, не прочитают». Если у вас студия или услуги, стыдится простой услуги: хочется вкладки «метод», «команда», «кейсы». Гость магазина с телефона видит фото и ищет цену большим пальцем.
Гость студии ищет число и поле имени. Десять вкладок — это десять отказов до оплата или заявка. Мобильная карточка в теме уже собрана: кадр, название, цена или вилка, кнопка, потом текст.
Адаптация не ломает этот порядок ради «вау». Вёрстка «уникальной» карточки с табами часто ломает сетку кассы и формы. Кастом вкладок — недели и 400–700, хотя оплаты или заявки влезает в первый экран.
Телефон — основной экран, не уменьшенный компьютер. Если оплаты или заявки не виден без переключения, карточка не принята.
Как это выглядит на практике
Магазин: своё фото, цена, наличие, «в корзину» — до прокрутки романа. На 40–80 карточках один и тот же порядок. На 8–15 услугах — тот же принцип.
Фильтры остаются в списке, не переезжают вкладками на карточку. Отзывы, видео, длинное описание — ниже или этап 2. Письмо и касса от вкладок не выигрывают.
Опт на телефоне всё равно видит единицу и цену коробки сразу, не во вкладке «для партнёров». Курс видит программу коротко и доступ, не «модули» за пятью табами. Кафе видит вес и слот, не историю шефа первой.
Пустая вкладка «отзывы» стыднее её отсутствия — её скрывают. Демо-текст темы во вкладках снимают вместе с демо-фото.
- Первый экран: фото, цена или вилка, кнопка.
- Десять вкладок прячут кассу и имя.
- Тема уже короткая на телефоне — её не удлиняют сеткой.
- Пустую вкладку скрывают, как пустой раздел.
На чём считать результат
Откройте карточку одной рукой на своём телефоне. Не снимайте очки «я знаю, куда жать». Если цена или форма ниже второго экрана — порядок темы возвращают, уникальные табы выключают.
- Пройдите 5 карточек магазина и все услуги студии большим пальцем. оплаты или заявки виден сразу.
- Выключите вкладки без своего текста. Демо-вкладки снимают.
- Оставьте фото, цену, кнопку в готовой сетке темы. Новую мобильную карточку не рисуют.
- Пройдите до письма: заказ или имя. Вкладки в этом пути не участвуют.
- Запретите в брифе «сделать как на десктопе, только меньше». Телефон первый, не копия стола.
Что сделать дальше
Пример магазина: «Фото, цена, наличие, в корзину; описание ниже; 50 карточек в теме». Пример студии: «Срок, вилка, форма; кейсы ниже или нет; 10 услуг». Лист кладут дизайнеру адаптации: сетку кассы и формы не двигать.
Остановитесь, когда палец находит оплаты или заявки без вкладок. Не заказывайте уникальную мобильную карточку до живых оплат или живых имён. Каталог в готовом шаблоне (купленном готовом магазине или готовом сайте услуг) это список для выбора: 40–80 карточек магазина ведут в кассу, 8–15 услуг студии ведут в заявку — имя или телефон, ещё не визит.
Пустой раздел скрывают, свои фото ставят вместо демо темы, фильтров на запуск хватает 3–5.
- Пройдите 5 карточек магазина и все услуги студии большим пальцем. оплаты или заявки виден сразу.
- Выключите вкладки без своего текста. Демо-вкладки снимают.
- Оставьте фото, цену, кнопку в готовой сетке темы. Новую мобильную карточку не рисуют.
- Пройдите до письма: заказ или имя. Вкладки в этом пути не участвуют.
- Запретите в брифе «сделать как на десктопе, только меньше». Телефон первый, не копия стола.
Назад в раздел
