51
Что такое UX. Как пользователи ведут себя в интернете.

1.Что такое ux. как пользователи ведут себя в интернете

Embed Size (px)

Citation preview

Page 1: 1.Что такое ux. как пользователи ведут себя в интернете

Что такое UX. Как пользователи ведут

себя в интернете.

Page 2: 1.Что такое ux. как пользователи ведут себя в интернете

История №1

Page 3: 1.Что такое ux. как пользователи ведут себя в интернете
Page 4: 1.Что такое ux. как пользователи ведут себя в интернете
Page 5: 1.Что такое ux. как пользователи ведут себя в интернете
Page 6: 1.Что такое ux. как пользователи ведут себя в интернете
Page 7: 1.Что такое ux. как пользователи ведут себя в интернете

История №2

Page 8: 1.Что такое ux. как пользователи ведут себя в интернете
Page 9: 1.Что такое ux. как пользователи ведут себя в интернете

Usability?

Page 10: 1.Что такое ux. как пользователи ведут себя в интернете

Юзабилити – степень (!), с которой продукт может быть использован определенными пользователями при определенном контексте использования для достижения определенных целей с должной эффективностью, продуктивностью и удовлетворенностью

Page 11: 1.Что такое ux. как пользователи ведут себя в интернете

Что такое UX?

Page 12: 1.Что такое ux. как пользователи ведут себя в интернете

Опыт взаимодействия (User Experience, UX ) —характеризует личное восприятие человеком функциональных и эмоциональных характеристик продукта или услуги в процессе использования.

Page 13: 1.Что такое ux. как пользователи ведут себя в интернете

User experience

Page 14: 1.Что такое ux. как пользователи ведут себя в интернете

UXUsability

Page 15: 1.Что такое ux. как пользователи ведут себя в интернете
Page 16: 1.Что такое ux. как пользователи ведут себя в интернете
Page 17: 1.Что такое ux. как пользователи ведут себя в интернете
Page 18: 1.Что такое ux. как пользователи ведут себя в интернете

Как мы работаем с интернетом?

Page 19: 1.Что такое ux. как пользователи ведут себя в интернете

С чего все начиналось?

Page 20: 1.Что такое ux. как пользователи ведут себя в интернете

Закон Фиттса

Время достижения цели прямо пропорционально дистанции до цели и обратно пропорционально размеру целиT время достижения цели D дистанции, W размер цели

Page 21: 1.Что такое ux. как пользователи ведут себя в интернете

Метафоры

Page 22: 1.Что такое ux. как пользователи ведут себя в интернете

Ментальные модели

Мыслительный процесс, направленный на понимание того, как работает что-

либо. Ментальные модели основаны на неполных фактах, прошлом опыте и на

интуитивном восприятии

Page 23: 1.Что такое ux. как пользователи ведут себя в интернете

Ментальные модели, синдром утки (утиный тест)

«Если что-то выглядит как утка, крякает как утка, плавает как утка, то это

скорее всего утка»

Page 24: 1.Что такое ux. как пользователи ведут себя в интернете

Когнитивная нагрузка или не заставляйте меня думать

Виды умственных нагрузок:1.Когнитивная (выбор, мысли, память)2.Визуальная (поиск на экране)3.Моторная (нажатие на кнопки)

Page 25: 1.Что такое ux. как пользователи ведут себя в интернете

«Если пользователь попадает на сайт или открывает приложение, в котором

слишком много информации, то он просто не сможет всю её воспринять. В

результате, такой человек просто расстроится и перестанет пользоваться

продуктом. Для бизнеса сложно представить сценарий хуже.»

Page 26: 1.Что такое ux. как пользователи ведут себя в интернете

Закон Хика

Чем меньше элементов меню, тем меньше времени занимает выбор одного из них

Время (мс) = a + b log_2(n+1)

(n – кол-во вариантов)

Page 27: 1.Что такое ux. как пользователи ведут себя в интернете

Когнитивная нагрузка или не заставляйте меня думать

Виды умственных нагрузок:1.Когнитивная (выбор, мысли, память)2.Визуальная (поиск на экране)3.Моторная (нажатие на кнопки)

Page 28: 1.Что такое ux. как пользователи ведут себя в интернете

Внимание

Внимание только на одном действии + пользователя легко отвлечь

https://www.youtube.com/watch?v=IGQmdoK_ZfY

Page 29: 1.Что такое ux. как пользователи ведут себя в интернете

Память

Распознавание лучше чем запоминание:

Кевин Спейси играет главную роль в «Карточном домике»?

Кто играет главную роль в «Карточном домике»?

Page 30: 1.Что такое ux. как пользователи ведут себя в интернете

Как мы читаем в интернете?

Пользователи в интернете не читают, а просматривают

текст.Поэтому сокращайте текст!

Page 31: 1.Что такое ux. как пользователи ведут себя в интернете

Куда смотрим

Page 32: 1.Что такое ux. как пользователи ведут себя в интернете

Начальный просмотр страницы

Page 33: 1.Что такое ux. как пользователи ведут себя в интернете

Z лейаут

Page 34: 1.Что такое ux. как пользователи ведут себя в интернете

Визуальная иерархия

•Положение•Размер•Цвет•Визуальная сложность

Page 35: 1.Что такое ux. как пользователи ведут себя в интернете

Пользователи проводят больше времени в левой

части экрана

Page 36: 1.Что такое ux. как пользователи ведут себя в интернете

Наши пользователи 90 % времени проводят на других

сайтах

По этому очень важен предыдущий багаж!

Page 37: 1.Что такое ux. как пользователи ведут себя в интернете

Пользовали в среднем проводят на странице 30

секунд.А принимают решения за время меньше 1 секунды

Непрерывность внимания сохраняется только 10 минут

Page 38: 1.Что такое ux. как пользователи ведут себя в интернете

Хорошая навигация

70% пользователей используют навигацию, а

затем поиск

Page 39: 1.Что такое ux. как пользователи ведут себя в интернете

7+-2 правило или нет

На самом деле пользователи способны запомнить и

постоянно удерживать в голове 3 или 4 объекта, но

это можно увеличить с помощью группировки

(телефон)

Page 40: 1.Что такое ux. как пользователи ведут себя в интернете

Правило 3 кликов и заинтересованность

Page 41: 1.Что такое ux. как пользователи ведут себя в интернете

Скролим?

Пользователи проводят 80% времени ниже первой страницыhttp://hugeinc.com/ideas/perspective/everybody-scrolls

Еще как!

Page 42: 1.Что такое ux. как пользователи ведут себя в интернете

Мы склонны объединять объекты которые размещены

рядом или сгруппированы

Page 43: 1.Что такое ux. как пользователи ведут себя в интернете

Обращаем внимание на изображения, особенно на

лица

Page 44: 1.Что такое ux. как пользователи ведут себя в интернете

Следим за взглядом!

Page 45: 1.Что такое ux. как пользователи ведут себя в интернете

Побудительные сигналы!

Page 46: 1.Что такое ux. как пользователи ведут себя в интернете

Побудительные сигналы!

Page 47: 1.Что такое ux. как пользователи ведут себя в интернете

Как пользователи воспринимают объекты?

Нарисуйте чашку с блюдцем

Page 48: 1.Что такое ux. как пользователи ведут себя в интернете

Результат

Page 49: 1.Что такое ux. как пользователи ведут себя в интернете

Каноническая перспектива!

Page 50: 1.Что такое ux. как пользователи ведут себя в интернете

Узнать больше

100 главных принципов Дизайна

Сьюзан Уэйншенк

Page 51: 1.Что такое ux. как пользователи ведут себя в интернете

Вопросы?