Семинар «Формула сайта: Успешный интернет-магазин от А до Я», 21 ноября 2013 г., Минск

1. Как работать
с мобильными пользователями
интернет-магазинов
Игорь Шевчик
технический директор
«Студия Борового»

2. Доля трафика
30,7%
посещают Web
сайты с
мобильных
устройств

3. ПРОБЛЕМА
• На вашем сайте мало заказов от мобильных
пользователей.
• Что нужно сделать, что бы через мобильник
стало удобнее использовать сайт?

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

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

6. Сложно найти нужную информацию
• для мобильных пользователей делается
усечённая версия (исключают
файлы, видео, тексты …)
Специальный
каталог (для
mobile)
31%
Только
популярные
товары
25%
Ожидают
увидеть полный
каталог
44%

7. Сложно найти нужную информацию
• ссылки на мобильной версии ведут на
не адаптированные страницы

8. Сложно найти нужную информацию
• тяжёлая навигация

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

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

11. Тяжело знакомится с информацией
• маленький шрифт

12. Тяжело знакомится с информацией
Страницы помощи и
доставки:
• представляйте
информацию в виде
таблиц, сгруппируйте
в разделы
• вынесите ссылки на
страницы доставки и
возврата в футер или
контент каждой
продуктовой
страницы

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

14. Тяжело знакомится с информацией
Вывод:
• мобильный сайт и большой палец – лучшие
друзья!
• Контент должен соответствовать устройству
(архивы, flash, video, pdf)

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

16. Сложно совершить целевое действие
• интерфейсные элементы не адаптированы
для моб пользователей

17. Сложно совершить целевое действие
• не заставляйте указывать имя и фамилию
отдельно

18. Сложно совершить целевое действие
• не используйте
названия полей в
полях

19. Сложно совершить целевое действие
• используйте разные «клавиатуры» для полей

20. Сложно совершить целевое действие
• настройте валидацию
на стороне браузера

21. Сложно совершить целевое действие
• используйте GPS для получения адреса
• используйте автодополнение вместо
длинных выпадающих списков

22. Сложно совершить целевое действие
• жмём на телефон и звоним

23. Сложно совершить целевое действие
Вывод:
• изучите своего мобильного пользователя
• учитывайте возможности мобильных
браузеров (HTML5)
• используйте геолокационные возможности
• собирайте
статистику, анализируйте, экспериментиру
йте

24. Вывод
• главными критериями качества выступают
– удобство использования
– полнота информации
• протестируйте самостоятельно
– зайдите через мобильник на свой сайт и закажите
товар
– попросите своего знакомого/маму/ребенка найти
через мобильник информации о доставке
(на время и в автобусе :-)

25. Эпилог

26. Продукт Студии:
Адаптивный одностраничный сайт
• быстро запустим
• любая информация
Как пример akvarel.t-s.by
Тематика любая:
•
•
•
•
•
•
•
•
•
автосервис
автошкола
туризм
бытовые услуги
деньги в долг
перевозка грузов
поставка деталей
салон штор
уборка
помещений
• фитнес центр
• и т.д.

27. Спасибо за внимание!
Вопросы?
Шевчик Игорь
технический директор
Студии Борового
+37529 503-81-83
bitrix@db.by
www.db.by
twitter.com/Igor_Shevchik