10个步骤,了解新手入门过程的设计原则

新手入门是每个应用程序最重要的元素之一。很多时候,它的难易程度决定了用户是否会继续使用应用程序。在用户界面上,新手入门不仅仅是简单的5个介绍软件的页面或说明性的工具提示内容。下面我会使用最有趣的例子来描述新手入门过程的设计原则。


新手入门是每个应用程序最重要的元素之一。很多时候,它的难易程度决定了用户是否会继续使用应用程序。在用户界面上,新手入门不仅仅是简单的5个介绍软件的页面或说明性的工具提示内容。下面我会使用最有趣的例子来描述新手入门过程的设计原则。

10个步骤,了解新手入门过程的设计原则

1. 关注用户目标

10个步骤,了解新手入门过程的设计原则

我们从一个简单的问题开始:我们用户的主要目标是什么?为什么他们使用我们的应用程序?(例如:Whatsapp的目的是将用户与他们的朋友连接起来。)用户为了实现自己的目标,他们通常需要完成一些额外的、无关的任务(这里指新手引导),甚至会导致我们远离真正的目标。所以,这些入门步骤应限制在最低限度以内。

2. 创建旅客地图

10个步骤,了解新手入门过程的设计原则

接下来是创建一个用户实现目标必须采取的路径。这里要专注于“首次打开应用”、“创建配置文件”或“选择您的第一个联系人”等关键时刻,以及最后一步且是最重要的一步——用户实现其目标的时刻。

10个步骤,了解新手入门过程的设计原则

乐高的飞行体验路径

10个步骤,了解新手入门过程的设计原则

Jessica Tien的手机采购体验路径

3. 剔除无用的内容

10个步骤,了解新手入门过程的设计原则

每个步骤,都应将用户的输入成本降至最低,并详细解释为什么需要那些必填信息。除此以外其他一切内容都应该可以在之后展现。在这一步中,我们只应关注用户目标,只要用户完成入门就能返回到应用程序。用户的目标不是在其个人资料中添加头像,或填写其位置或创建个人资料等等。

尽可能晚一些让用户创建账户,注册通常只是为了能将我们已有的数据链接到配置文件,并使其在各种设备中同步使用。但是为什么用户需要创建一个空白的帐户呢?(一开始本身就没有数据不需要配置不需要同步)

10个步骤,了解新手入门过程的设计原则

Appear.in 允许用户直接进入视频通话,没有任何障碍(如不得不注册或选择一个名称)

头像、位置、身高等详细信息在新手入门时并不重要。也许这些信息可能是有用的,但在用户初次使用时它们没有必要占据一个重要任务环节。

4. 逐一介绍功能

10个步骤,了解新手入门过程的设计原则

大多数时候用户专注于一个功能,但如果我们想要介绍更多功能该怎么办?让我们来看看Medium应用:我们的主要目标是阅读文章,但另一方面Medium也允许我们去撰写文章,我们不想向仅对消费内容感兴趣的用户解释如何撰写文章。在这种情况下,我们应该创建一个应用规则——定义出我们正在面对的用户对象,并给出恰当的指示。

10个步骤,了解新手入门过程的设计原则

Medium只有在您尝试撰写文章时才会介绍书写功能。

10个步骤,了解新手入门过程的设计原则

Youtube仅在专用标签中引入直播流功能。

5. 提供交互性

10个步骤,了解新手入门过程的设计原则

我看到过太多的新手入门完全脱离应用程序本身的案例。静态文本是介绍功能和解释我们应用规则最不吸引人的方式。相反,我们要尝试利用应用程序的机制本身,使用已设计好的界面解决方案会是一个好方法。

10个步骤,了解新手入门过程的设计原则

Slack使用其机器人功能来介绍应用功能并自动填入个人信息。

10个步骤,了解新手入门过程的设计原则

Trello以简单的方式使用卡片介绍功能

6. 解释你为何需要它

10个步骤,了解新手入门过程的设计原则

没有人喜欢浪费时间填写长表单和阅读入门指示,不幸的是,在某些情况下这些是不可避免的。为了缓解用户的抵触情绪,我们需要让用户知道哪些明确信息是必填的,一个好的解释将能够降低用户直接关闭该应用程序的可能性。

10个步骤,了解新手入门过程的设计原则

GetResponse清楚地展示了输入的文本是用于什么。

10个步骤,了解新手入门过程的设计原则

Apple有清楚的信息告知用户为什么生日信息是重要的。

7. 允许用户直接体验

10个步骤,了解新手入门过程的设计原则

不要强迫任何东西,有些用户喜欢自己探索,应确保总是有一个“跳过”按钮可见。这样能让探索型用户玩得开心,同时也有助于已经知道此应用程序的用户直接进入使用界面。

10个步骤,了解新手入门过程的设计原则

10个步骤,了解新手入门过程的设计原则

8. 为不同目标的用户量身定制新手入门

10个步骤,了解新手入门过程的设计原则

这一步是游戏设计师所熟知的,某些功能专属于高级用户,应该只展示给他们(这并不意味着它们不能被其他所有人使用)。因此,用户将有一个不太陡峭的、更长的学习曲线,不会受可选展示的内容影响。

10个步骤,了解新手入门过程的设计原则

Evernote通过简单地询问用户来识别用户目标。

9. 利用空白页面

10个步骤,了解新手入门过程的设计原则

