Как работать с мобильными пользователями интернет...
DESCRIPTION
Семинар «Формула сайта: Успешный интернет-магазин от А до Я», 21 ноября 2013 г., МинскTRANSCRIPT
![Page 1: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/1.jpg)
Игорь Шевчиктехнический директор«Студия Борового»
Как работать с мобильными пользователями интернет-
магазинов
![Page 2: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/2.jpg)
Доля трафика
30,7%посещают Web
сайты с мобильных устройств
![Page 3: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/3.jpg)
ПРОБЛЕМА
• На вашем сайте мало заказов от мобильных пользователей.
• Что нужно сделать, что бы через мобильник стало удобнее использовать сайт?
![Page 4: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/4.jpg)
Стадии покупки
• Этап 1. Осознание проблемы (нужды)• Этап 2. Поиск информации потребителем• Этап 3. Оценка вариантов потребителем• Этап 4. Решение о покупке• Этап 5. Совершение покупки• Этап 6. Реакция на покупку (оценка
правильности выбора товара)
![Page 5: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/5.jpg)
Проблемы
• сложно найти нужную информацию (этап 2)• тяжело знакомиться с информацией (этап 3)• сложно совершить целевое действие (этап 5)
![Page 6: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/6.jpg)
Сложно найти нужную информацию
• для мобильных пользователей делается усечённая версия (исключают файлы, видео, тексты …)
Ожидают увидеть полный каталог
44%
Только популярные товары
25%
Специальный каталог (для mobile)
31%
![Page 7: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/7.jpg)
Сложно найти нужную информацию
• ссылки на мобильной версии ведут на не адаптированные страницы
![Page 8: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/8.jpg)
Сложно найти нужную информацию
• тяжёлая навигация
![Page 9: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/9.jpg)
Сложно найти нужную информацию
Вывод: • фокусируйтесь на целевых действиях • упрощайте навигацию• сохраняйте целостность с web сайтом• все важное должно быть видно без
прокрутки
![Page 10: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/10.jpg)
Проблемы
• сложно найти нужную информацию (этап 2)• тяжело знакомиться с информацией (этап 3)• сложно совершить целевое действие (этап 5)
![Page 11: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/11.jpg)
Тяжело знакомится с информацией
• маленький шрифт
![Page 12: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/12.jpg)
Тяжело знакомится с информацией
Страницы помощи и доставки: • представляйте
информацию в виде таблиц, сгруппируйте в разделы
• вынесите ссылки на страницы доставки и возврата в футер или контент каждой продуктовой страницы
![Page 13: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/13.jpg)
Тяжело знакомится с информацией
• важная информация в вордовском файле, который ещё и запакован в архив
![Page 14: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/14.jpg)
Тяжело знакомится с информацией
Вывод: • мобильный сайт и большой палец – лучшие
друзья!• Контент должен соответствовать устройству
(архивы, flash, video, pdf)
![Page 15: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/15.jpg)
Проблемы
• сложно найти нужную информацию (этап 2)• тяжело знакомиться с информацией (этап 3)• сложно совершить целевое действие (этап 5)
![Page 16: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/16.jpg)
Сложно совершить целевое действие
• интерфейсные элементы не адаптированы для моб пользователей
![Page 17: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/17.jpg)
Сложно совершить целевое действие
• не заставляйте указывать имя и фамилию отдельно
![Page 18: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/18.jpg)
Сложно совершить целевое действие
• не используйте названия полей в полях
![Page 19: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/19.jpg)
• используйте разные «клавиатуры» для полей
Сложно совершить целевое действие
![Page 20: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/20.jpg)
Сложно совершить целевое действие
• настройте валидацию на стороне браузера
![Page 21: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/21.jpg)
Сложно совершить целевое действие
• используйте GPS для получения адреса• используйте автодополнение вместо
длинных выпадающих списков
![Page 22: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/22.jpg)
Сложно совершить целевое действие
• жмём на телефон и звоним
![Page 23: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/23.jpg)
Сложно совершить целевое действие
Вывод: • изучите своего мобильного пользователя• учитывайте возможности мобильных
браузеров (HTML5)• используйте геолокационные возможности• собирайте статистику, анализируйте,
экспериментируйте
![Page 24: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/24.jpg)
Вывод
• главными критериями качества выступают– удобство использования– полнота информации
• протестируйте самостоятельно– зайдите через мобильник на свой сайт и закажите
товар– попросите своего знакомого/маму/ребенка найти
через мобильник информации о доставке (на время и в автобусе :-)
![Page 25: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/25.jpg)
Эпилог
![Page 26: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/26.jpg)
Продукт Студии:Адаптивный одностраничный сайт
Тематика любая:
• автосервис• автошкола• туризм• бытовые услуги• деньги в долг• перевозка грузов• поставка деталей• салон штор• уборка помещений• фитнес центр• и т.д.
Как пример akvarel.t-s.by
• быстро запустим• любая информация
![Page 27: Как работать с мобильными пользователями интернет магазинов? (Игорь Шевчик, Студия Борового)](https://reader036.vdocuments.net/reader036/viewer/2022062319/556fd5c8d8b42af8088b48c6/html5/thumbnails/27.jpg)
Спасибо за внимание! Вопросы?
Шевчик Игорьтехнический директорСтудии Борового
+37529 [email protected]
twitter.com/Igor_Shevchik