user experience: web vs mobile (by sergiy protopopov) – front-end techhangout - 2013.06.22

29
User Experience: Web vs Mobile

Upload: innovecs

Post on 15-Jan-2015

184 views

Category:

Education


0 download

DESCRIPTION

В субботу, 22 июня, состоялась первая внешняя встреча TechHangout сообщества! Мероприятие прошло под лозунгом «One day of inspiring talks on Front-End». На Front-End TechHangout Сергей Протопопов, специалист компании Innovecs, выступил с докладом User Experience: Web vs Mobile. * TechHangout сообщество было основано в 2012 году разработчиками компании Innovecs с целью обмена знаниями и опытом. Эта внутренняя инициатива оказалась настолько востребованной и популярной, что за незначительное время у Hangout появился свой логотип, блог и группа на facebook с возможностью обсудить услышанное. Подобные встречи являются частью образовательного проекта Innovecs, который активно развивает направление внутренних тренингов, программу обмена знаниями и опытом среди специалистов. Если у вас есть неутомимое рвение к новым знаниям, профессиональному росту, или же вы хотите поделиться своим опытом - добро пожаловать в TechHangout Club! Присоединяйтесь к обсуждению - https://www.facebook.com/groups/techhangout/ Читайте нас на - http://hangout.innovecs.com/

TRANSCRIPT

Page 1: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

User Experience: Web vs Mobile

Page 2: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Что такое UX?не путать с юзабилити

Page 3: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22
Page 4: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Usability User Experience

Page 5: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

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

Page 6: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22
Page 7: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Google Loop

Page 8: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22
Page 9: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Большой экран

Клавиатура

Кот!

Приватность

Быстрое соединение

Комфорт

Типичное рабочее место

Page 10: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Как человек смотрит и что видит

Пользователи не читают, страдают "баннерной слепотой" и имеют свои паттерны просмотра страниц

Page 11: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Куда смотрят наши родители?

Page 12: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Как взаимодействует

Page 13: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Закон Фиттса

Page 14: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Закон Хика

Page 15: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Как человек запоминает и думает

30 секунд чтоб забыть

Не больше 4-х элементов

Бродячие мысли и "локус внимания"

Культурные особенности

Page 16: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22
Page 17: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Миф многозадачности

Page 18: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Мобильный мир

Page 19: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Начало мобильной эрыРеволюция с приходом iPhone, 2007г.

Page 20: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Технические особенности

Маленький экран

Сенсоры

Жесты

Медленное соединение

Отвлечение

Маленький заряд батареи

Page 21: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Особенности работы с мобильным

Page 22: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

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

Page 23: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22
Page 24: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Особенности работы с мобильным

Page 25: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Фокусировка на главном

Page 26: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Примеры

Page 27: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Одновременное использование

Page 28: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Читать книги

Mobile FirstLuke Wroblewsk

The Mobile FrontierRachel Hinman

Отзывчивый дизайнИтан Маркотт

Page 29: User Experience: Web vs Mobile (by Sergiy Protopopov) – Front-End TechHangout - 2013.06.22

Спасибо!

Cергей ПротопоповUX designer @ Innovecs