关于移动应用的新手引导设计

   简短,聚焦

  无论何时都不能期望用户在使用应用之前乐于阅读说明性质的内容。人们打开应用不是为了花时间学习怎样使用UI,而是为了在最短的时间内以最小的成本解决他们手头的问题。其实这也是个悖论,因为一旦学会更有效率的使用UI,用户倒是可以为自己节省更多的时间。我们都知道,Web用户不愿阅读文字的习惯是出了名的,而移动用户在这方面则有过之而无不及,因为在移动情境中,人机会话时间更加有限,注意力更容易分散。

  即便你的用户愿意去阅读那些说明,一下子看到太多内容也会加重其认知负荷。由于用户无法在阅读浮层上的说明内容的同时进行实际操作,所以他们必须首先将说明内容记忆下来,然后再投入实用。而人类的短期记忆难以保存太多的内容,信息在20秒左右的时间内就会开始被遗忘。因此,相比于在一个浮层上一次性展示UI当中每个地方的说明,不如一次聚焦在一两个上面。


  Morningstar的iPad应用:一个浮层上展示了太多的UI说明。其实这里的一些UI元素是具有不错的自解释性的(例如点击文章标题阅读全文),完全没必要一股脑都塞给用户。

  减少说明的焦点可以使用户将注意力放在最重要的说明上。一次展示的说明越少,用户越有可能去阅读并记忆下来。另外,这种方式也更具有引导作用,人们会更加乐于模仿说明中的指示来尝试着进行操作,以确保自己的理解是正确的。


  Youtube的安卓应用:只会在使用过程中的相关环节向用户展示对应的引导说明,而不是一上来就一股脑的抛出所有,管你用户记住没记住。一次一个焦点,直接引导用户尝试操作,使其需要阅读和记忆的信息量尽可能的少。

  寻找正确的时机,为用户提供最重要的引导提示,一次一个,使他们更容易理解和掌握。

  避免一连串的提示

  有些时候,一个界面里会有多个功能点需要被讲解。然而通过一次一个的方式接二连三的蹦出浮层进行说明,则会使用户更加不耐烦的关掉这些说明,而不管它们是不是真的有用。你可以想象每个用户都有一个小容器用来盛放引导提示内容——那一定是喝威士忌的小杯,而不是一扎一扎喝啤酒的大杯——你不能给用户灌的太多,也不能灌的太快。

  接连不断的展示引导信息不仅会产生短期记忆方面的问题,而且会让新用户觉得你的应用过于复杂,望而生畏。记住,在实际当中,这样的初体验足以使他们关掉你的应用,然后去寻找其他的替换方案。


  iPad上的Makr应用:用户每到一个新区域,都会收到一系列的引导提示。提示内容太过文字化,而且在用户实际使用之前就讲到了太多关于多步骤流程的操作方法。用户无法边学边做,在与实际UI进行交互之前只能强行记忆那些操作步骤。而且没有任何标识能够让用户知道接下来还有多少提示需要看;整个学习过程令人非常反感,如果这也能叫做学习。

  Makr带来了一连串的提示,而且由于内容太过文字化,如果用户快速的略过,便真的无法得到任何有用的信息,然后在面对实际工作界面时将完全无所适从。此外,虽然每条提示都是气泡的形式,且有明确的箭头指向对应的说明对象,但在说明内容当中却会提到其他的UI元素,非常焦虑。

  尽量使用图形元素

  使用图文并茂的形式,而不只是干巴巴的文字,这将能使用户在最短的时间里对信息产生大致的了解。

  对于前面提到的多步骤说明,可以尝试将每一步内容浓缩为“恰当的图形元素+简短的文字”,并整合到一个展示层面上;这种方式即有利于用户阅读,也可以使多步骤的流程更直观、易懂、易记忆。

  下面是我们做的Makr重设计建议方案。三步的操作流程被放在一起,通过图文并茂的形式展示出来。通过统一的标题“定制化你的模板”,用户立刻就可以了解这个会话是关于什么的,而下面的三个步骤说明让他们可以很快了解到怎样完成这件事情。


  当然,这并非完美的重设计方案,因为用户仍然需要在实际上手之前将这些内容记下来先,但相比于之前的版本,它至少是更易读易理解的。当你觉得有必要通过一系列提示来告诉用户怎样完成某种复杂的多步骤操作时,不妨考虑这类替代方案。

  不要和实际界面混淆

  必须使引导提示在外观上与实际界面元素有着明确的区分,否则引导提示就是在干扰实际界面,用户也会迷茫,甚至会把教学内容当做功能界面,试着与其交互。

  在我们最近做的关于平板设备可用性的研究当中,我们发现,用户在使用Wimbledon应用的时候总是在试着点击教学内容当中那些地标图标。他们的引导提示做的太精细、太像周围的实际UI了,人们根本没意识到这里是不可交互的教学内容。


  要使提示内容与普通的界面元素区分开来,最简单的方式是使用不同的字体。我们通常可以见到很多手写字体风格的提示,确实可以与实际UI当中的文字产生鲜明的对比。

  来看个反例。在Ness的iPhone应用中,引导提示和某动作菜单都使用了相同的字体风格,这很容易给用户带来迷茫,难以判断那些是帮助文字,哪些是可交互的元素。


  小结

  在设计移动应用的新手引导时,一个重要的原则就是尽可能的保持简短。聚焦于当前界面中最主要的交互任务,以图文并茂的方式提供最易扫描的说明内容,避免一连串的提示。同时,还要确保你的提示内容不会与应用的实际UI混淆在一起。

时间: 2024-08-01 11:29:56

关于移动应用的新手引导设计的相关文章

游戏新手引导设计(中)

