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

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

Jan 25, 2017

Download

Business

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: Как создать хороший 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

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