Игорь Шевчиктехнический директор«Студия Борового»

Как работать с мобильными пользователями интернет-

магазинов

Доля трафика

30,7%посещают Web

сайты с мобильных устройств

ПРОБЛЕМА

• На вашем сайте мало заказов от мобильных пользователей.

• Что нужно сделать, что бы через мобильник стало удобнее использовать сайт?

Стадии покупки

• Этап 1. Осознание проблемы (нужды)• Этап 2. Поиск информации потребителем• Этап 3. Оценка вариантов потребителем• Этап 4. Решение о покупке• Этап 5. Совершение покупки• Этап 6. Реакция на покупку (оценка

правильности выбора товара)

Проблемы

• сложно найти нужную информацию (этап 2)• тяжело знакомиться с информацией (этап 3)• сложно совершить целевое действие (этап 5)

Сложно найти нужную информацию

• для мобильных пользователей делается усечённая версия (исключают файлы, видео, тексты …)

Ожидают увидеть полный каталог

44%

Только популярные товары

25%

Специальный каталог (для mobile)

31%

Сложно найти нужную информацию

• ссылки на мобильной версии ведут на не адаптированные страницы

Сложно найти нужную информацию

• тяжёлая навигация

Сложно найти нужную информацию

Вывод: • фокусируйтесь на целевых действиях • упрощайте навигацию• сохраняйте целостность с web сайтом• все важное должно быть видно без

прокрутки

Проблемы

• сложно найти нужную информацию (этап 2)• тяжело знакомиться с информацией (этап 3)• сложно совершить целевое действие (этап 5)

Тяжело знакомится с информацией

• маленький шрифт

Тяжело знакомится с информацией

Страницы помощи и доставки: • представляйте

информацию в виде таблиц, сгруппируйте в разделы

• вынесите ссылки на страницы доставки и возврата в футер или контент каждой продуктовой страницы

Тяжело знакомится с информацией

• важная информация в вордовском файле, который ещё и запакован в архив

Тяжело знакомится с информацией

Вывод: • мобильный сайт и большой палец – лучшие

друзья!• Контент должен соответствовать устройству

(архивы, flash, video, pdf)

Проблемы

• сложно найти нужную информацию (этап 2)• тяжело знакомиться с информацией (этап 3)• сложно совершить целевое действие (этап 5)

Сложно совершить целевое действие

• интерфейсные элементы не адаптированы для моб пользователей

Сложно совершить целевое действие

• не заставляйте указывать имя и фамилию отдельно

Сложно совершить целевое действие

• не используйте названия полей в полях

• используйте разные «клавиатуры» для полей

Сложно совершить целевое действие

Сложно совершить целевое действие

• настройте валидацию на стороне браузера

Сложно совершить целевое действие

• используйте GPS для получения адреса• используйте автодополнение вместо

длинных выпадающих списков

Сложно совершить целевое действие

• жмём на телефон и звоним

Сложно совершить целевое действие

Вывод: • изучите своего мобильного пользователя• учитывайте возможности мобильных

браузеров (HTML5)• используйте геолокационные возможности• собирайте статистику, анализируйте,

экспериментируйте

Вывод

• главными критериями качества выступают– удобство использования– полнота информации

• протестируйте самостоятельно– зайдите через мобильник на свой сайт и закажите

товар– попросите своего знакомого/маму/ребенка найти

через мобильник информации о доставке (на время и в автобусе :-)

Эпилог

Продукт Студии:Адаптивный одностраничный сайт

Тематика любая:

• автосервис• автошкола• туризм• бытовые услуги• деньги в долг• перевозка грузов• поставка деталей• салон штор• уборка помещений• фитнес центр• и т.д.

Как пример akvarel.t-s.by

• быстро запустим• любая информация

Спасибо за внимание! Вопросы?

Шевчик Игорьтехнический директорСтудии Борового

+37529 503-81-83bitrix@db.bywww.db.by

twitter.com/Igor_Shevchik