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

相关推荐

  • Axure原型管理与展示

    因为墨刀是自带生成分享链接以及分享二维码功能,这里主要写关于Axure的原型管理与展示。AxureShareAxureShare是Axure RP官方的免费原型托管网站,可以直接在Axure中共享发布。发布后Axure的源文件也会保存在官网的地址中,在其中还可以设置访问密码。But, 这么好用为什么用的人少呢?因为访问的时候,会慢的你心碎。2. 产品大牛产品大牛是济南公司开发的产品托管网站,解决了Axureshare连接速度慢,访问体验...

    2018-03-24
  • 专业干货!一个特别好用的搜索框必须考虑的五个方面

    编者按:今天@励定洲 这篇译文开门见山,从搜索框的可见性、范围搜索、局部搜索、高级搜索以及输入五个方面聊聊如何设计出一个特别好用的搜索功能,内附大量实例(想知道谷歌搜索有哪个交互不好吗),结合实践,深入浅出,帮你掌握在线搜索的这五个方面。

    2017-06-02
  • 【CIO说】花椒直播韩三普:用户体验与核心技术才是硬实力

    本期推荐韩  三  普花 椒 直 播 CTO社交直播作为一个年轻的行业,”高富帅”表现出的强大增长和吸金实力虽让业外人士倍感羡慕,然而作为一个严重依赖技术、用户体验要求极高的行业,流量等时代红利已经不能称其为门槛。如何打造平台差异化的竞争力?近日,花椒直播CTO韩三普接受了ENI经济和信息化网的采访,分享了花椒直播快速增长背后技术所提供的强大支持。并结合当下创新趋势,分享了直播在其中可发挥的作用。亮点提炼如何打造平台差异化的竞争力,以核...

    2018-04-26
  • Sketch常用插件介绍

    sketch大家应该都不陌生,在互联网设计尤其是UI设计相对于老牌PS,sketch提升了工作效率,改变了以往的工作模式,sketch的强大除了软件本身,另一个不可磨灭的功劳就是丰富的插件。今天给大家介绍几款常用的插件:一、Sketch Measure一键自动生成 HTML 页面,离线下检查所有设计细节,包括 CSS 样式。在线演示: http://utom.design/news/二、Craft帮你提高效率的自动填充神器a.文本自动填...

    2018-04-12
  • 作为UX设计师,你需要知道的52个专业术语

    “注意用户做什么,而不是他们说什么。”
    ——雅各布 尼尔森“令你反感的客户是你最大的学习动力来源。”
    ——Bill Gates“想成长为设计师?花大部分时间考虑它的运作方式,而不是看起来如何。”
    ——乔希·帕克特

    2017-05-01
  • 【译文】作为新手,我该如何学习Web设计

    我现在对于网页开发一无所知,我应该学习什么能让我可以在六个月之内开发任何网站?无论是看书或者开展项目都可以。 简单引导: 学习基础知识.  看一本书,而不是文章 设计一些东西.  从一款很酷的设计工具开始,比…

    2016-08-04
  • 《交互设计专题二》——华南理工大学设计学院本科教学汇报展 • 第二回

    《交互设计专题二》《交互设计专题二》课程针对智能化产品设计领域,鼓励设计背景的学生学习基本的软硬件技术,发掘产品需求,提出设计概念,开展设计研究,并亲自动手完成功能样机。经过5周的课程,7组共27名学生,完成了7个不同主题的设计和初步的功能样机实现。《交互设计专题二》只是信息与交互设计实验班的初步尝试,在国内也鲜有既有模式可供借鉴,课程内容、教学方式、设计展开过程、样机实现以及最后的课程设计汇报,都有不成熟的地方。因此,诚邀大家前来参观...

    2018-02-21
  • 演示|一个交互设计师从接收需求到产出的过程

    从接收需求到产出?这过程中到底经历了什么?不妨来阅读本文作者的文字,一起来了解了解吧~【需求概述】
    商品,增加商品类型,分为普通、赠品两种。赠品可下单购买,也可根据订单金额及对应代理级别配赠率赠送。可按照代理级别,设置对应级别的配赠率。当代理下单购买普通类型或赠品类型商品,配赠条件满足时,在支付订单前提供选择赠品操作,代理可选择配赠金额范围内的任意赠品,也可不选择;选择赠品,并支付成功后,对应订单增加配赠商品信息。
    注:配赠金额=订单面价金额×对应等级配赠率。目标用户:某护肤品牌微商代理
    年龄:18-40占绝大多数
    性别:女性占98%
    职业:微商
    设备:iphone及以上
    场景描述:某天,代理a在清点仓库库存的时候,发现最近热销的某品牌商品库存都不多了,想着,到时候缺货会影响自己的销售及客户的满意度,暗想着,要再进些货才行,于是她对库存不足的商品进行了一下盘点,盘点完毕后,她拿出手机,将需要订货的商品一一加入购物车,加入完毕后,她核对了一下商品的金额,正准备点“支付“按钮进行付款,忽然看到付款按钮上方有一条提示,说”还差500元就可获得免费赠品“,她心一动,反正要买,只要加500块钱,就能免费获得赠品,有何不可?于是她当即便在某一商品下面增加了数量,满额后,提示文字就变成了”可获得免费赠品“,确认金额后,她立即点了支付按钮,来到确认订单的页面,快速浏览了一下自己的收获地址及信息,便赶紧看获得什么样的赠品,果然,在支付的上方又看到了配赠说明的提示,提示我”选择赠品“(这里说明一下,之所以将提示语都放在同一位置,是为了让前面界面的视觉路径在同一水平点上,使页面结构更整洁),点击进入”选择赠品“界面,参照页面给出的赠品金额提示,选择了想要的赠品,由于选择的赠品太多,从上下拉到下浏览起来效率太低,于是她又点击了按钮”已选赠品“进行复核了一遍,确定完毕后,回到确认下单的页面,便满意的点击了”支付“按钮,发现金额与未选赠品前的金额一致,便放心的提交了订单,订单支付完毕后,引导代理来到了订单列表页面,上面还特意标明了”含赠品“字样提示,a点击进去再次看了一下所购的商品及赠品,准确无误会,抱着愉悦的心情关闭了应用与手机。
    ”1、商品列表及商品详情,赠品类型的商品须显示对应图标;
    2、赠品类型商品同普通商品一样可正常下单购买;
    3、购物车,根据代理当前所选商品的总面价金额及当前代理对应配赠率,如果配赠金额不为0,则显示相应配赠金额及提示信息(若当前配赠金额暂不足以购买系统当前上架的任意赠品,则显示提示信息:“还差××就可获得免费赠品”;若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则显示提示信息“可获得免费赠品”);如果配赠金额为0,则不显示相应配赠金额及提示信息。
    4、确认订单界面,若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则提供选择赠品操作项。未选择赠品时,操作项显示配赠金额、及“选择赠品”文案。已选择赠品时,若配赠金额-已选择赠品的总面价>0,操作项显示“已选择××元赠品,还可选择××元”;若配赠金额-已选择赠品的总面价=0,操作项显示“已选择赠品”。点击操作项进入选择赠品列表。
    若当前配赠金额暂不足以购买系统当前上架的任意赠品,则不提供选择赠品操作项;
    5、选择赠品列表,列表显示当前配赠金额可购买的所有已上架的且库存不为0的赠品类型商品,用户可点击选择,也可取消选择,当前选择的赠品总面价金额=配赠金额时,不可再继续选择更多(若再点击选择赠品,则提示“不能再选择更多了”);提供显示选择提示信息“还可选择××元赠品”(××为配赠金额-已选配赠商品总面价)、“查看已选赠品”操作、“确认”操作。
    点击“查看已选赠品操作”,可弹出浮框列表显示当前已选择的赠品信息。浮框提供关闭按钮,可点击关闭浮框;
    点击“确认”操作,确认当前已选择的赠品信息,返回确认订单界面。
    6、个人中心,增加显示当前代理的配赠率信息。
    7、订单列表,若对应订单含有配赠商品信息(注:如果只是正常下单购买的赠品类型的商品,则同普通商品订单。此处指的是确认订单时根据配赠金额范围免费选择的配赠商品),则显示“含免费赠品”标签;
    8、订单详情,若对应订单还有配赠商品信息(同7),则列表显示用户选择的免费获赠的商品信息(注:正常下单购买的赠品类型商品,显示在同普通商品位置。这里只显示确认订单时选择的免费配赠商品),并显示总的免费配赠金额信息。

    2017-05-07
  • 两个交互设计鸿沟-评估与执行

    译者 / 熊猫小生校对 / 不器作者 /Kathryn Whitenton前言:通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑...

    2018-03-28
  • 设计干货推荐|四类弹框的四大设计准则

    弹框是交互设计中非常重要的一个点,这类设计不仅考验交互设计师的综合能力,也能从产品看出整个团队的整体水平如何。这就是一个细节,但是细节往往决定成败。

    2017-05-21