020-39991468

快捷导航

# 业务咨询
电 话:020-39991468

张经理 / 18665606093

Email / service@2000new.com

Wechat

扫一扫添加顾问

如何设计一个自己看不懂也不会做的网站指南界面?

来源:新际网络 发布时间:2021-04-07

  我们在使用App或者网站设计的时候,经常会遇到需要一步步完成的界面来引导我们完成某项任务。这个界面就是所谓的“引导界面”。


  在设计过程中,要不要使用向导界面?是否可以作为一个不美观界面的“补丁”?看完这篇文章,你就知道答案了。


  1.什么是开机界面?


  在开机界面,用户会遇到一系列的步骤或情况。如果这些步骤或条件没有完成,他们将无法完成任务(如开始使用产品)。


  这种模式最早出现在线下——,比如大家熟知的支持各种家电的纸质说明书。直到最近几十年才在网上使用(比如软件安装向导界面)。


  传统的桌面软件应用程序或硬件安装都有上图中的设置和指导界面。开机界面越来越普及,要从Windows  95开始。


  引导界面具有以下优点:


  1.简化任务


  把一个复杂的任务拆分成有序的任务流,你会发现之前的复杂任务并没有那么复杂。


  很多人觉得开机界面比较麻烦,但是在开机界面普及之前,我们需要自己复制文件,编辑配置文件,设置控制目录,最后检查软件是否能正常运行。


  但是引导界面出现后,上面提到的复杂条件就转化成了简单易懂的步骤。引导界面效果明显。——的技术支持成本和培训成本大大降低。


  2.减轻决策负担,让人轻松愉快


  在缺乏必要的背景知识的情况下,引导界面的优势就显现出来了。从此就很容易完成任务:人们只需要遵循预先设计好的需要一步一步完成的路径。


  我不会给你时间思考。我会告诉你下一步做什么。超级简单。


  2.开机界面什么时候适合用?


  引导界面在以下情况下特别有用:


  1.人们想要完成一个多步骤的任务


  如果你在设计一个任务界面,它的步骤其实是多的,复杂的,无法简化的。通过引导界面,可以让看似复杂的任务变得更加容易。同时整个过程会很清晰。


  2.人们必须按照特定的顺序完成任务


  在这种情况下,通过降低学习曲线,引导界面可以帮助人们完成一项任务。如果要求任务按部就班的完成,人就不太可能漏掉重要的环节,从而降低出错率。


  脸书通过引导界面来设置应用程序。它可以确保所有步骤按正确的顺序完成。


  3.有时指南界面是无用的


  使用这种模式时要小心。将一个任务分成多个步骤并不意味着它可以提供更友好的用户体验。例如:1.任务本身并不复杂


  如果非要用引导界面,说明任务真的很复杂。如果能简化任务,比如简单的表单或者几个按钮点击就能完成的事情,指导界面意义不大。


  2.人太高端了


  即使对于复杂的任务,加入向导界面也不是设计最佳用户界面的唯一途径。令很多高级用户沮丧的是,导航界面非常死板,有很多限制。很多人不知道每一步到底代表了什么,不知道每一步完成后会有什么变化。


  所以说引导界面是在“帮助”我们解决已经知道该怎么做的事情也就不足为奇了。这更适合支持独立创作(比如做美术或者写代码)的软件。


  提示:我们应该让人们选择他们想要完成任务的方式。比如在Dropbox的安装界面,我们可以自由选择不同的设置类型。如果选择高级模式,人们可以自定义软件的安装路径、同步盘的位置等等。


  3.当你想告诉别人信息的时候,


  不要通过引导界面呈现概念。人们在操作指南界面时,很少阅读辅助文字。他们关心的只是完成核心任务。


  四.指导界面的最佳实践


  在设计下一个引导接口时,您可能需要注意以下几点,否则可能会浪费:


  1.尽量减少安装步骤


  设计一个指南界面最困难的部分是在单个界面的内容和界面总数之间找到一个平衡。如果开机界面只有2步,有点搞笑,但是10步的开机界面太多了。


  理想情况下,引导界面应该只有3到5个步骤。最好提前进行可用性测试,确保引导界面的步骤数在可接受的范围内。


  2.确保指南界面的目的明确


  在向导界面的每一步,人们都需要清楚地知道界面的目的。指导界面应该为您提供足够的信息来帮助您做出决策。如果目的模糊,人感觉不到方向。基于此,有两个方面值得注意:


  第一步,简单明确目的。


  每个环节的标签都要非常清晰明了。


  反向演示:在Homesite家庭保险网站上,其开机界面首页没有明确标明安装目的。如果用户通过其他网站的链接跳转到这个页面,我猜他们会看起来很震惊。


  3.移除冗余接口元素


  额外的链接和内容往往会分散用户的注意力。通过移除这些元素,用户可以专注于任务本身,并增加成功完成任务的概率。4.明确显示进度


  有了明确的进度信息,人们就可以知道任务何时可以完成。要设计非常友好的引导界面,不要忽略以下几点:


  依次标记每一步


  显示任务流的方向(通常是从左到右,或从上到下)


  突出显示当前步骤并显示剩余步骤的数量


  完成某个步骤后,嵌入该步骤已成功完成的提示


  最后一步完成后的相关提示


  反向演示:在上面的例子中,每一步都是一个没有上下文的独立界面,用户无法确认前面的信息,也无法预测后面的信息。


  在步骤名称的右边,清楚地显示步骤数。此外,界面顶部还显示了整个步骤的流程。原始资料来源:Raj  Shrestha


  5.添加“取消”按钮


  有时候进入引导界面后,人们会因为各种原因而决定退出。为了防止想退出又找不到“出路”的用户发疯,只需在界面上添加“取消”按钮即可。


  6.每一步都可以取消


  给用户一条出路,在每一步界面中添加撤销功能。如果人们可以重复前面的步骤,修改之前输入的信息,他们会非常高兴。


  不然你得让他们从头再来。不过话说回来,如果只是因为一个小小的改变,那就真的死定了。


  7.对所选项目进行审核,以便人们再次确认


  建议在指南界面的最后提供整个流程的选择项,方便你复习。这使他们可以再次确认他们已经输入了信息,这样他们就可以放心地按下“完成”按钮。


  总结


  虽然导游界面要设计的通俗易懂,但是设计师和开发者都知道背后的道理:设计一个好的导游界面并不容易。


  除了一系列的规划、实验和重新修改,整个设计过程可能会出现意想不到的问题。通过这篇文章,希望能帮助你设计出更好的导游界面。


联系我们
  1. 咨询电话 咨询电话

    业务咨询:

    020-39991468

    服务监督:

    郭经理 18620727292
  2. 联络邮箱 联络邮箱

    业务邮箱

    service@2000new.com

    招聘邮箱

    hr@2000new.com
  3. 新际网络公司总部地址 总部中心
    广州市番禺区万博奥园国际中心2座1919室
  4. 新际网络 微信客服 微信沟通
    售前顾问

    扫一扫加售前顾问

返回顶部

电话咨询

在线咨询

留言预约

*新际020中心将尽快与您联系