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

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

  • Upload
    -

  • View
    3.440

  • Download
    0

Embed Size (px)

DESCRIPTION

20 сентября 2011 года, конференция WhaleRider.ru.

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