Зачем обращать внимание на пользовательские ожидания...
DESCRIPTION
23 марта 2013 года, IT-старт, Астрахань http://www.it-start.pro/node/30TRANSCRIPT
![Page 1: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/1.jpg)
1
Концепция и интерфейс: как?
![Page 2: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/2.jpg)
2
twitter @op
![Page 3: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/3.jpg)
3
В чём проблема?Методы выявления сложных для пользователя интерфейсов
![Page 4: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/4.jpg)
4
Сложный интерфейс вызывает сильные эмоции
![Page 5: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/5.jpg)
5
Работает ли страница?
![Page 6: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/6.jpg)
6
Информационные запросы
![Page 7: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/7.jpg)
7
Действия в контексте
![Page 8: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/8.jpg)
8
Схема целевых областей страницы
![Page 9: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/9.jpg)
9
Диван-тест
![Page 10: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/10.jpg)
10
Нарисуйте по памяти
![Page 11: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/11.jpg)
11
Поработайте с iPad'а
![Page 12: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/12.jpg)
12
+25% к шрифту12
![Page 13: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/13.jpg)
13
Почитайте вслух
![Page 14: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/14.jpg)
14
Работает ли сайт?
![Page 15: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/15.jpg)
15
Фиксация целей Пользователя
![Page 16: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/16.jpg)
16
Диалог с системой-«чёрным ящиком»
![Page 17: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/17.jpg)
17
Usability-тестирование
![Page 18: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/18.jpg)
18
Словарь терминов
![Page 19: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/19.jpg)
19
Повторение — мать раздражения
![Page 20: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/20.jpg)
20
Контрольная закупка
![Page 21: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/21.jpg)
21
Типовые ошибки
![Page 22: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/22.jpg)
22
Намёк вместо объяснения22
![Page 23: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/23.jpg)
23
SEO вместо информации
![Page 24: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/24.jpg)
24
Технологии вместо стандартных решений
![Page 25: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/25.jpg)
25
Клавиатура вместо мыши
![Page 26: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/26.jpg)
26
Впечатление вместо результата
![Page 27: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/27.jpg)
27
Телефон вместо сайта
![Page 28: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/28.jpg)
28
Маркетинг вместо продаж
![Page 29: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/29.jpg)
29
Тоже интерфейсыЭлектронная почта, телефон, социальные сети, реклама,...
![Page 30: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/30.jpg)
30
Кто это будет делать?Интерфейсы — битва за право влияния
![Page 31: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/31.jpg)
31
Бизнес, инженеры, пользователи.UX-спецы — представители пользователей.
![Page 32: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/32.jpg)
3232
![Page 33: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/33.jpg)
33
Перекосы влияния?Лишь бы не за счёт отсутствующих!
![Page 34: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/34.jpg)
34
Как ни собирай, всё равно автомат Калашникова получается?
![Page 35: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/35.jpg)
35
Моделируйте пользователей:
• персонажи;• сценарии использования;• usability-тестирование;• мониторинг обращений;• анализ конкурентов.
35
![Page 36: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/36.jpg)
36
Да, они бывают, именно такие люди!
![Page 37: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/37.jpg)
37
Айсберг проектирования интерфейса:
• собственно проектирование;
•«описательное моделирование» интерфейса;•обсуждения и согласования;• моделирование пользователей.
37
![Page 38: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/38.jpg)
38
Это не один айсберг, а целая династия
![Page 39: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/39.jpg)
39
От чего страдают пользователи?
![Page 40: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/40.jpg)
40
Неясно, что и зачем делать в системе
![Page 41: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/41.jpg)
41
Бесчеловечный look&feel
![Page 42: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/42.jpg)
42
Избыток контролов (интерфейсная слепота)
![Page 43: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/43.jpg)
43
Непонятные тексты
![Page 44: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/44.jpg)
44
Патовые ситуации с ошибками
![Page 45: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/45.jpg)
45
...и тьма второстепенных проблем
![Page 46: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/46.jpg)
46
Интерфейсное хамство
![Page 47: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/47.jpg)
47
Игнор и бойкот.Взрыв мозга и эмоций.
![Page 48: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/48.jpg)
48
Не играйте в Станиславских!
![Page 49: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/49.jpg)
49
Будет больно и обидно
49
![Page 50: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/50.jpg)
50
В usability-лаборатории
![Page 51: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/51.jpg)
51
На демонстрации «маркетингу»
![Page 52: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/52.jpg)
52
В блогах пользователей
![Page 53: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/53.jpg)
53
И кошелёк тоже огорчится.Но никогда об этом не узнает.
![Page 54: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/54.jpg)
54
В офисе каждый – носорог.А на Habr'е?
![Page 55: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/55.jpg)
55
Есть люди, которые видят интерфейсное хамство. Верьте им.
![Page 56: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/56.jpg)
56
Партизанские изменения?
![Page 57: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/57.jpg)
57
Партизанской бывает только реализация.Никто никогда не видел партизанского прототипа.
![Page 58: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/58.jpg)
58
Неплохо бы для начала поставить задачу.Письма и размахивания руками — не прототип.
![Page 59: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/59.jpg)
59
«Улучшить» можно только в худшую сторону
![Page 60: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/60.jpg)
60
Не трогайте look&feel, пожалуйста
![Page 61: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/61.jpg)
61
Самовольная правка текстов — преступление
![Page 62: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/62.jpg)
62
У модели интерфейса есть внутренние пользователи.Верстальщик, серверный программист, дизайнер, тестер и техпис.
![Page 63: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/63.jpg)
63
Дискуссия — тоже интерфейс.И пользователям тоже должно быть удобно.
![Page 64: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/64.jpg)
64
Зародыш системы — это модель, а не инструкция
![Page 65: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/65.jpg)
65
Дураку полработы не показывают?Обставляйте ритуалами демонстрацию хрупких изделий.
![Page 66: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/66.jpg)
66
Бесконечные согласования рюшечек — в обмен на информацию
![Page 67: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/67.jpg)
67
Фиксируйте результаты обсуждений.Опять в модели, а не бантиком сбоку.
![Page 68: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/68.jpg)
68
Ваш авторитет для пользователя — ничто.Вы — никто.И вашего босса тоже звать — никак.
![Page 69: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/69.jpg)
69
Основной вопрос: почему так сделано?Плохо: заказчик, тех. ограничения, guidelines, "нет времени".Хорошо: подтверждается моделью пользователей.
![Page 70: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/70.jpg)
70
Не врите!
![Page 71: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/71.jpg)
71
Первая модель убьёт создателя
![Page 72: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/72.jpg)
72
Почему всем так хочется?
![Page 73: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/73.jpg)
73
Выпиливание контролов лобзиком.Чем бы дитя ни тешилось?
![Page 74: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/74.jpg)
74
Интерфейс вырос из функциональной модели системы?Менеджеру: сам дурак, рихтуй в процессе.
![Page 75: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/75.jpg)
75
Прототип («дизайн») не имеет отношения к задаче?Менеджеру: просыпайся, уже все умеют моделировать пользователей.
![Page 76: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/76.jpg)
76
Кто сшил костюм?Когда выходят 100 человек, пользователю жмёт.
![Page 77: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/77.jpg)
Как подойти к задаче?
Обзор способов, подходов в и техник старта
77
![Page 78: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/78.jpg)
У прилавка
78
![Page 79: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/79.jpg)
— Я хочу велосипед. Как у всех.79
![Page 80: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/80.jpg)
— Купи себе ролики и не морочь людям голову.80
![Page 81: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/81.jpg)
— Ааа! Позовите вашего директора!81
![Page 82: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/82.jpg)
— Я директор. Так чего, какие ролики берёшь?82
![Page 83: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/83.jpg)
Супермаркет
83
![Page 84: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/84.jpg)
— Я хочу велосипед. Как у всех.84
![Page 85: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/85.jpg)
— Ты хочешь велосипед. Есть вот такой. Новинка.85
![Page 86: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/86.jpg)
— Нет, колёса всё-таки нужны!86
![Page 87: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/87.jpg)
— Может, такой? Хит сезона.87
![Page 88: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/88.jpg)
— …и розовенький.88
![Page 89: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/89.jpg)
— Тогда такой. И дуй уже на улицу, пока солнышко.89
![Page 90: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/90.jpg)
Веломагазин
90
![Page 91: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/91.jpg)
— Я хочу велосипед. Как у всех.91
![Page 92: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/92.jpg)
— Примерь-ка этот, подходит?92
![Page 93: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/93.jpg)
— (покатался) Вроде ничего… А как на нём в поход?93
![Page 94: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/94.jpg)
— Рюкзак отдельно купишь. Потом. Если захочешь.94
![Page 95: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/95.jpg)
Где жмёт?
95
![Page 96: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/96.jpg)
Хотят поговорить об этом96
![Page 97: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/97.jpg)
Могут воспринимать только готовый дизайн97
![Page 98: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/98.jpg)
Мечтают пощупать рабочую версию98
![Page 99: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/99.jpg)
Зачем возиться?
99
![Page 100: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/100.jpg)
Хотелка заказчика — объективная реальность100
![Page 101: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/101.jpg)
«Я хочу поговорить об этом!» vs «Мы лучше знаем»101
![Page 102: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/102.jpg)
Групповая психотерапия — 90% времени работы102
![Page 103: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/103.jpg)
Хочешь, чтобы выстрелило — конструируй ружьё103
![Page 104: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/104.jpg)
Кто решит проблему?
104
![Page 105: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/105.jpg)
Чтобы ружьё выстрелило, нужна пьеса105
![Page 106: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/106.jpg)
Картинки включают немножко мозга106
![Page 107: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/107.jpg)
Мыслям тесно, а словам просторно. Или наоборот?107
![Page 108: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/108.jpg)
Что вообще в мире делается?108
![Page 109: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/109.jpg)
Солисты и массовка109
![Page 110: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/110.jpg)
О чём договариваемся на входе?
110
![Page 111: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/111.jpg)
Для кого представление?111
![Page 112: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/112.jpg)
Жизненные ситуации112
![Page 113: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/113.jpg)
Аналоги и конкуренты113
![Page 114: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/114.jpg)
Как?
114
![Page 115: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/115.jpg)
Импровизация115
![Page 116: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/116.jpg)
Живьём116
![Page 117: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/117.jpg)
Верю — не верю117
![Page 118: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/118.jpg)
Что это было?
118
![Page 119: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/119.jpg)
Вовлечение заказчика119
![Page 120: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/120.jpg)
Сбор требований для дизайнеров120
![Page 121: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/121.jpg)
Тим-билдинг, ох ты мамочки121
![Page 122: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/122.jpg)
Что получится?
122
![Page 123: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/123.jpg)
Грубые прототипы123
![Page 124: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/124.jpg)
«Волшебные формулировки»124
![Page 125: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/125.jpg)
Блок-схемы125
![Page 126: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/126.jpg)
Ключевые экраны126
![Page 127: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/127.jpg)
Навык приоритезации127
![Page 128: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/128.jpg)
Готовность работать128
![Page 129: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/129.jpg)
По-ни-ма-ни-е модели результата129
![Page 130: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/130.jpg)
«Что проку в книжке без картинок и без разговоров?» —
подумала Аня.Льюис Кэрролл в переводе Владимира Набокова
130
![Page 131: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/131.jpg)
Скрещиваем сценарии и прототипы интерфейсов
131
![Page 132: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/132.jpg)
Люди не читают
132
![Page 133: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/133.jpg)
Картинки создают впечатление:
• полноты охвата;
• законченности;
• готовности к сдаче в работу;
• продуманности решения в целом;
• пригодности к использованию;
• реализованности «дизайна» (look and feel);
• продуманности текстов;
• единственно возможного решения;
• необходимости спроектированных сервисов и контекстов.
Всё — обман!
133
![Page 134: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/134.jpg)
Кажется, что с картинками можно:
• щупать продукт руками;
• верстать;
• выдавать программистам «готовую постановку»;
• сравнивать продукт с аналогами;
• принимать решения «хорошо/плохо» в целом.
Всё — обман!
134
![Page 135: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/135.jpg)
На самом деле картинки:
• заведомо неполны;
• никогда не закончены;
• требуют доработок графическим дизайнером;
• нуждаются в проработке текстов.
135
![Page 136: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/136.jpg)
Буквам не повезло:
• «много букв», скучно читать;
• нет связи с картинками.
136
![Page 137: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/137.jpg)
Свяжем буквы и картинки
137
![Page 138: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/138.jpg)
Letters first!
138
![Page 139: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/139.jpg)
Ситуация: на телефоне закончились деньги.
Задача: пополнить счёт сотового телефона.
Предусловия: Пользователь — перед Терминалом.
139
![Page 140: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/140.jpg)
[1] Пользователь сообщает Терминалу, что хочет пополнить счёт. [2] Терминал запрашивает у Пользователя номер телефона. [3] Пользователь сообщает Терминалу номер телефона. [4] Терминал удостоверяется, что номер телефона введён корректно и пополнение возможно. [5] Терминал запрашивает у пользователя банкноты для пополнения счёта. [6] Пользователь передаёт Терминалу банкноты. [7] Терминал удостоверяется, что принятые банкноты можно использовать, и пополняет счёт. [8] Терминал сообщает Пользователю об успехе пополнения и предлагает повторить операцию. [9] Пользователь сообщает Терминалу своё решение: повторить операцию (возврат на шаг [5]) или закончить работу.
Осторожно, тьма ошибок!
140
![Page 141: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/141.jpg)
Не учтены технологические ограничения:
[2] Номера телефона недостаточно. Нынешние терминалы не умеют гарантированно определять оператора по номеру телефона.
[5] Терминал может «пережёвывать» банкноты только по одной штуке.
Ошибки. Это нормально.
141
![Page 142: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/142.jpg)
Не учтены бизнес-требования:
[7] Размер комиссии зависит от суммы платежа. Таким образом, пополнение счёта «побанкнотно» воспринимается Пользователем как обман. Необходимо дать возможность пополнять счёт после передачи банкомату всех банкнот.
Ошибки. Это нормально.
142
![Page 143: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/143.jpg)
Не учтены «ограничения среды» (в данном случае — требования
законодательства):
[4] Перед получением денег Терминал обязан предупредить Пользователя о размерах комиссии.
[8] На любую денежную операцию необходимо выдавать чек. Это действие нужно явно прописать в сценарии, не скрывая его за словосочетанием «сообщает об успехе пополнения».
Ошибки. Это нормально.
143
![Page 144: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/144.jpg)
Не учтены особенности человеческого поведения:
[9] Пользователь в этот момент уже решил задачу. Наивно полагать, что он захочет сообщать Терминалу, что закончил работу.
Ошибки. Это нормально.
144
![Page 145: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/145.jpg)
Не проработаны отклонения от
базового сценария!Ошибки. Это нормально.
145
![Page 146: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/146.jpg)
[1] Пользователь сообщает Терминалу, что хочет пополнить счёт. [2] Терминал удостоверяется, что пополнение возможно, и запрашивает у Пользователя номер телефона и, если нужно, сотового оператора. [3] Пользователь сообщает Терминалу запрошенные данные. [4] Терминал удостоверяется, что данные введены корректно. [5] Терминал запрашивает у пользователя банкноту для пополнения счёта. [6] Пользователь передаёт Терминалу банкноту. [7] Терминал удостоверяется, что принятую банкноту можно использовать, и сообщает Пользователю размер внесённой в Терминал суммы. [8] Терминал предлагает пользователю выбор: продолжить вносить деньги в Терминал или пополнить счёт. [9] Пользователь делает выбор и либо продолжает вносить деньги в терминал (возврат на шаг [5]), либо распоряжается пополнить счёт (переход на шаг [10]). [10] Терминал пополняет счёт телефона Пользователя, выдаёт чек и сообщает Пользователю об успехе операции.
Так-то лучше?146
![Page 147: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/147.jpg)
Отклонения:[2], [3], [4], [5] Пользователь передумал пополнять счёт. Терминал даёт Пользователю возможность прервать сценарий на этих шагах.
[2] Пополнение невозможно по техническим причинам. Терминал сообщает Пользователю о невозможности операции. Может быть, тогда и не предлагать шаг [1]?
[4] Данные введены некорректно. Терминал сообщает Пользователю об ошибке и повторяет шаг [3].
[6] Пользователь долго ничего не передаёт терминалу. Терминал переходит в режим ожидания.
[7] Банкноту использовать нельзя. Терминал возвращает Пользователю банкноту и повторяет шаг [5].
[9] Пользователь долго не принимает решение. Терминал самостоятельно переходит на шаг [10].
[9] Пользователь передумал пополнять счёт. Интерфейсно решение не поддерживаем!
[10] Техническая ошибка при пополнении. Что делаем?
[11] Невозможно выдать чек (например, нет бумаги). Что делаем?
147
![Page 148: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/148.jpg)
Почему не блок-схемы?
Вы пробовали их читать?А вместе с заказчиком?
148
![Page 149: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/149.jpg)
Зарождение картинок
149
![Page 150: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/150.jpg)
[2] Терминал удостоверяется {*}, что пополнение возможно, и запрашивает {Form, пустая форма} у Пользователя номер телефона и, если нужно, сотового оператора. [3] Пользователь сообщает {Form, ввод данных} Терминалу запрошенные данные. [4] Терминал удостоверяется {Form, проверка данных}, что данные введены корректно.
Каждое действие участников пьесы должно быть
поддержано интерфейсом. Иногда отсутствующим :)
150
![Page 151: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/151.jpg)
Ставим ссылку на прототип после каждого глагола.
Каждого!
[2] Терминал удостоверяется {*}, что пополнение возможно, и запрашивает {Form, пустая форма} у Пользователя номер телефона и, если нужно, сотового оператора. [3] Пользователь сообщает {Form, ввод данных} Терминалу запрошенные данные. [4] Терминал удостоверяется {Form, проверка данных}, что данные введены корректно.
151
![Page 152: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/152.jpg)
Принимаем решения: Что есть «единица интерфейса»? Обсуждайте с верстальщиками! Как называть картинки? Единообразно :)
[2] Терминал удостоверяется {*}, что пополнение возможно, и запрашивает {Form, пустая форма} у Пользователя номер телефона и, если нужно, сотового оператора. [3] Пользователь сообщает {Form, ввод данных} Терминалу запрошенные данные. [4] Терминал удостоверяется {Form, проверка данных}, что данные введены корректно.
152
![Page 153: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/153.jpg)
Переходим к проектированию
интерфейса
153
![Page 154: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/154.jpg)
Здравствуй, объектно-навигационная модель.
Нам тебя так не хватало.
154
![Page 155: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/155.jpg)
Form — форма ввода параметров платежа:
1.Пустая форма.
2.Ввод данных:a. мало данных для определения оператора;
b. оператор определён по номеру телефона;
c. оператора надо указать вручную.
3.Проверка данных.
4.Повторный ввод после ошибки.
Вариации155
![Page 156: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/156.jpg)
Модель для FormИнформационные запросы:
•Что мне делать?
•Какой у меня номер телефона?
•Как сюда вводить данные?
•Куда вводить код и номер? Вместе или отдельно?
•Долго ещё?
Действия в контексте:ввести цифры номера;проверить, что всё верно;выбрать своего оператора (если система не поняла сама);«передумать» пополнять счёт;сказать «угу».
156
![Page 157: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/157.jpg)
Зачем нужна объектно-навигационная модель1. Постановка задачи проектировщику интерфейса
— и контроль!
2. Программист: можно/нельзя сделать.
3. Верстальщик: набор данных + ссылки + управление.
4. Копирайтер: как рассказать и объяснить?
5. Тестер: действия делаются, а на запросы есть ответы.
6. Бизнес: обсуждение задач интерфейса, а не рюшечек.
157
![Page 158: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/158.jpg)
Много букв про астральную связь с картинками:
• Сценарии — рамка прототипа, его очень грубая граница. Интерфейс должен поддерживать сценарии «на отлично». Проектировщик, глядя в сценарий, понимает, какие взаимодействия пользователя и системы должны быть отражены в интерфейсе. Соответствие сценариев прототипу — минимальное требование к системе.
• Объектная модель — «рюшечки», мясо прототипа. Интерфейс должен отражать объектную модель в той степени, в какой хватит ресурса разработки. Проектировщик, глядя в объектную модель, понимает, какие «страницы» ему нужно сделать, как устроена навигация между этими «страницами» и какие информационные и управляющие элементы есть на каждой «странице».
158
![Page 159: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/159.jpg)
И только теперь начинаем рисовать!
159
![Page 160: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/160.jpg)
Весь прототип интерфейса:
1.Сценарии: что Пользователь делает? Функционал.
2.Модель: что Пользователю может понадобиться? Рюшечки.
3.Прототип: вот так реализуем сценарии и модель.
4.Буквы: ...говорим при этом такие слова.
5.Look and Feel: ...и производим такое впечатление.
160
![Page 161: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/161.jpg)
Инструменты для сбора постановки
• Scrivener
• ScreenSteps
• MS Word
• MS PowerPoint
• Wiki (Confluence, TiddyWiki)
Кросс-ссылки решают всё!
161
![Page 162: Зачем обращать внимание на пользовательские ожидания к интерфейсу и как это делать](https://reader036.vdocuments.net/reader036/viewer/2022081413/5477984eb4af9f1d558b4738/html5/thumbnails/162.jpg)
Bonus Track
Прототипы нужно комментировать. Буквами. Подробно.
Но это уже совсем другая история.
162