47
 Про юзабилити рассказ

«Про юзабилити»

Embed Size (px)

DESCRIPTION

Слайды рассказа «про юзабилити».

Citation preview

Page 1: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 1/47

 

Про юзабилити

рассказ

Page 2: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 2/47

 

Зачем мы тут собрались?

2

Page 3: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 3/47

 

Зачем я это затеял?• «Юзабилити»? 0_o

• Мифам и легендам — нет!

• изайн — это п о г а иент 

 

• Юзабилити — это про понятность

• Познакомиться

• Внутренние семинары, доклады

3

 

Page 4: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 4/47

Облако тегов

Юзабилити

 

Джеф Раскин, Алан Купер,Дональд Норман

Проектировщики

GOMS

Интересно 

Оценка качества Ю-тестированиеДизайн

ПользователиПравило 7±2

4

  

Page 5: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 5/47

Юзабилити — зачем?Expedia:

Имя плательщика [ ]

Адрес банка [ ]

Свой адрес (плательщика)

12 000 000 $ за год

5http://www.silicon.com/management/sales-and-marketing/2010/11/01/expedia-on-how-one-extra-data-field-can-cost-12m-39746554/ 

 

Page 6: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 6/47

Юзабилити — зачем? Jared Spool

Новые→ регистрация→ :(Вернувшиеся→ Какой тут пароль?→ :(

45% — зарегистрированы много раз (до 10)

160 000 раз в день восстанавливали пароль

75% восстанавливавших пароль уходили

+45% покупок = 300 000 000 $ за год

6http://www.uie.com/articles/three_hund_million_button

 

Page 7: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 7/47

Юзабилити — зачем?

Ту-154: проблема с двигателями

 Всё плохо

7

 

Page 8: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 8/47

Юзабилити 0_o?• «Удобство использования»

• Это когда «интуитивно понятно»

• Что-то п о e e-trackin 

• То же, что и эргономика

• Когда «просто и понятно»

8

 

Page 9: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 9/47

Мифы и легенды• Правило 7±2

• «Правило cгиба»

• «Пользователь й ёт»

• Правило 3-х кликов

• Главное — чтобы было понятно

9

 

Page 10: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 10/47

Юзабилити и ISO 9241-11

«The extent to which a product can be used by

specified users to achieve specified goals witheffectiveness, efficiency, and satisfaction in aspecified context of use»

«Мера того, насколько успешно продукт можетиспользоваться определенным пользователем для

того, чтобы в определенном контексте достигнутьопределенных целей эффективно и с чувствомудовлетворённости»

10

 

Page 11: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 11/47

«Юзабилити»

• Отрасль науки и инженерии

• Характеристика продукта

римеры:• юзабилити-тестирование

• специалист по юзабилити

• юзабилити продукта• тестирование юзабилити продукта

11

 

Page 12: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 12/47

«Что такое

хорошои что такое

пл х »Владимир Маяковский

 

Page 13: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 13/47

Метрики Шнейдермана

• Ученый

•Специалист по HCIHuman Computer Interaction

13

 

Page 14: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 14/47

Метрики Шнейдермана

• Скорость обучения

• Запоминаемость

• Число ошибок

Субъективная удовлетворённость

14

 

Page 15: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 15/47

Понятный интерфейс

15

 

Page 16: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 16/47

Эффективный интерфейс

16

 

Page 17: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 17/47

Эффективный интерфейс

17

 

Page 18: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 18/47

«… всякие важны»

• Инфокиоски

• Кассовые аппараты• Unix shell

 • Промышленное оборудование• Игры

18

 

Page 19: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 19/47

Серебряной пули нет 

19

 

Page 20: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 20/47

Измеряем юзабилити

20

 

Page 21: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 21/47

Способы оценки

• Экспертная оценка

• Юзабилити-тестирование

• Анкети ование

• GOMS (Goals, Operators, Methods, andSelection rules)

• Телеметрия и полевые исследования

21

 

Page 22: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 22/47

Экспертная оценка

• Контрольный список

• Эвристическая оценка

• «П огонка» по ма ш т 

22

 

Page 23: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 23/47

Юзабилити-тестирование

23Презентация Кости Горского: http://www.slideshare.net/k00/ss-2163144

  

Page 24: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 24/47

Анкетирование

Устаревший – Эффективный – Нечеткий – Неудобный –Замусоренный – Тусклый – Яркий – Чистый – Прямой – Ясный –

Непоследовательный – Неуправляемый – Привлекательный –Стандартный – Управляемый – Хороший – Интуитивный – Веселый –Любительский – Неэффективный – Опасный – Скучный –Радостный – Безопасный – Жесткий – Раздражающий –

– – – –

Умный – Бесполезный – Халтурный – Теплый – Светлый –Последовательный – Загадочный – Качественный – Интересный –Ненадежный – Гибкий – Красивый – Некрасивый –Непривлекательный – Полезный – Глупый – Запутанный – Удобный –Понятный – Непредсказуемый – Четкий – Тяжелый – Современный –

Легкий – Дружественный – Нестандартный – Плохой – Надежный –Сложный– Простой – Темный – Профессиональный– Медленный –Круглый – Печальный – Недружественный – Предсказуемый –Непонятный – Быстрый – Головоломный – Грустный – Приятный

24Анкета Влада Головача: http://usethics.ru/blog/lib/testing_by_the_cheap/ 

 

Page 25: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 25/47

GOMS-анализ

• K = 0,2с  Нажатие клавиши.

• P = 1,1с  Указание.

• H = 0 4с  Пе еме ение ГУВ↔ 

клавиатура.• M = 1,35с  Ментальная подготовка.

• R Ответ компьютера.

25

 

Page 26: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 26/47

Телеметрия

• Microsoft ribbon: – 

1,3 миллиарда сессий Office 2003 –  10 000 часов видео –  352 000 000 кликов за 90 дней

• 5 команд из >300 — 32%: –  Вставить –  Сохранить –  Копировать –  Отменить –  Полужирный

26

 

Page 27: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 27/47

Телеметрия

27http://jboriss.files.wordpress.com/2011/09/how_users_navigate.png

 

Page 28: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 28/47

Телеметрия

28http://blogs.msdn.com/b/b8_ru/archive/2011/10/19/windows-8-task-manager.aspx

 

Page 29: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 29/47

F-образное сканирование

29

 

Page 30: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 30/47

Eye-tracking (раньше)

30

 

Page 31: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 31/47

Eye-tracking (сейчас)

31http://www.usabilitylab.ru/company/?ID=2022

 

Page 32: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 32/47

Законы юзабилити

 

Page 33: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 33/47

Закон Фиттса

http://fww.few.vu.nl/hci/interactive/fitts/ 

33

 

Page 34: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 34/47

Закон Хика

34

 

Page 35: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 35/47

Теория близости

С кем женщина?

35Ководство №136

 

Page 36: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 36/47

Теория близости

С кем женщина?

36Ководство №136

 

Page 37: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 37/47

Теория близости

37Ководство №136

  

Page 38: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 38/47

«Правило сгиба» — миф?

«Еще забавное поверье: если на первомэкране чего-то не видно, ну, вниз уехало,пользователи думают, что его не существует —даже при условии, что они видели его

аньше. То есть, пользователи — это такие

существа, которые отворачиваясь от шкафа,забывают, что он там был. По мнениюнекоторых, не будем указывать пальцем,ребят.

Нет, короче, никакого первого экрана. [. ..] »

Рома Воронежский

38Ководство №130

 

Page 39: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 39/47

«Правило сгиба»

39Ководство №130

 

Page 40: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 40/47

«Правило сгиба»

40

 

Page 41: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 41/47

Прямая и обратная задачи

• Сделать хорошо

• Понять, хорошо ли сделали

41

 

Page 42: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 42/47

Вопросы

 

Page 43: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 43/47

Что почитать?

Дональд Норман

«Дизайн привычных вещей»

43

 

Page 44: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 44/47

Что почитать?

Джеф Раскин

«Интерфейс: новые направленияв проектировании компьютерных

44

 

Page 45: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 45/47

Что почитать?

Алан Купер

«Психбольница в руках пациента»

45

 

Page 46: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 46/47

Что почитать?

Стив Круг

«Веб-дизайн: книга Стива Кругаили „не заставляйте меня думать“»

46

 

Б

Page 47: «Про юзабилити»

5/11/2018 «Про юзабилити» - slidepdf.com

http://slidepdf.com/reader/full/-5571fd854979599169994935 47/47

Будущие темы

• Как сделать хорошо: правила

хороших интерфейсов.• Дизайн для людей (HCD). Рассказ про

.

• Как происходит проектирование ианализ у нас в компании?

• ТРИЗ вообще и в дизайне в частности• Что вам самим интересно?

47