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

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

Aug 07, 2015

Download

Design

mobikit
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Принесёт ли адаптивный дизайн больше денег вашему бизнесу

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Continuity

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

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

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

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

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

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

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

Click to Call

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

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

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

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

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

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

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

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

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

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

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

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

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

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

63.50%36.50%

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

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

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

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

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

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

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

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

Мелкий текст

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

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

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

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

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

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

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

Итого

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Самое важное

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

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

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

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

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

+7 495 [email protected]

mobikit.ru

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

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