MatchDog Создайте свой портфельный проект: поток

Наиболее важные задачи, находящиеся в верхнем левом квадранте матрицы приоритетов, — это те, на выполнение которых большинство пользователей потратят большую часть своего времени. Как минимум, это те, которым нужен полнопоточный дизайн, чтобы показать, как (и с какой логикой) пользователь будет переходить от экрана к экрану. Какие объекты находятся на данной странице, вы должны решить заранее, используя комбинацию своих UX-архитектура и выбор экранных архетипов.

Хотя ваша матрица расстановки приоритетов может немного отличаться от примера в книге (таблица 9 или 10), организация MatchDog не сможет добиться успеха в выполнении своей миссии, если следующие три потока не будут высокоэффективными. годный к употреблению и содержать наименьшее количество шагов, которые могут содержать всю бизнес-логику.

• Создание профиля пользователя (для сбора информации, на основе которой будет проводиться сопоставление)
• Выбор собаки (и, возможно, составление шорт-листа, чтобы сузить список до нескольких фаворитов)
• Доставка собаки (встреча, установка и другие мероприятия по доставке собаки домой)

В книге показаны примеры потоков, но, конечно, есть действительные альтернативы. Те, что в книге, могут не подходить для вашей архитектуры и комбинаций архетипов. Решать вам.

Краткое описание проекта

Просмотрите полное описание проекта для MatchDog снова. С первоначальным дизайном экрана, полученным на предыдущем этапе, вы теперь можете представить сценарий фильма в своей голове.

Вы можете почерпнуть идеи из примеров в книге, касающихся проектирования потоков MatchDog. Книга намеренно дополняет этот проект примерами и обсуждением различных вариантов двух важнейших потоков UX. Однако вы — дизайнер, и поток должен отражать вашу оптимизированную грамматику. Ваша грамматика может отличаться от той, на которой основаны примеры в книге. Вы можете принять эти потоки, использовать их в качестве отправной точки и уточнить их или предложить столь же действенные альтернативы, которые соответствуют функциональным целям и, возможно, даже содержат меньше шагов.

Цель этого упражнения

Цель этого упражнения – отработать технику определения потоки пользователей для наиболее важных последовательностей задач в вашем дизайне MatchDog. Эти пользовательские потоки будут определять, как основные действия, которые пользователь может выполнять с различными объектами, будут перемещаться по ним с экрана на экран.

Действия, которые вы выполните в этом упражнении

В этом упражнении вы нарисуете рамки, представляющие ваши основные экраны (обычно содержащие один или несколько объектов), и покажете, какие глобальные и локальные действия будут перемещать опыт с одного экрана на другой или выгружать контент на один больший экран. Вы определите ветвление и бизнес-логику, которые необходимо реализовать в ходе навигация завершить сквозной процесс усыновления домашнего животного с помощью таких символов, как ромб (решение пользователя) и треугольник (решение системы).

Оборудование, которое вам понадобится в этом упражнении

Карандаш и бумага или программа векторного рисования, такая как OmniGraffle или Visio, подойдут. Вы также можете использовать PowerPoint. Любая программа рисования, которая может автоматически поддерживать точки соединения линий и прямоугольников, увеличит скорость создания понятных блок-схем UX.

Создайте свой поток, чтобы…

• Создайте свой собственный альтернативный поток для профильное построение процесс.
• Создайте свой собственный альтернативный поток для отбор собак процесс.
• Создайте финальный поток, чтобы договориться о встрече с очаровательной собакой и принятие права собственности (доставка собаки). В книге нет прецедента для этого сценария, поэтому теперь вы сталкиваетесь с возможностью «чистого листа бумаги» вместо рефакторинга предыдущего примера потока.
• Определите потоки для всех оставшихся задач в вашей категории высшего приоритета, если они еще не охвачены тремя вышеперечисленными задачами.

Не забудьте аннотировать все свои блок-схемы типами объектов и именами действий, которые продвигают поток вперед, чтобы они могли объясниться разработчикам и потенциальным рецензентам вашей работы без вашего присутствия.

Повторяйте дизайн своей грамматики, визуализации и потока, чтобы упростить его.

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

Создайте свой интерактивный прототип

Когда вы убеждены, что пришли к самому простому и когнитивно компактному решению на этих первых трех уровнях структуры, пришло время остановиться. зарисовка и переключитесь на построение своего интерактивного прототип.

• Убедитесь, что у вас есть дизайн взаимодействия уровень согласованности языка во всем вашем дизайне. Когда одно и то же действие появляется на нескольких экранах для другого (или одного и того же) объекта, оно должно выполнять одно и то же и, желательно, находиться в одном и том же ближайшем положении.
• Используйте рекомендации, приведенные в главе «Элегантность», чтобы разметить точную пиксельную сетку для построения экрана.
  • Используйте как можно меньше шаблонов пиксельной сетки.

Мы рекомендуем вам инвестировать в доработку вашего прототипа до уровня, на котором вы будете уверены, что он сможет справиться со всеми задачами в MVP матрица расстановки приоритетов, даже если вы не моделируете все возможные потоки и страницы в прототипе. Уже одно это сделает выдающийся портфель часть, а также все этапы синтеза и анализа, подтверждающие ваши навыки в Semantic IxD.

Завершите это упражнение

UX-потоки, которые вы только что создали, достигли трех важных целей. Сначала вы указали логику для основных путей навигации внутри UX-дизайн. Во-вторых, вы указали бизнес-логику, которую разработчикам необходимо будет реализовать для написания функциональной системы. Ваши разработчики, менеджеры по продукту и технические писатели будут в восторге от ясности этого конкретного IxD артефакт приносит к столу, чтобы сохранить все заинтересованная сторона ожидания совпадают в течение жизненного цикла разработки продукта.

И… в-третьих, они подтвердили, что ваш выбор UX-архитектуры и шаблонов проектирования может быть связан за минимальное количество шагов – и, возможно, через итерация вы нашли даже лучшие шаблоны проектирования визуализации, чем ваш первоначальный выбор, и даже нашли способы дальнейшего сжатия грамматики вашей концептуальной модели.

Автор/правообладатель: Тео Ю Сян и Interaction Design Foundation. Условия авторских прав и лицензия: CC BY-NC-SA 3.0.