Мобільна версія - це основний сценарій
Клієнт може відкрити сайт дорогою, з мобільного інтернету й однією рукою. У таких умовах навіть красивий десктопний дизайн не допоможе, якщо меню незручне, текст дрібний або форма не надсилається.
Перевіряти сайт потрібно не лише в зменшеному вікні комп’ютера. Відкрийте його на кількох реальних телефонах і пройдіть той самий шлях, який очікуєте від клієнта.
Перший екран
На екрані мають повністю читатися ключова пропозиція й наступна дія. Довгий заголовок не повинен перекривати зображення або виходити за межі. Кнопка має виглядати як кнопка й мати конкретний текст.
Не намагайтеся вмістити всю інформацію до першого прокручування. Краще один зрозумілий меседж, ніж п’ять дрібних тез.
Текст і відступи
Основний текст має читатися без збільшення. Перевірте довгі слова, ціни, таблиці та адреси. Між секціями потрібен ритм, а контент не має торкатися країв екрана.
Окремо перевірте контраст. Світло-сірий текст на білому фоні може виглядати витончено на макеті, але погано читається на вулиці.
Навігація та кнопки
Мобільне меню повинно відкриватися, закриватися й не блокувати прокручування після переходу. Інтерактивні елементи не мають стояти впритул. Телефон, email і адреса повинні відкривати відповідну дію.
Закріплена кнопка корисна лише тоді, коли не перекриває контент і не конкурує з іншими елементами.
Форми
Залиште на першому кроці лише необхідні поля. Для телефону використовуйте відповідну клавіатуру, показуйте зрозумілі помилки й повідомлення про успішне надсилання. Обов’язково надішліть реальну тестову заявку та перевірте, чи вона дійшла.
Швидкість
Оптимізуйте зображення під реальний розмір, не завантажуйте приховані галереї наперед і перегляньте список сторонніх скриптів. Віджет, яким ніхто не користується, не повинен уповільнювати кожну сторінку.
Чекліст перевірки
- Немає горизонтального прокручування.
- Усі заголовки й кнопки поміщаються в екран.
- Меню працює з клавіатурою та дотиком.
- Форми надсилаються й показують результат.
- Зображення не стрибають під час завантаження.
- Телефон, месенджер і карта відкриваються правильно.
- Основний сценарій можна пройти без збільшення.
