28
Usability: практические приёмы Не надо магии, всё очень просто twitter @op 1

Usability: практические приемы

Embed Size (px)

DESCRIPTION

Ольга Павлова, UsabılıtıLabКонференция I2B-2011, Пермь-Екатеринбург

Citation preview

Page 1: Usability: практические приемы

Usability: практические приёмы

Не надо магии,всё очень просто

twitter @op 1

Page 2: Usability: практические приемы

Usability==

Забота о Пользователе

twitter @op 2

Page 3: Usability: практические приемы

Как практиковать заботу о Пользователе?

• Понимать, что он — не такой, как вы;

• уметь прислушиваться к его мнению;

• разрешать эксперименты, а не бить по рукам;

• терпеливо объяснять, а не огрызаться;

• уберегать от опасностей;• отвечать на вопросы.

twitter @op 3

Page 4: Usability: практические приемы

Да это же ребёнок!

twitter @op 4

Page 5: Usability: практические приемы

Культура, наука, мода? Культура!

twitter @op 5

Page 6: Usability: практические приемы

Для начала научимсяесть вилкой и говорить «спасибо»

twitter @op 6

Page 7: Usability: практические приемы

Проблемы на проектеважней заботы о Пользователях?

twitter @op 7

Page 8: Usability: практические приемы

Правильно, важней!• Что должно быть на главной

странице? Отделы раздирают своими хотелками!

• Какой дизайн выбрать: A, B или C? Насяльника, решай уже...

• Как организовать меню? А то никто не знает, что где валяется.

• Сколько стоит дизайн? В каких граммах мерить творческие порывы?

• Как проверить результат? Всем вроде нравится, но в прошлый раз тоже нравилось.

twitter @op 8

Page 9: Usability: практические приемы

Лично вам — по барабану.Почему же вы решаете за Пользователя?

twitter @op 9

Page 10: Usability: практические приемы

Найдите тех, кому не всё равно

• Персонажи. Вы их придумали и описали. Куклы вуду — ОК.

• Люди. Кто-нибудь живой и очень похожий на Персонажей. Родственники — ОК.

• Жрецы. Обычно сотрудники из активных. Рвутся говорить от имени Пользователя — пусть говорят.

twitter @op 10

Page 11: Usability: практические приемы

Их мнение важней вашего.Кукол вуду тоже касается.

twitter @op 11

Page 12: Usability: практические приемы

Техники правильных допросов

Со всеми придётся разговаривать.Ой, а как это делать?

twitter @op 12

Page 13: Usability: практические приемы

Какие приёмы нужны в жизни?

простые+

быстрые+

дешёвые+

надёжныеtwitter @op 13

Page 14: Usability: практические приемы

Что должно быть на главной странице?

1. Составьте список всех хотелок.

2. Получите у каждого Жреца рейтинг хотелок из списка.

3. Заставьте их торговаться между собой.

4. Зафиксируйте компромиссный рейтинг.

5. По нему и рисуйте.

twitter @op 14

Page 15: Usability: практические приемы

Смелые джедаименяют Жрецов на Персонажей

twitter @op 15

Page 16: Usability: практические приемы

Какой дизайн выбрать: A, B или C?

1. Составьте список прилагательных про дизайн-мечту.

2. К каждому прилагательному припишите антоним.

3. Составьте анкету из шкал «прилагательное-антоним». Вопрос один: «К чему ближе дизайн?»

4. У всех Людей соберите оценки на шкалах. По каждому из вариантов дизайна.

5. Составьте среднюю оценку каждого варианта.

6. Берите тот вариант, который люди оценили близко к дизайну-мечте.

twitter @op 16

Page 17: Usability: практические приемы

Умное название:семантический дифференциал

twitter @op 17

Page 18: Usability: практические приемы

Как организовать меню?1. Выпишите все содержательные

разделы на карточки.2. Попросите Людей разложить их

на «естественные группы».3. Зафиксируйте все варианты всех

Людей.4. Воспользуйтесь нехитрыми

статистическими методами.5. Получите компромиссную

структуру меню. Хотя бы первый уровень.

6. При желании — повтор п.2, но уже с зафиксированными группами.

7. Доведите напильником.

twitter @op 18

Page 19: Usability: практические приемы

Без математики никак:карточная сортировка

twitter @op 19

Page 20: Usability: практические приемы

Сколько стоит дизайн?1. Составьте пользовательские

сценарии. Все. Это просто.2. Разложите каждый сценарий по

набору страниц. Про ошибки не забудьте.

3. Соберите все страницы из всех сценариев.

4. Объедините «очевидно одинаковые» страницы.

5. Для каждой страницы оцените уровень сложности дизайна.

6. Список «набор страниц + сложность» готов.

7. Решайте, что рисовать, а что "и так сойдёт".

8. Считайте время и деньги.

twitter @op 20

Page 21: Usability: практические приемы

При чём тут Пользователи?А если вы «на глазок» забудете половину?

twitter @op 21

Page 22: Usability: практические приемы

Как проверить результат?1. Скачиваете программу Silverback.2. Устраиваете usability-лабораторию

прямо на ноутбуке.3. Составляете список задач, которые

должны легко даваться Пользователю.

4. Идёте с ноутбуком к Людям.5. Озадачиваете каждого и

записываете на видео попытки решения.

6. Прокручиваете видео всей командой, рыдаете, умираете, возрождаетесь.

7. Подводите итог увиденному: что и где переделать, чтобы взлетело?

twitter @op 22

Page 23: Usability: практические приемы

Не слушайте, что говорят.Наблюдайте, что делают.

twitter @op 23

© tavlla.livejournal.com

Page 24: Usability: практические приемы

Face control пройден

Окультурились.Welcome to the club.

twitter @op 24

Page 25: Usability: практические приемы

«Мы хотим нанять usability-специалиста»Вы уже приобщились к культуре?

twitter @op 25

Page 26: Usability: практические приемы

«Надо зашибись, как у Apple»У вас точно покупают удобство и дизайн?

twitter @op 26

Page 27: Usability: практические приемы

«А кто сказал, что это достоверно?»У вас есть время убедиться самостоятельно?

twitter @op 27

Page 28: Usability: практические приемы

Спасибо :)

Ольга Павлова, UsabilityLabolga-pavlova.rutwitter @op

28