基于移动终端界面的用户引导方法探索

方婷

摘 要：3G时代的来临让移动互联网超越了传统的互联网，更个性化的移动服务已经深入我们的生活，覆盖了吃穿住行等方方面面。我们每天都会投入大量的时间精力在手机应用上，与手机界面发生频繁的交互，但是复杂的功能和操作流程往往让用户望而生畏，没有正确的用户引导容易导致误操作而令用户产生挫败感。如今的手机应用功能和内容不断膨胀，产品变得越来越复杂难懂，怎么有效地引导用户了解产品功能，学习产品的使用操作是需要设计师思考的问题。

关键词：移动终端 手机应用 新手引导

一、用户引导的意义

对于一个全新的互联网产品，新手用户在尝试使用时都会经历一些共同的情感历程：他们会对新产品和新功能有一些好奇和茫然，希望能快速了解它的用途和使用方法。在尝试使用时会比较敏感、小心，容易受挫。使用之后会对产品建立初步的评判，产品用起来是否顺畅，是否简单易懂，能否快速完成任务。这些就是交互设计所追求的用户体验，当然，功能述求、界面美观度、系统性能等很多因素都会影响用户体验，但是影响用户第一感受的用户引导的作用同样不可小觑，而用户引导的设计目标就是让新手用户快速、无痛苦地成为产品的中间用户。

二、用户引导的范围

所谓用户引导一般针对初次使用产品或产品中某项功能的新手用户，为他们设计前一两次使用产品时的体验，是一种能够在较短时间内将产品品牌、功能、操作以简单易懂的方式传达给用户的方式。那么，用户引导包括哪些内容？究竟能帮助用户解决哪些方面的困惑呢？（一）品牌引导。对于一个全新的互联网产品，需要快速向用户传达产品的理念，形成关于其载体的良好印象，强化用户对产品及产品系列的认知程度。在用户初次接触产品时采用适当的用户引导，如在欢迎页使用品牌色，品牌的logo，品牌slogan等，通常由文字、标记、符号、图案和颜色等要素或这些要素的组合构成能够有效帮助用户了解产品的品牌理念。品牌引导也是产品使用前的热身，用户熟悉了产品氛围后开始循序渐进地对产品内容进行探索。（二）功能引导。全新的移动互联网产品在用户的意识里只是一个模糊概念，需要产品的主动引导和吸引，要想使用户对新的网络产品或一个全新的功能产生兴趣，则需要让用户在刚一接触产品的时候快速了解它是什么，能帮助解决什么问题，这就是对产品的功能引导。一般产品的功能按照重要程度可分为：核心功能和辅助功能。核心功能是产品的述求点，能够实现产品的主要用途，是具有代表性的、主推的特色功能。辅助功能是相对核心功能而言，其作用是帮助实现产品的核心功能。例如：微信的核心功能是语音对话，发送表情、换头像都是辅助功能。（三）操作引导。当一个新手用户来到你的应用中，开始探索界面并要完成某项任务时，他们想要马上进行一些简单的操作，这个过程中用户可能会遇到两种情况的迷惑，一是不知如何操作某项功能，二是根本就不知道某些功能的存在。所以产品应该提供一些简单的操作引导，鼓励用户主动探索和学习，帮助他们解决迷惑更快地投入到产品的使用中。产品应当尽量避免用户在众多的功能按键和操作入口中迷失而不知所措，如果用户感觉到无从下手，那么很可能感到挫败、焦躁甚至愤怒，然后退出应用彻底放弃对它的使用。

三、引导模式

（一）前置引导——将引导集中在欢迎页

欢迎页是一个特殊的表达空间，它存在于全新应用和迭代期应用中，当初次开启应用时以单页或多页的形式呈现，下次开启则消失不见。这个有限且短暂存在的空间却可以承载非常重要的信息，如果能充分利用可以让用户还没有正式进入产品界面时就在心中塑造对产品的良好形象。1.分页式引导。分页式引导从字面意思理解就是指将多个页面串联在一起组成一个完整的用户引导。该引导方式适合于产品要传达的内容相对独立的情况。在内容的编排有两种方式，一是提取内容点一一罗列，也就是对产品具有竞争力的亮点着重宣传，直白表达。如移动端新版支付宝的前置引导，用三屏分别简单介绍自助缴费服务、方便的收付款方式、账户二维码三个亮点功能。另一种内容编排是融入场景，像将故事一样委婉地向用户传达信息。情感渲染巧妙地将引导内容按照一定的逻辑组合在一起，循序渐进将用户带入某个氛围，旨在让用户对引导内容感同身受产生共鸣，然后静静等待用户点击“开始体验”那一刻。分页式导航有横向和竖向两种浏览方式，左右滑动屏幕浏览比较常见，用导航符引导页面（图1），上下滑动屏幕浏览方式更个性独特，在形式上更符合时间逻辑，往往需要明显的上下滑动指引（图2）。2.预置范例。利用产品本身的界面形态，预设一个典型的例子，让用户通过观察学习来了解产品有哪些功能，都是怎么用。这种引导方式要求产品界面本身美观具有创新性，案例典型具有视觉吸引力，满足这些条件才能让用户有立刻搭建界面的欲望。IM应用的兴起，特别是像语音助手、微信这样的语音对话应用的出现，越来越多的应用开始增加小秘书、XX客服、XX产品团队之类的官方账号用于用户引导。这种方式是一种预置范例引导形式，它把冷冰冰的机械引导变成了有血有肉的拟人化引导。（图3）

