gmd 2015 yuri berchenko app_m_site

58
Proprietary + Confidential Приложение или мобильный сайт — вот в чём вопрос! Подход к выбору мобильного актива и ключевые принципы разработки удобных мобильных интерфейсов Юрий Берченко Менеджер по работе с ключевыми клиентами Google

Upload: asphri457

Post on 12-Apr-2017

27 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: Gmd 2015 yuri berchenko app_m_site

Proprietary + Confidential

Приложение или мобильный сайт — вот в чём вопрос!

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

Юрий БерченкоМенеджер по работе с ключевыми клиентами Google

Page 2: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem2

Page 3: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem3

Page 4: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem4

Page 5: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem5

Page 6: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem6

00B 1мобильных приложений

загружается в мире ежегодно

Page 7: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem7

1 из 4-хприложений

используется только один раз

Page 8: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem8

64 36

AVG # OF APPS DOWNLOADED PER

USER PER YEAR

AVG # OF APPS CURRENTLY ON

PHONE

12

AVG # OF APPS USED IN PAST 30

DAYS

Page 9: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem9

Page 10: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem1010

Page 11: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem11

Page 12: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem12

Что заставляет нас пользоваться одними приложениями и

игнорировать другие?

12

Page 13: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem13

Page 14: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem14

Что популярнее - мобильное приложение или

мобильный сайт?

14

Page 15: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem15

Mobile App

Содержание

Page 16: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

Содержание

16

Mobile App Mobile Site

Page 17: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

Содержание

17

Mobile App Mobile Site Responsive Web Design

Page 18: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

Содержание

18

Mobile App Mobile Site Responsive Web Design Yoda

Page 19: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem19

Мобильное приложение или мобильный сайт?

90%

10%Время, проведённое на сайте

Время, проведённое в приложении

14%

40%ИГРЫ И РАЗВЛЕЧЕНИЯ

28%ОБЩЕН

ИЕ

20%ПРОЧЕЕ 66%

САЙТЫ

6%ПРИЛ.

28%САЙТЫ

И ПРИЛ.

ВРЕМЯ, ПРОВЕДЁННОЕ В СМАРТФОНЕ

