交互模式应用(4):Wizard-成都快上网建站

交互模式应用(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以及通过它能获得哪些帮助。


网站标题:交互模式应用(4):Wizard
标题网址:http://kswjz.com/article/cgcdpc.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流