Рецепты моделирования пользовательских ожиданий
DESCRIPTION
24 марта 2013 года, IT-старт, Астрахань http://www.it-start.pro/node/30TRANSCRIPT
![Page 1: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/1.jpg)
Моделирование пользовательских ожиданий
![Page 2: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/2.jpg)
Minimum Viable Product
![Page 3: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/3.jpg)
Minimum: строгая функциональная диета
![Page 4: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/4.jpg)
Viable: хотим, чтобы выстрелило и зацепило
![Page 5: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/5.jpg)
Product: ответ на неявные ожидания
![Page 6: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/6.jpg)
Плавно вписаться в жизнь пользователей
![Page 7: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/7.jpg)
Что это за жизнь?
![Page 8: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/8.jpg)
Рассказ один, а выводы разные
![Page 9: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/9.jpg)
Выдумывай → Твори → Пробуй
![Page 10: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/10.jpg)
Моделирование
![Page 11: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/11.jpg)
Эстетические предпочтения в дизайне
![Page 12: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/12.jpg)
Цепляют эмоции, а не технологии
![Page 13: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/13.jpg)
Возьмите количеством и разнообразием
![Page 14: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/14.jpg)
Подведите статистику под «нравится/не нравится»
![Page 15: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/15.jpg)
Карточная сортировка
![Page 16: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/16.jpg)
У каждого в голове своя структура
![Page 17: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/17.jpg)
Эксперимент лучше угадайки
![Page 18: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/18.jpg)
Пусть всем будет одинаково удобно-неудобно
![Page 19: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/19.jpg)
Жизненные ситуации
![Page 20: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/20.jpg)
Компьютер — это продвинутый костыль
![Page 21: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/21.jpg)
Расскажите, когда людям неудобно
![Page 22: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/22.jpg)
Пишите интересно, коротко и быстро
![Page 23: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/23.jpg)
Убеждайте себя и других
![Page 24: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/24.jpg)
Сценарии использования
![Page 25: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/25.jpg)
Отклонения важней нормы
![Page 26: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/26.jpg)
Объектно-информационная модель
![Page 27: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/27.jpg)
Просто список вопросов
![Page 28: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/28.jpg)
Надо же проверять работу дизайнера
![Page 29: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/29.jpg)
Компромиссный рейтинг приоритетов
![Page 30: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/30.jpg)
Слушайте тех, кто принимает решения
![Page 31: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/31.jpg)
Пусть спорят друг с другом :)
![Page 32: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/32.jpg)
Как должен работать дизайн?
![Page 33: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/33.jpg)
Мы != наши пользователи
![Page 34: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/34.jpg)
Семантический дифференциал
![Page 35: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/35.jpg)
Эмоциональная кардиограмма
![Page 36: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/36.jpg)
Customer journey
![Page 37: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/37.jpg)
Что человек чувствует,когда работает с системой?
![Page 38: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/38.jpg)
Проектирование
![Page 39: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/39.jpg)
Wireframes или прототипы
![Page 40: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/40.jpg)
Ручка и бумага
![Page 41: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/41.jpg)
POP: бумага + iPhone
![Page 42: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/42.jpg)
Axure: картинки + html
![Page 43: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/43.jpg)
Blueprint: эмуляция мобильного приложения
![Page 44: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/44.jpg)
Быстрая вёрстка ручками
![Page 45: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/45.jpg)
Вовлечение
![Page 46: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/46.jpg)
Мозговой штурм с историями
![Page 47: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/47.jpg)
Бета-тестирование прототипа
![Page 48: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/48.jpg)
Коридорное тестирование
![Page 49: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/49.jpg)
Silverback — guerilla usability
![Page 50: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/50.jpg)
A/B-тестирование
![Page 51: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/51.jpg)
Тепловые карты кликов (взглядов)
![Page 52: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/52.jpg)
Не закрывайте рот!
![Page 53: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/53.jpg)
![Page 54: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/54.jpg)
«Что проку в книжке без картинок и без разговоров?» —
подумала Аня.Льюис Кэрролл в переводе Владимира Набокова
![Page 55: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/55.jpg)
Скрещиваем сценарии и прототипы интерфейсов
![Page 56: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/56.jpg)
Люди не читают
![Page 57: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/57.jpg)
Картинки создают впечатление:
• полноты охвата;
• законченности;
• готовности к сдаче в работу;
• продуманности решения в целом;
• пригодности к использованию;
• реализованности «дизайна» (look and feel);
• продуманности текстов;
• единственно возможного решения;
• необходимости спроектированных сервисов и контекстов.
Всё — обман!
![Page 58: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/58.jpg)
Кажется, что с картинками можно:
• щупать продукт руками;
• верстать;
• выдавать программистам «готовую постановку»;
• сравнивать продукт с аналогами;
• принимать решения «хорошо/плохо» в целом.
Всё — обман!
![Page 59: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/59.jpg)
На самом деле картинки:
• заведомо неполны;
• никогда не закончены;
• требуют доработок графическим дизайнером;
• нуждаются в проработке текстов.
![Page 60: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/60.jpg)
Буквам не повезло:
• «много букв», скучно читать;
• нет связи с картинками.
![Page 61: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/61.jpg)
Свяжем буквы и картинки
![Page 62: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/62.jpg)
Letters first!
![Page 63: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/63.jpg)
Ситуация: на телефоне закончились деньги.
Задача: пополнить счёт сотового телефона.
Предусловия: Пользователь — перед Терминалом.
![Page 64: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/64.jpg)
[1] Пользователь сообщает Терминалу, что хочет пополнить счёт. [2] Терминал запрашивает у Пользователя номер
телефона. [3] Пользователь сообщает Терминалу номер телефона. [4] Терминал удостоверяется, что номер телефона
введён корректно и пополнение возможно. [5] Терминал запрашивает у пользователя банкноты для пополнения счёта. [6] Пользователь передаёт Терминалу банкноты. [7] Терминал удостоверяется, что принятые банкноты можно использовать,
и пополняет счёт. [8] Терминал сообщает Пользователю об успехе пополнения и предлагает повторить операцию. [9]
Пользователь сообщает Терминалу своё решение: повторить операцию (возврат на шаг [5]) или закончить работу.
Осторожно, тьма ошибок!
![Page 65: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/65.jpg)
Не учтены технологические ограничения:
•[2] Номера телефона недостаточно. Нынешние терминалы не умеют гарантированно определять оператора по номеру телефона.
•[5] Терминал может «пережёвывать» банкноты только по одной штуке.
Ошибки. Это нормально.
![Page 66: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/66.jpg)
Не учтены бизнес-требования:
•[7] Размер комиссии зависит от суммы платежа. Таким образом, пополнение счёта «побанкнотно» воспринимается Пользователем как обман. Необходимо дать возможность пополнять счёт после передачи банкомату всех банкнот.
Ошибки. Это нормально.
![Page 67: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/67.jpg)
Не учтены «ограничения среды» (в данном случае — требования
законодательства):• [4] Перед получением денег Терминал обязан
предупредить Пользователя о размерах комиссии.
• [8] На любую денежную операцию необходимо выдавать чек. Это действие нужно явно прописать в сценарии, не скрывая его за словосочетанием «сообщает об успехе пополнения».
Ошибки. Это нормально.
![Page 68: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/68.jpg)
Не учтены особенности человеческого поведения:
•[9] Пользователь в этот момент уже решил задачу. Наивно полагать, что он захочет сообщать Терминалу, что закончил работу.
Ошибки. Это нормально.
![Page 69: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/69.jpg)
Не проработаны отклонения от
базового сценария!Ошибки. Это нормально.
![Page 70: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/70.jpg)
[1] Пользователь сообщает Терминалу, что хочет пополнить счёт. [2] Терминал удостоверяется, что пополнение возможно, и запрашивает у Пользователя
номер телефона и, если нужно, сотового оператора. [3] Пользователь сообщает Терминалу запрошенные данные. [4] Терминал удостоверяется, что
данные введены корректно. [5] Терминал запрашивает у пользователя банкноту для пополнения счёта. [6] Пользователь передаёт Терминалу банкноту. [7] Терминал удостоверяется, что принятую банкноту можно
использовать, и сообщает Пользователю размер внесённой в Терминал суммы. [8] Терминал предлагает пользователю выбор: продолжить вносить
деньги в Терминал или пополнить счёт. [9] Пользователь делает выбор и либо продолжает вносить деньги в терминал (возврат на шаг [5]), либо
распоряжается пополнить счёт (переход на шаг [10]). [10] Терминал пополняет счёт телефона Пользователя, выдаёт чек и сообщает Пользователю об успехе
операции.
Так-то лучше?
![Page 71: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/71.jpg)
Отклонения:• [2], [3], [4], [5] Пользователь передумал пополнять счёт. Терминал даёт Пользователю
возможность прервать сценарий на этих шагах.
• [2] Пополнение невозможно по техническим причинам. Терминал сообщает Пользователю о невозможности операции. Может быть, тогда и не предлагать шаг [1]?
• [4] Данные введены некорректно. Терминал сообщает Пользователю об ошибке и повторяет шаг [3].
• [6] Пользователь долго ничего не передаёт терминалу. Терминал переходит в режим ожидания.
• [7] Банкноту использовать нельзя. Терминал возвращает Пользователю банкноту и повторяет шаг [5].
• [9] Пользователь долго не принимает решение. Терминал самостоятельно переходит на шаг [10].
• [9] Пользователь передумал пополнять счёт. Интерфейсно решение не поддерживаем!
• [10] Техническая ошибка при пополнении. Что делаем?
• [11] Невозможно выдать чек (например, нет бумаги). Что делаем?
![Page 72: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/72.jpg)
Почему не блок-схемы?
Вы пробовали их читать?А вместе с заказчиком?
![Page 73: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/73.jpg)
Зарождение картинок
![Page 74: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/74.jpg)
[2] Терминал удостоверяется {*}, что пополнение возможно, и запрашивает {Form, пустая форма} у
Пользователя номер телефона и, если нужно, сотового оператора. [3] Пользователь сообщает {Form, ввод
данных} Терминалу запрошенные данные. [4] Терминал удостоверяется {Form, проверка данных}, что данные
введены корректно.
Каждое действие участников пьесы должно быть
поддержано интерфейсом. Иногда отсутствующим :)
![Page 75: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/75.jpg)
Ставим ссылку на прототип после каждого глагола.
Каждого!
[2] Терминал удостоверяется {*}, что пополнение возможно, и запрашивает {Form, пустая форма} у Пользователя номер телефона и, если нужно, сотового оператора. [3] Пользователь сообщает {Form, ввод данных} Терминалу запрошенные данные. [4] Терминал удостоверяется {Form, проверка данных}, что данные введены корректно.
![Page 76: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/76.jpg)
Принимаем решения: Что есть «единица
интерфейса»? Обсуждайте с верстальщиками!
Как называть картинки? Единообразно :)
[2] Терминал удостоверяется {*}, что пополнение возможно, и запрашивает {Form, пустая форма} у Пользователя номер телефона и, если нужно, сотового оператора. [3] Пользователь сообщает {Form, ввод данных} Терминалу запрошенные данные. [4] Терминал удостоверяется {Form, проверка данных}, что данные введены корректно.
![Page 77: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/77.jpg)
Переходим к проектированию
интерфейса
![Page 78: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/78.jpg)
Здравствуй, объектно-навигационная модель.
Нам тебя так не хватало.
![Page 79: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/79.jpg)
Form — форма ввода параметров платежа:
1. Пустая форма.
2. Ввод данных:a. мало данных для определения оператора;
b. оператор определён по номеру телефона;
c. оператора надо указать вручную.
3. Проверка данных.
4. Повторный ввод после ошибки.
Вариации
![Page 80: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/80.jpg)
Модель для Form• Информационные
запросы:
• Что мне делать?
• Какой у меня номер телефона?
• Как сюда вводить данные?
• Куда вводить код и номер? Вместе или отдельно?
• Долго ещё?
Действия в контексте:ввести цифры номера;проверить, что всё верно;выбрать своего оператора (если система не поняла сама);«передумать» пополнять счёт;сказать «угу».
![Page 81: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/81.jpg)
Зачем нужна объектно-навигационная модель
1. Постановка задачи проектировщику интерфейса — и контроль!
2. Программист: можно/нельзя сделать.
3. Верстальщик: набор данных + ссылки + управление.
4. Копирайтер: как рассказать и объяснить?
5. Тестер: действия делаются, а на запросы есть ответы.
6. Бизнес: обсуждение задач интерфейса, а не рюшечек.
![Page 82: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/82.jpg)
Много букв про астральную связь с картинками:
• Сценарии — рамка прототипа, его очень грубая граница. Интерфейс должен поддерживать сценарии «на отлично». Проектировщик, глядя в сценарий, понимает, какие взаимодействия пользователя и системы должны быть отражены в интерфейсе. Соответствие сценариев прототипу — минимальное требование к системе.
• Объектная модель — «рюшечки», мясо прототипа. Интерфейс должен отражать объектную модель в той степени, в какой хватит ресурса разработки. Проектировщик, глядя в объектную модель, понимает, какие «страницы» ему нужно сделать, как устроена навигация между этими «страницами» и какие информационные и управляющие элементы есть на каждой «странице».
![Page 83: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/83.jpg)
И только теперь начинаем рисовать!
![Page 84: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/84.jpg)
Весь прототип интерфейса:
1. Сценарии: что Пользователь делает? Функционал.
2. Модель: что Пользователю может понадобиться? Рюшечки.
3. Прототип: вот так реализуем сценарии и модель.
4. Буквы: ...говорим при этом такие слова.
5. Look and Feel: ...и производим такое впечатление.
![Page 85: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/85.jpg)
Инструменты для сбора постановки
• Scrivener
• ScreenSteps
• MS Word
• MS PowerPoint
• Wiki (Confluence, TiddyWiki)
Кросс-ссылки решают всё!
![Page 86: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/86.jpg)
Bonus Track
•Прототипы нужно комментировать. Буквами. Подробно.
•Но это уже совсем другая история.
![Page 87: Рецепты моделирования пользовательских ожиданий](https://reader033.vdocuments.net/reader033/viewer/2022061200/5477984cb4af9fa1378b479b/html5/thumbnails/87.jpg)
Спасибо[email protected]+7 (812) 640-49-21