帮助新手熟悉产品的向导程序,遵循着怎样的设计模式? - 优设网 - UISDC

帮助新手熟悉产品的向导程序,遵循着怎样的设计模式?

2017/04/10 5565评论区

引导新用户熟悉产品的方式多种多样,向导程序是其中最经典也是最常用的一种。今天的文章,我们来聊聊向导程序的设计模式。

什么是向导程序

向导程序通常会提供一系列的步骤或者目标,让用户在完成步骤达成目标的过程中,逐步熟悉这个平台或者产品。向导程序(Wizerd),或者说是新手向导最初是附带在实物产品的说明书当中,告诉用户如何起步,怎么使用产品。在此之后不就,随着互联网的和数字产品的发展,它也引入到数字产品当中。最典型的,就是各种软件的安装向导。

许多传统的桌面端软件在安装的时候,是有安装向导程序来引导用户完成这个步骤的,直到今天也是如此。这种设计模式是随着Windows 95的大规模普及而得到了推广。

向导程序的好处并不少:

简化任务

将复杂的任务分解成为一系列简单易行的小步骤,帮你进行精简。

分割处理,各个击破。

正如同之前所说的,桌面端软件安装的向导就是非常典型的例子。在安装向导的指引下,用户需要自己复制文件,编辑配置文件,选取安装目录,并检查软件是否正常运行。安装向导将复杂的条件转化为可理解可执行的步骤,它所带来的回报也是明显的:减少了培训和客户服务上的成本。

降低用户决策所需的负担

许多操作和决策是需要专业知识支撑的,但是向导程序很好的解决这个问题,帮用户合理的规避了这些障碍。用户只需要按照预设的路径一步步完成整个初始化过程:“不要让我想,只需要告诉我下一步要怎么做。”

什么时候需要向导程序

向导程序可以在下面情况下发挥作用:

1、用户想要达成一个需要多个步骤才能完成的目标

你正在设计的UI牵涉到一个超长的任务或者是一个无法直接简化流程的任务,而向导程序能够让这个任务的复杂性看起来降低了,而可行性和易用性提高了。

2、用户必须按照特定的顺序来完成的任务

对于必须按照特定顺序来执行的任务,是需要学习的,而向导程序能够降低学习曲线,同时,细分的流程让用户不会错过重要的步骤,降低出错的机率。

向导程序不适用的情况

向导程序肯定不是万能的,甚至可以说它是需要谨慎使用的。将任务分解成小步骤,并不是每次都能给人带来良好的体验:

1、当任务本身并不复杂的时候

当一个任务只需要一个简单的表单,或者点击几下按钮就能完成的话,那么它并不需要使用向导程序来引导用户。

2、当用户本身就是进阶用户之时

向导程序通常会将复杂的问题简化来处理,但是这种解决方案并不能应对所有的用户需求。对于进阶用户,或者说重度用户而言,向导程序常常会显得僵化,他们会觉得受限。向导程序是用来帮助用户的,但是重度用户所追求的自由和定制性常常无法从向导程序中获得。对于创意工作者和程序员而言,尤其是如此。

小贴士:最好是在向导程序以外提供额外的选项。

3、当你想要指引用户的时候

不要使用向导程序来阐述概念。用户在向导过程中阅读大量的补充文本,他们会更加专注于任务本身。

向导程序最佳实践

当你在设计你的下一个产品的向导程序的时候,可以参考下面的最佳实践,来确保它的有效性:

尽可能少的设置步骤

向导程序的UI设计难度在于分割步骤的大小和数量之间的平衡。只有一两个步骤的向导程序根本没有存在的意义,而超过10个步骤的向导程序则会让人觉得过长。最理想的设计是将向导程序控制在3~5个步骤。之后,将你所设计的向导拿来做可用性测试,确保它能为用户所接受。

确保目标明确

在每个步骤当中,你需要让用户明白这个步骤的功能和存在的意义。同时,每个步骤当中,你应该给予用户足够的信息来确保他们能作出正确的决定。想要每个步骤都有明确的目标,这两个东西是关键:

·清晰而简洁的向导标签
·每个步骤都有简要的目的说明

反例:Homesite 这个网站在第一屏上并未对目标作出陈述,如果用户从其他的页面直接跳转过来,很难立刻弄明白要干啥。

移除不必要的界面元素

不必要的界面元素在用户完成任务的过程中,会分散他们的注意力。删除这些元素能够让用户更加专注。

你应该搞清楚向导程序的边界在哪里,这样才能确保用户明白何时完成。为了让你的向导程序更好的引导用户,你应该让它的这些功能有所体现:

·将步骤编号
·表明这些步骤推进的方向(从上到下还是从左到右)
·区分正在执行的步骤的和待完成的步骤
·指示已经成功完成的步骤
·完成之后给予用户以确认信息

反例:不要让每一个步骤都是孤立的,最好让它和前后步骤联系起来,让用户看到。

范例:清楚地在步骤旁边标上步骤数字,此外,从UI上体现所有步骤的概述。

提供良好的默认设定

默认值,或者说默认设定是非常有用的。无论你如何安排步骤,用户始终还是希望拥有控制权的,而默认值能给用户作为参考。比如程序的安装位置。

提供取消按钮

有的时候,由于种种原因用户决定放弃执行当前步骤,而取消按钮让用户在决定放弃的时候,有安全的退出路径。

每个步骤都能撤销

如果用户有新的想法,或者有新的主意,那么用户可能会撤销已完成的步骤,重新开始,修改数据,或者完全放弃。让用户可以回到上一个步骤,撤销已经执行的步骤,则能够重新开始引导,按照新的想法来重新设置。

提供摘要

在即将完成整个向导程序的时候,将用户完成过程中所执行的选择总结成为摘要,让用户可以在完成前确认所有的信息。

结语

设计一个良好的向导程序并不容易,你需要做出大量的规划,通过试错来验证设计。希望今天所列举出的最佳实践能够帮你完成向导程序的设计。

【这些最佳实践帮你在UI设计上更上一层楼】

  1. 《网页设计中,如何突破栅格的限制又保持协调?》
  2. 《帮你搞定长滚动网页的设计最佳实践》
  3. 《觉得自己学了假设计?真正的新用户引导应该这么设计》
  4. 《老生常谈!设计高素质的UI应该掌握这7个关键属性》
  5. 《这8个要点,能让你的网页首图抓住用户注意力》

原文地址:uxplanet
原文作者:Nick Babich
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/wizard-design-pattern

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 平面设计 设计趋势 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里