Помощник/Советник (Wizard)

Interaction Design Patterns (Web)
автор: 2002 Martijn van Welie
перевод: Александр Качанов

(назад к списку)

С сайта www.club.nokia.com

Задача

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

Условия

Неопытному пользователю надо выполнить задачу, которую он никогда не выполнял до этого или выполнял, но не так часто. Выполнение задачи зависит от условий (являющихся как бы подзадачами), по которым надо принять решение. Количество этих подзадач невелико, обычно от 3 до 10. Пользователь может хотеть выполнить главную задачу, но может быть незнаком с подзадачами. Подзадачи могут быть расположены в определенном порядке, причем некоторые подзадачи могут зависеть от выполнения других подзадач: например, пользователю надо выполнить определенное действие прежде чем он сможет перейти к следующему. Для достижения цели требуется выполнение определенного количество шагов, но конкретное количество шагов зависит от принимаемого решения на каждом этапе.

Решение

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

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

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

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

Почему

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

Еще примеры

Этот пример взят с сайта KLM, на котором вы можете через Интернет оформить заказ билета

Используют

www.klm.nl; www.amazon.com (процесс оформления покупки)

Другие шаблоны

* * *

(назад к списку)


Самые популярные статьи:


что такое система Орфус?

Все материалы данного сайта раздаются под лицензией Creative Commons License  2.0
подробнее
Webmascon Daily - RSS-формат

Журнал «Системный Администратор» — Online

  • — Удобное чтение online
  • — Архивы с 2003 года
  • — Оперативный выход новых номеров
  • — Более 50 номеров и 700 статей
  • — Бесплатные статьи

Все материалы лицензированы.

www.av5.com/jns

Удобный хостинг $6/мес.

  • — Поддержка PHP/Perl
  • — 500 Мб места на диске
  • — 15 Гб трафика в месяц
  • — Тестовые аккаунты
  • — Статистика
  • — MySQL база данных
  • — Панель управления
  • — SSH/FTP доступ
  • — 24x7x365 поддержка на русском
  • — Регистрация доменов
  • — Бесплатные поддомены
  • — 100+ PHP скриптов
www.av5.com
Гид в Токио
Rambler's Top100
Rating All.BY
Akavita
Valid XHTML 1.0!