如果应用程序以空白的方式开始,可以尝试使用它来帮助用户了解你的工具。一个好的建议是展示受大众用户欢迎的内容或创建一些样本数据。

10个步骤,了解新手入门过程的设计原则

10个步骤,了解新手入门过程的设计原则

10. 与用户1对1地对话

10个步骤,了解新手入门过程的设计原则

最后但并非最不重要的:与您的用户谈话!经常谈话。没有比1对1对话更好的信息来源方式。你会惊讶于他们如何使用你的应用程序,以及在应用程序中他们的问题有多么不同。

总结

做新手入门是一件困难且微妙的事情,请花点时间尝试我文章中描述的原则,并确保考虑用户。你发现的很多问题也许难以解决,但是可以继续努力获得更好的产品体验!迭代中修复问题是每个设计过程的必经环节。每一个阶段你都会看到改进,这是我们做产品最大的动机。

 

来源:优设网

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22840/

(0)
CatherineCatherine
上一篇 2017-05-03 04:25
下一篇 2017-05-03 06:18

相关推荐

  • 【干货知识】最全面的交互设计原则和理论汇总(上)

    【点击上方蓝字↑↑↑关注「艺恋优梦」获得每晚推送】文章包括:格式塔心理学原则、尼尔森可用性原则、尼尔森F视觉模型、Heuristic Evaluation十原则、费茨定律、席克定律、7+2法则、2秒原理、2/8法则、3次点击法则、界面黄金8法则、jakob nielson原则、KANO模型、0123简单法则、MVP法则、婴儿鸭综合症、包豪斯理念、泰思勒定律、防错原则、奥卡姆剃刀原理、maya法则、信噪比法则、序列效应、功能可见性原则、成...

    2018-04-16
  • 用户至上——何为用户体验

    在这边学习笔记中,主要将讲用户体验是什么、UCD的设计原则、设计原则在项目中的应用和市场、商业、用户不同需求的区分这四个方面。第一:何为用户体验用户体验设计协会将用户体验定义为“用户与产品、服务和系统交互过程中感知到的全部要素。用户体验设计包含构成界面的全部要素,例如页面布局、视觉设计、文字、品牌、声音和交互等。可用性工程协调各个要素之间的关系,并为用户提供最佳的交互体验。”另一个虽然可能不是最佳答案,但是简单有效的回答——就是让技术变...

    2018-04-24
  • 设计师们,停止不必要的UI动效设计吧!

    这篇短文将会探讨UI设计中动画的过度使用,并将其与早期的视觉设计进行对比,提出一些对于有效的GUI动效设计的建议。我们将在下文中,简单探讨如何改善下面的这个交互。

    2017-05-14
  • 【译文】用户体验部门的领导者需要读什么?

    Ivan Boyko的观点 其实有大量的书单可以让我们使用,但是这里我只推荐2个博客和2本书 Blog 1. NNgroup ,我最喜欢的博客。 Writing for Web series这篇文章是必读的。除此之外,他还有大量的资料:手机可用性研究,…

    2016-08-04
  • 在设计过程中,设计师如何输出一个更落地的动效呢?

    优秀的动效设计更能让用户从中感到惊喜,让用户感受到产品的温度和调性。

    2017-05-05
  • iOS和Android规范解析——按钮

    今天介绍的是按钮。按钮是设计的过程中,经常使用的一种控件。我们来看看Google的Material Design和苹果的设计规范都是怎么说的。

    2017-04-28
  • Axure案例-联想输入提示,Axure中继器的使用

    点击右面下载:axure-case-https://www.iamue.com 不多说了,源文件分享,使用Axure打开编辑可以查看原理。 日安 转载的童鞋带上:木卫艾欧网-交互学堂》 Axure案例-联想输入提示,Axure中继器的使用 

    IxD案例 2015-02-04
  • 超全面!界面交互动效核心知识的分类与总结

    Echo  :这篇文章是基于我自己的理解对界面交互动效设计 进行了分类整理和总结。

    2017-09-13
  • Axure RP 8 入门手册 – 第6章(二)

    第5节检视功能-元件命名千语:楼叔,我才问一个问题,你就给我讲了这么多!好感动哦!小楼:嘿嘿,因为这个群里你最大嘛!千语:切!反正你也有空,顺便把元件的设置也给我讲讲吧!我看不管是元件的样式还是属性,都很复杂呢。小楼:您好!因为网络原因,您发送的消息是乱码。千语:还想等你给我讲完,发张我昨天泡温泉的照片给你呢!小楼:你看,其实这个元件设置也非常简单,你看在点中一个元件后,检视面板中就会呈现与该元件相关的设置……从上至下,首先看到的是元件...

    2018-04-22
  • 独家 | 马化腾:用户体验,比一切事情都大

    内容来源:2017年4月26日下午,“清华-青腾未来科技学堂”发布会在深圳举办,马化腾出席了发布会,并以创业者的身份与在场的青腾学员进行交流,分享腾讯的创业经验。笔记侠经主办方授权发布。责编| Even第1715篇深度好文:2825字 | 3 分钟阅读独家·精华笔记·商业思维本文新鲜度:★★★★+口感:绿茶笔记君邀您,先思考:1、战略选择的第一步是什么?2、怎么通过用户体验打动用户?3、如何从互联网跨界中找到大的商机或蓝海?我非常希望也...

    2018-02-01