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

相关推荐

  • 从Web到移动应用的设计思维转换

    标签:移动应用、移动互联网、UI、产品设计、Web应用、视觉设计 【编者按】本文作者@刘津legene 随着移动互联网的快速发展,很多Web产品经理、设计师转而投身至移动应用领域。看起来非常相关的工作,却可能给他们带…

    2014-11-26
  • 交互体验设计的新思路——聊天机器人(Chatbot)

    本文作者将阐述了他眼中聊天机器人的优势所在。用户将更多的时间放在通信app中(比如微信),而不是社交app中(比如微博)。通信app逐渐变成一个平台,聊天机器人的介入则帮助聊天用户触达更多的服务。

    2017-04-30
  • 请记住,视觉设计远不止“好看”这么简单

    设计师和理发师其实有点像,理发师基本分为三种:一种是只会搞基础发型的,比如寸头、中规中矩的长发、老太太卷头等;一种是只会剪流行发型的(这种发型师还很容易 摇身一变成为造型大师,告诉你你应该改变,应该剪目前最流行的某款发型,但实际上可能是他只擅长这款发型);还有一种是最可遇不可求的,他根据你的脸型、 性格等,用最简单的手法量身设计发型,让顾客的气质度立刻得到提升。

    2017-06-03
  • 登录表单的那些事儿

     雅婵总结并供稿于我是UE网,转载请注明来自我是UE网。

    2015-06-12
  • 产品原型设计之交互体验的思考过程(二)

    接着上一篇《产品原型设计之交互体验的思考过程(一)》,这篇主要针对微记第二版的原型设计调整的思考过程作一下详细的说明。

    2017-05-23
  • 千万级用户的视频体验,我们是这么做的

    如今app的更新迭代速度很快,因此无论在视觉审美还是交互功能上都有新的趋势和风格。乐视视频原有的ui设计风格已经无法跟上目标客户群的审美变化,且在功能上较难满足用户预期,因此需要在整体视觉和产品功能上进行相应的美化和完善,使我们的视频产品无论从视觉还是功能上都能够在给予老用户新鲜感的同时吸引更多的目标用户。

    2017-05-26
  • 一次关于梦想、音乐和代码的交互设计体验

    ▲ Arcade Fire··[Way to Go] 这是树林里的一次漫步, 这是一次惊人的互动体验。 一个不安分的全景, 一次手工制作动画, 用360度视频(精选)拍摄, 混合着音乐、梦想、还有…

    2017-08-02
  • 干货分享 | 交互领域不可不知的设计法则

    本文转载自“熊猫设计院(ID:MUXDesign)”,已获得作者授权,未经许可禁止转载。前言:交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用。01希克定律(Hick’s Law )简介希克定律指的是:一个人面临的选择...

    2018-04-08
  • 用户体验如何做到既简洁又安全?

    无可否认,这是最好的时代。移动支付如火如荼,人人只靠一部手机就能轻松走天下。但许多智能应用还没有跟上便捷的潮流,依然存在许多令用户抓狂的细节。比如当年春运抢票,逼死人的图形验证码让多少人大喊崩溃?还有,各种移动App那左等右等都等不到的短信验证码,也足以让用户“知难而退”。尤其是近些年来,随着手机取代钱包成为新一代支付手段,短信验证被大规模使用,注册APP或者付款,都绕不过短信验证这一关,但短信验证要耗时等待,还要手动输入,非常麻烦。许...

    2018-01-30
  • 【软件安装】Axure RP 7.0软件图文安装教程

    1、会员覆盖工作、学习、生活娱乐,并不断更新更多有价值的精品软件2、安装中有任何问题请咨询小白资料网私人微信:xbzw88888888【特别推荐】加小白官方微信:xbzw88888888,就可免费领取:快速入门自学视频课程Axure RP 7.0软件图文安装教程软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的...

    2018-03-13