上一篇游戏新手引导设计(上)我们介绍了如何通过分析产品特点和目标用户的能力来对新手引导的内容进行"瘦身",这次我们就来探讨一下如何将瘦身过的内容准确的传递给用户,并且在引导过程中激发用户的参与热情,即:从引导时机.提示样式.分级开放和创造需求,四个方面分享一下如何设计新手引导的形式. 一.引导时机-在有需求时引导 玩过游戏的人都知道,游戏里的新手引导分为强制引导和情景引导两种,强制引导是指用户在进入游戏时无法跳过的引导方法,而情景引导则是当用户使用某些功能时出现的引导.很多人都喜欢情景

游戏新手引导设计:新手引导标准与检查方法(下)

前面我们分享了游戏新手引导的设计经验 -- 游戏新手引导设计(上).游戏新手引导设计(中),这次我想和大家分享一下新手引导的检查方法.说起检查方法,就要从检查标准谈起. 一. 评价新手引导的标准 游戏新手引导的设计目的是通过帮助用户掌握游戏玩法,从而提高留存率.由于留存率一直以来都是一个包含众多因素,剪不断理还乱的事情,因此想用它去检查新手引导确实有些难度.既然新手引导实现提升留存的手段是帮助用户掌握游戏玩法,所以只要用户掌握了游戏玩法,也可以说是实现了新手引导的设计目的.基于这种理念,我们可以

游戏新手引导设计(上)

在游戏市场中,游戏产品琳琅满目,特色玩法五花八门,但新手引导却千篇一律.枯燥的引导大幅的降低了用户体验,导致用户留存率的下降,因此如何 把填鸭式的教学变得新颖有趣,如何把冗长的引导时间变得短小精湛,也是游戏交互设计的探索方向.通过对现有一些游戏的体验,我总结了一点设计新手引导的思 路,希望对大家有所帮助. 如何提高新手引导的引导效率,那就要从引导内容入手,因为我们可以通过优化引导内容来提高引导效率. 一.从产品功能角度分析引导内容 需要引导的内容可以分为两大类:玩家必须掌握的基本技能和吸引玩家的

案例学习 – 关于VSCO Cam的可用性测试

Visual Supply公司出品的VSCO Cam是一款时尚并强大的移动端照片处理应用,无论在App Store还是Google Play都有着4.5星的优异战绩.VSCO有一大批忠实的用户群,而且他们的Grid(应用内置与在线的照片流)当中有着很多我所见过的最美的照片.在2014年5月,他们成功融得4000万美元的投资. 可用性测试的目标 通过6个基本任务识别出VSCO当中的可用性问题及痛点.其中的3个任务直接来源于App Store的小编所撰写的简述: Visual Supply公司的这款

重新思考移动应用的新手教学模式

今天的译文来自Theresa Neil,也就是<移动应用UI设计模式>(O'Reilly大公鸡)一书的作者:本文所讨论的话题也是从这本书延展出来的:作者在实战中运用自己书中归纳出的设计模式,遇到问题,继而开始重新思考-接下来进入译文. 对于设计师来说,设计模式库是很棒的灵感来源,不过常见的实践方式未必是最好的.本文中,我们将一起看一看为什么很多移动应用的新手教学模式并非那么有效,以及我们可以从游戏设计当中汲取到哪些理念来帮助我们选择更加有效的设计模式. 我们的<移动应用UI设计模式>

2015移动设计:怎么设计移动应用的新手引导更好?

  鉴于这些往往是用户进行交互的第一组屏幕,他们还设置了用户的应用程序的预期.因此 ,在其中起着至关重要的是那些参与开发APP的人--产品经理.设计师.开发人员--会花时间评估APP的引导页面是否必要,如果是必要的,那么就要很好的实现它. 在这篇文章中,我们将提供一些好的建议以及资源,常见的设计方法来帮助你提升新手引导页面的用户体验. •是否要提供引导页面 •近年来,我们看到很多讨论引导页面在移动应用的有效性.对引导页面一个流行的讨论是,应用程序是否需要?是否存在根本性的缺陷?是否具备简单和用户

移动界面设计技巧:引导页设计技巧总结

文章描述:引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助.在移动互联网的产品的设计中,新手引导的设计则是在用户初次使用该移动产品时,给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体操作方式.为了完成不 前言: 引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助.在移动互联网的产品的设计中,新手引导的设计则是在用户初次使用该移动产品时,给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体

在手机产品的设计:引导用户帮助用户快速熟悉产品

文章描述:用户引导的直接目标是帮助用户更好的使用产品,终极目标是提升用户满意度.虽然,大多数情况下,我们可以通过合理的设计,尽可能的简化功能,让用户无需引导和帮助,就可以完成必要的任务.但是实际上,手机产品的限制和对强大功能的追求,导致这个目标很难达到,因此越 在手机产品的设计过程中,由于手机界面的承载能力有限,产品功能的不断膨胀,必须要在用户打开应用之后告知他某些新奇的功能,引导他完成某些主要任务流程,让用户不至于迷失在陌生应用中不知所措.帮助用户快速掌握应用的使用方法,体验到应用的乐趣,新手

用户体验设计:浅谈引导用户设计的问题

文章描述:如果说传统媒体最差的用户体验是用户不知道"它是什么",那么互联网最差的用户体验就是用户不知道 "该做什么". 引言 作为163免费邮wap版的交互设计师,每天会收到很多用户反馈,其中一些用户反映:不知如何修改邮箱密码:在写邮件页面找不到"发送"按钮:甚至不知道登录邮箱要填写的用户名是指什么--一些看似简单的操作,对于用户来讲都有可能造成困扰,产生"挫败感".而对于一个新产品/新功能而言,用户将要花费比上述情况更多的学