Источник: Flurry Analytics, Comscore о статистике времени, проводимом на мобильном устройстве; Yahoo Developers; совместное исследование Google и Ipsos “Multiscreen Industry Study 2014”о (статистике по коммерческому использованию, опрос более 29 000 респондентов по 9 отраслям

Page 20: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem20

Мобильное приложение или мобильный сайт?

90%

10%Время, проведённое на сайте

Время, проведённое в приложении

10%

35%ИГРЫ И РАЗВЛЕЧЕНИЯ

34%ОБЩЕН

ИЕ

31%ПРОЧЕЕ 66%

САЙТЫ

6%ПРИЛ.

28%САЙТЫ

И ПРИЛ.

ВРЕМЯ, ПРОВЕДЁННОЕ В СМАРТФОНЕ

Источник: Flurry Analytics, Comscore о статистике времени, проводимом на мобильном устройстве); совместное исследование Google и Ipsos “Multiscreen Industry Study 2014”о (статистике по коммерческому использованию, опрос более 29 000 респондентов по 9 отраслям

Page 21: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem21

90%

10%Время, проведённое на сайте

Время, проведённое в приложении

10%

35%ИГРЫ И РАЗВЛЕЧЕНИЯ

34%ОБЩЕН

ИЕ

31%ПРОЧЕЕ 66%

САЙТЫ

6%ПРИЛ.

28%САЙТЫ

И ПРИЛ.

ВЫБОР МЕЖДУ САЙТОМ И ПРИЛОЖЕНИЕМ ПРИ РЕШЕНИИ

КОММЕРЧЕСКИХ ЗАДАЧ

ВРЕМЯ, ПРОВЕДЁННОЕ В СМАРТФОНЕ

Источник: Flurry Analytics, Comscore о статистике времени, проводимом на мобильном устройстве); совместное исследование Google и Ipsos “Multiscreen Industry Study 2014”о (статистике по коммерческому использованию, опрос более 29 000 респондентов по 9 отраслям

Мобильное приложение или мобильный сайт?

Page 22: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem22

Мобильное приложение или мобильный сайт?

86%

14%Время, проведённое на сайте

Время, проведённое в приложении

14%

40%ИГРЫ И РАЗВЛЕЧЕНИЯ

28%ОБЩЕН

ИЕ

20%ПРОЧЕЕ 66%

САЙТЫ

6%ПРИЛ.

28%САЙТЫ

И ПРИЛ.

ВЫБОР МЕЖДУ САЙТОМ И ПРИЛОЖЕНИЕМ ПРИ РЕШЕНИИ

КОММЕРЧЕСКИХ ЗАДАЧ

ВРЕМЯ, ПРОВЕДЁННОЕ В СМАРТФОНЕ

Источник: Flurry Analytics, Comscore о статистике времени, проводимом на мобильном устройстве); совместное исследование Google и Ipsos “Multiscreen Industry Study 2014”о (статистике по коммерческому использованию, опрос более 29 000 респондентов по 9 отраслям

ОТРАСЛЕВАЯ СПЕЦИФИКА

60% - ФИНАНСОВЫЙ СЕКТОР

70% - ПУТЕШЕСТВИЯ

71% - РОЗНИЧНАЯ ТОРГОВЛЯ И ТЕХ.

75% - АВТОМОБИЛЬНЫЙ СЕКТОР

... ПОЛЬЗОВАТЕЛЕЙ ОТДАДУТ

ПРЕДПОЧТЕНИЕ МОБИЛЬНОМУ

САЙТУ, А НЕ ПРИЛОЖЕНИЮ

Page 23: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem23

Page 24: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem24

Лояльность

24

Page 25: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem25

… есть мобильное приложение

77% of big boxretailers

75% of casual

dining brands

59% of specialty

stores

78% of fast food

chains

70% of top

retailers

Page 26: Gmd 2015 yuri berchenko app_m_site

Что уникального вы можете предложить аудитории?

Page 27: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem27

Функциональность

27

Page 28: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem28

Page 29: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem29

Page 30: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem30

Page 31: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem31

Page 32: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem32

Page 33: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem33

Page 34: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem34

Pedigree Found Always Back Me App

Социальныеприложения

Page 35: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem35

Magic Kinder Добрый Ежик

Развивающиеприложения

Page 36: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem36

Игровыеприложения

OreoTwist Link Dunk

FantaFruit Slam

Page 37: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem37

Удобство

37

Page 38: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem38

Удобство = Design

38

Page 39: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem39

Page 40: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem40

Page 41: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem41

Было протестировано более 100 мобильных сайтов1800flowers.com1and1.com5hourenergy.comaddresschangeassistant.comairbnb.comamazon.comamericanexpress.comaol.comapple.comart.comask.combestbuy.combooking.comcapitalone.comcare.comcarmax.comcheapoair.comchrysler.comcomcast.comconsumerreports.org

covergirl.comcrunch.comdell.comdish.comdominos.comea.comebay.comequifax.comexpedia.comexperian.comfacebook.comfidelity.comford.comfromyouflowers.comgeico.comgmail.comgocompare.comgodaddy.comgroupon.comgrubhub.com

hilton.comhm.comhomedepot.comhotels.comhrblock.comhtc.comhulu.comikea.cominbox.comindeed.comintercontinental.comjcpenney.comjenjenhouse.comjobs-to-careers.comlegalzoom.comlocal.comlocksmithemergency.comlorealparisusa.comlowes.commacys.com

mtolympuspark.comnationalgeographic.comnetflix.comnike.comnytimes.comofficedepot.comonlineautoinsurance.comopentable.comopera.compeakperformancegolfswing.competsmart.compizzahut.compriceline.comprivacyguard.comprogressive.comprotectyourhome.comqvc.comrent.comrocketlawyer.comsafeway.com

samsung.comsprint.comstarbucks.comstubhub.comtarget.comtdameritrade.comtheclymb.comtinyprints.comtmobile.comtoyota.comtripadvisor.comturbotax.comuline.comverizonwireless.comvistaprint.comvw.comwalgreens.comzappos.comzazzle.comzillow.com

Page 42: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem42

ЗАПОЛНИТЕ, ПОЖАЛУЙСТА,

ЭТУ ФОРМУ

Page 43: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem43

Ввод информации

Page 44: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem44

Выпадающие списки

Page 45: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem45

Разделы

Page 46: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem46

Автозаполнение

Page 47: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem47

Строка поиска в меню

Окно поиска

Page 48: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem48

✓ ✓

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

Page 49: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem49

Краткое и содержательное

меню

Page 50: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem50

Объяснение, зачем нужно совершить

действие

Page 51: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem51

Объяснение, зачем нужно совершить

действие

Page 52: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem52

Возможность воспользоваться без регистрации

Page 53: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem53

Page 54: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem54

Домашняя страница

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

Коммерция и конверсии

Заполнение форм

Удобство использования

Page 55: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem55

Page 56: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem56

Функциональность

Лояльность

Удобство

56

Page 57: Gmd 2015 yuri berchenko app_m_site

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem57

Page 58: Gmd 2015 yuri berchenko app_m_site

Proprietary + Confidential

Юрий БерченкоМенеджер по работе с ключевыми клиентами Google

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

[email protected]