交互模式应用(4):Wizard

想象一下这么几个场景：如果你需要去办理一项手续，然而对此流程你并不熟悉；如果你要在异国他乡的机场登机，但从哪里开始取票在哪里安检你心里没谱；如果你在学习使用一项仪器设备，可是毫无使用经验的你举足无措；如果你在银行办理宽带业务，不过需要带什么证件去哪个窗口让你直犯嘀咕……好吧，这类情形越来越少的出现，因为，Wizard（向导）服务很好的帮助了我们，让我们知道如何去按部就班的完成任务。

What：什么是Wizard

Wizard，原意是男巫或者有特殊才能的人，后来逐渐被用来形容指引路线的人或物。在软件行业，Wizard也是一种常见的交互方式，它由一系列对话框组成的有序界面来引导用户完成预定义好的步骤，从而达成任务目标。帮助迷失的人们找到前进的方向，不正是软件Wizard的魔力吗？

常见的有：软件安装Wizard， 付款流程Wizard， 创建项目Wizard， 导出数据Wizard， 注册Wizard， 找回密码Wizard， 压缩文件Wizard， 配置Wizard等等。

面对繁杂系统、进阶功能或者不熟悉的工作流，软件Wizard是不错的一个解决方案。出自高水准设计的Wizard，必然会成为用户在软件体验过程中的得力助手。

Why：为什么使用Wizard

尽管名称可能有所出入，Wizard的应用已经非常普及。比如在Mac OS系统里，Wizard被称为”Assistants”，在某些软件的安装中，Wizard被称为”Install Guide”。那么使用Wizard能带来哪些优点呢？

1. 通过Wizard能帮助用户快速学习工作流

2. 通过分解复杂工作流帮助用户更快的掌握内容

3. 预先设计的Wizard步骤能够减轻用户记忆负担从而避免出错

4. 将复杂流程分步进行能够提供充分的任务处理时间，避免用户长时间等待

5. 通知用户当前任务进度使其了解整个工作流的概况

6. 将完成具体工作流的所有操作集中放置可以减少用户的无用导航

When：在哪些场景下使用Wizard

一般来说，Wizard中的每一个页面会要求用户选择对应选项或者填写特定信息，然后通过Back和Next按钮进行导航，在最终页面按下Finish按钮结束Wizard。

在以下类型的场景中，可以考虑加入Wizard：

-当用户需要完成多步操作来执行某一任务

-当用户需要按照既定步骤完成某个工作流

-当用户需要通过不同类型的决策来达到一个目标

-当用户需要完成由不同子任务组成的复杂任务

-当用户因为第一次使用而不知道如何开始

-当用户不知道软件有哪些新功能或者亮点

-当用户缺乏必要的行业背景或者使用经验

How：使用Wizard需知

Wizard的引入总是在一定目标的驱使下设计师对交互行为的选择， 我们来看下如何设计Wizard来指引用户达到目标。

Wizard总是被用来完成相对复杂的工作。任务伊始，用户应该被告知整个Wizard的目的，接下来每一个页面需要用户决策（查看信息、选择或者输入内容）来完成，必须完成当前页面的任务然后才能通过导航按钮（Next或者箭头之类的控件）进入下一个步骤，否则会有提示说明用户需要做什么，在前进的过程中，用户也能够随时返回之前的页面重新决策，到达最后一个页面时，应该有结束的按钮终止整个Wizard过程并宣告任务完成。

Wizard交互设计Tips（这里的技巧并不要求同时用上，而是根据情形使用。）

1. 提供导向化的按钮

Wizard的每个页面上都要有相应的导向化按钮，用于告诉用户可以做什么，包括：回退（Back）、前进（Next）、取消（Cancel）、结束（Finish）等等。要注意在每个页面都提供给用户退出Wizard的接口，比如关闭页面、取消Wizard。

2. Wizard目的简短明晰

首页最好有一个对Wizard目的的描述，以便让用户第一时间了解为什么进入该Wizard以及通过它能获得哪些帮助。