Как создать хороший ux

22
Confidential + Proprietary Confidential + Proprietary Посчитать UX? Легко! (на самом деле, нет) Как создать хороший UX Made by Ivan Harshunou

Upload: products-moscow-meetup

Post on 25-Jan-2017

141 views

Category:

Business


0 download

TRANSCRIPT

Page 1: Как создать хороший UX

Confidential + ProprietaryConfidential + Proprietary

Посчитать UX? Легко! (на самом деле, нет)

Как создать хороший UX

Made by Ivan Harshunou

Page 2: Как создать хороший UX

Confidential + Proprietary*Images from https://foldingburritos.com

HISTORY

Page 3: Как создать хороший UX

Confidential + Proprietary

Модель Кано?!

Page 4: Как создать хороший UX

Confidential + Proprietary

Модель Кано

*Images from https://foldingburritos.com

Page 5: Как создать хороший UX

Confidential + Proprietary

Модель Кано

*Images from https://foldingburritos.com

- Возможность осуществлять звонки в

смартфоне

- Отпаривание в утюге

- Возможность отправлять и

принимать почту в GMail

- Фильтры в Instagram

Page 6: Как создать хороший UX

Confidential + Proprietary

Модель Кано

*Images from https://foldingburritos.com

- VR в холодильнике

- Шифрование в Angry Birds

Page 7: Как создать хороший UX

Confidential + Proprietary

Модель Кано

*Images from https://foldingburritos.com

- Время работы батареи в ноутбуке

- Бесплатный объем памяти на Google

Drive

- Скорость подключения к интернету

3G

Page 8: Как создать хороший UX

Confidential + Proprietary

Модель Кано

*Images from https://foldingburritos.com

- Первый Touchscreen

- Функция коллективного

редактирования в Google Документах

- Появление Bluetooth в наушниках.

Page 9: Как создать хороший UX

Confidential + Proprietary

Модель Кано

*Images from https://foldingburritos.com

Page 10: Как создать хороший UX

Confidential + Proprietary

Модель Кано

*Images from https://foldingburritos.com

Page 11: Как создать хороший UX

Confidential + Proprietary*Images from https://foldingburritos.com

Page 12: Как создать хороший UX

Confidential + Proprietary

Модель GOMS?!

Page 13: Как создать хороший UX

Confidential + Proprietary

K = 0.2 с Нажатие клавиши. Время, необходимое для того, чтобы нажать клавишу.

P = 1.1 с Указание. Время, необходимое пользователю для того, чтобы указать на какую-то позицию на экране монитора.

H = 0.4 с Перемещение. Время, необходимое пользователю для того, чтобы переместить руку с клавиатуры на ГУВ или с ГУВ на клавиатуру.

M = 1.3 с Ментальная подготовка. Время, необходимое пользователю для того, чтобы умственно подготовиться к следующему шагу.

R Ответ. Время, в течение которого пользователь должен ожидать ответ компьютера.

Page 14: Как создать хороший UX

Google Confidential and Proprietary

KLMKeystroke-Level Model

GOMSGoals, Operators, Methods and

Selection Rules

Page 15: Как создать хороший UX

Confidential + Proprietary

Page 16: Как создать хороший UX

Google Confidential and Proprietary

KLMKeystroke-Level Model

GOMSGoals, Operators, Methods and

Selection Rules

TLMTouch Level

Model

Page 17: Как создать хороший UX

Confidential + Proprietary

Distraction (DX ≈ 6%-21%) То время, когда человек отвлекается на окружающий мир.

Attention Shift (ASmicro ≈ 0,14 sec ASmacro ≈ 0,36 sec) Переключение внимания между

элементами интерфейса.

Pinch (P ≈ 0,6 sec) Уменьшить двумя пальцами

Zoom (Z ≈ 0,6 sec) Увеличить двумя пальцами

Initial Act (I ≈ 1 sec) Среднее значение от нажатия на иконку, до работы с приложением.

Tap (T ≈ 0,02 – 0,2 sec) Нажатие.

Swipe (S ≈ 0,1 – 0,4 sec) ¯\_(ツ)_/¯

Page 18: Как создать хороший UX

Confidential + Proprietary

Tilt (L(d ≈ 0,5 sec )) Тряхнуть устройство для взаимодействия с акселерометром.

Rotate (O(d ≈ 0,7 sec)) Жест, когда два и более пальца вращают объект.

Drag (D ≈ 0,8 sec) Так же как и Swipe, этот жест предполагает касание и перемещение объекта.

Double Tap (DT ≈ 0,2 sec) Двойное нажатие.

Touch and Hold (TH ≈ 1,2 sec) Нажать и держать.

Flicking (FL ≈ 0,07 – 0,2 sec) Прокрутка.

Pointing (P ≈ 0,12 – 0,20 sec) Наводка, например, между виртуальной клавиатурой и основным

контентом.

Finger Movement (F ≈ 0,24 – 0,4 sec) Перемещение пальца.

Mental Act (M ≈ 1 sec) Время, необходимое пользователю для того, чтобы умственно

подготовиться к следующему шагу.

Page 19: Как создать хороший UX

Confidential + Proprietary

- Количество пальцев, которое мы используем для решения задачи

- Рука, в которой находится телефон.

- Размер цели или проблема большого пальца

- Размер устройства и “хват”

- Размер экрана

- Обратная связь или отдача

Проблемы, которые не учтены

Page 20: Как создать хороший UX

Confidential + Proprietary

T — Среднее время, затрачиваемое на совершение действияa — Среднее время запуска/остановки движенияb — Величина, зависящая от типичной скорости движенияD — Дистанция от точки старта до центра целиW — Ширина цели, измеренная вдоль оси движения

Закон Фиттса

Page 21: Как создать хороший UX

Confidential + Proprietary

Закон Хика

T = a+blog2(n + 1)

T — Среднее значение времени реакции по всем

альтернативным сигналам;

n — Число равновероятных альтернативных

сигналов;

a и b — Коэффициенты пропорциональности.

Page 22: Как создать хороший UX

Confidential + Proprietary

Рискуйте, придумывайте, воплощайте(ノ• ◡•)ノ彡┻━┻