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

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

Upload: mobikit

Post on 07-Aug-2015

162 views

Category:

Design


0 download

TRANSCRIPT

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/