（二）过程中的引导——将引导拆分到使用过程中

这种引导方式并不是将引导内容一股脑堆砌在应用的前置页让用户阅读，而是用户在使用产品过程中边操作边给出提示，这些指引和帮助是实时的，出现机制可以选择第一时间出现，或在条件触发状态下出现，如需连续操作、失败、超时、推送/更新等不同状态下以不同的形式显示相应的引导内容。Josh Clark称这只模式为“just in time education”。1.任务演练。将引导拆分成多个步骤，“手把手”教会用户学会操作，有时也将某些必要设置项融入这个环节，完成引导的同时也完成了某些设置（图4）。2.聚焦提醒。通过界面中的半透明标注或tips聚焦用户视线，实现对界面具体功能和操作入口的指引与说明。在使用该引导方式时应当尽量避免遮挡界面中的重要信息，控制每屏标注提醒的数量和出现机制，减轻对用户的操作打扰（图5、6）。3.弱文引导。弱文引导是指通过文字辅助说明的方式为用户做出引导，常见于输入框，一种情况是弱文在输入框内，告知用户框内可输入的内容，当光标定位到输入框时，弱文消失（图7）。还有一种情况是在输入框旁出现精短的文字信息，对该输入框状态或限制做出说明（图8）。4.操作演示。用一段简单的动画把功能演示出来，这是一种具有趣味性，学习成本低且浅显易懂的手法。如Bump的启动画面为两个手机碰一碰的动画形式，告知用户像这样操作就可以近距离传输数据（如图9）；另一种动画引导形式是自动展示，首次启动应用时，隐藏于主界面后的次级界面先曝光在逐渐消失，提醒用户左右滑或上下滑可以看到相关功能。（图10）

（三）用户引导的设计建议

1.好的创意。大多数用户喜欢标新立异，追求个性化的东西，用户引导的设计也应该追求好的创意，带给用户惊喜，吸引他们探索更多内容。2.简单易学。由于手机屏幕可视化区域较小，能承载的信息有限，并且手机作为移动设备，它的使用环境非常复杂，使用时间碎片化，用户正忙着从这个应用切换到另一个应用中，常常不愿在引导页停留太长时间，甚至会跳过或忽略用户引导，所以用户引导的设计也应该考虑到用户操作手机的情景，去繁就简、言简意赅的向用户传达产品所要引导的内容。3.友好的引导文案。引导文案应当清醒易懂，并且具有描述性。别太过隐晦深奥，那样只会让用户摸不着头脑，分散注意力，使他们更加迷惑。要抓住他们实际的需求和痛点，友好的将表达产品述求。4.原谅用户出错。用户在不了解产品的时候最有可能在界面到处乱逛，因此产品需要提供一个安全的、可供探索的环境。考虑到用户初次使用存在误操作，用户引导内容可以做得更加细致和周到。

结语

移动互联网产品趋于同质化，未来互联网产品的竞争还将体现在用户体验的竞争上。用户引导是产品与用户之间的直接对话，把握好用户引导的设计将大大提升产品的用户体验。尽管用户引导的作用很难量化和评估，但只要旨在为用户解除困，让用户放心地进行探索并帮助他们轻松、顺畅、无痛苦地达到目标完成任务，那么这将是一个引人入胜的引导设计。

指导老师：杨雄勇

参考文献

1 戴力农.用户体验——超人性化设计方法[M].上海：上海交通大学出版社，2009.

2 Josh Clark（美）.触动人心——设计优秀的iphone应用[M].北京：电子工业出版社，2011.

3 加瑞特（美）.用户体验要素[M].北京：机械工业出版社，2011.

4 张春艳.基于用户体验的产品“满意度”设计研究[J].艺术与设计（理论）2013.

5.戴小乐，何如丹.手机APP交互界面设计初探[J].艺术科学，2012.endprint