Принесёт ли адаптивный дизайн больше денег вашему...

36
Ножичкин Олег Мобильная кухня 21.05.2015 Сделает ли адаптивный дизайн больше денег для вашего бизнеса?

Transcript of Принесёт ли адаптивный дизайн больше денег вашему...

Page 1: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Ножичкин ОлегМобильная кухня21.05.2015

Сделает ли адаптивный дизайн больше денег для вашего бизнеса?

Page 2: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Мобильный рунет

Page 3: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Чем дальше тем мобильнее

Источник: TNS Web Index, Q1 2015

Page 4: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Доля мобильных транзакций в мире

Page 5: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Что даст бизнесу создание адаптивного сайта?

• Сделает бизнес видимым• Continuity• Использование возможностей

мобильных устройств• Адаптивный сайт дешевле• Довольных пользователей

Page 6: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Сделать бизнес видимым

• Мобильный поиск• Мобильная реклама

Page 7: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Continuity —необходимость

• Возможность продолжить работу с сайтом на разных устройствах

• Пользователи уходят, если им неудобно

Page 8: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Использование возможностей мобильных устройств

Построение маршрута прямо

с мобильного сайта

Continuity

Построениетепловых карт

активности клиентов

Простые и удобные формы

Click2CallЗвонок в 1 клик

GEOОпределение

расположения клиентов

Page 9: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Click to Call

Page 10: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Ближайший объект

Page 11: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Адаптивный сайт дешевле

• Разработка адаптивного сайта дороже

• Возможность адаптироваться позволит сэкономить

• Не нужно поддерживать несколько версий

• Новые устройства подключаются к интернету (ТВ, часы)

Page 12: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Исследование

• 203 сайта из рейтинга «Коммерсантъ»

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

Page 13: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Готовы для мобильных пользователей?

63.50%36.50%

Не готовы Готовы

Page 14: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

По категориям

Page 15: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

По категориям

Page 16: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Нет мобильной версии

Page 17: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Мелкий текст

Page 18: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Контент шире экрана телефона

Page 19: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Неудобные формы

Page 20: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Мобильная или адаптивная версия

Page 21: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Итого

• Mobile ready — обязательная часть онлайн бизнеса.

• Потери позиций и лояльности для крупного бизнеса

• Возможности для среднего и мелкого бизнеса

Page 22: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Адаптивный сайт сделает больше денег для вашего бизнеса!

Page 23: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

2. Как сделать сайт удобным для мобильных пользователей

Page 24: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Определить роль мобильного сайта

• Привлечение клиентов• Звонки• Мобильная торговля• Взаимодействие на нескольких

устройствах• Загрузка приложений• Посещаемость оффлайна

Page 25: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Увеличение конверсии интернет-магазинов с мобильных устройств

Page 26: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Как увеличить количество покупок на мобильном сайте?

• Сделайте окно поиска по сайту заметным

• Добавьте фильтры• Структура форм и ввод данных• Покупки без регистрации

Page 27: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Поиск по сайту

Page 28: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Окно поиска должно быть сверху

Page 29: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Релевантные результаты поиска

Сперва должны отображаться самые релевантные результаты

Page 30: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Фильтры и сортировкиВозможности фильтрации и сортировки

Page 31: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Возможность совершать покупки без регистрации

Page 32: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Призывы к действиюРазмещайте основные призывы к

действию на самых видных местах

Page 33: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Продумайте структуру формМинимизируйте количество полей в форме.

Отображайте прогресс заполнения разделов.

Page 34: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Проверка введенных данныхДобавьте информативные подписи

ошибок заполнения формы

Page 35: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Самое важное

• Поиск — важнейшая функция мобильного сайта

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

• Думайте об удобстве для ваших пользователей

Page 36: Принесёт ли адаптивный дизайн больше денег вашему бизнесу (Вебмастерская 2015)

Спасибо за внимание!

+7 495 [email protected]

mobikit.ru

Ножичкин Олег[email protected]

Исследованиеhttp://research.cmsmagazine.ru/google-mobile-friendly-ready/