手机产品设计之用户引导资源-CSDN文库

151 浏览量 2021-02-26 21:52:26 上传评论收藏 796KB PDF 举报

资源推荐

资源详情

资源评论

手机产品设计之用户引导手机产品设计之用户引导

在手机产品的设计过程中，由于手机界面的承载能力有限，产品功能的不断膨胀，必须要在用户打开应用之后告知他

某些新奇的功能，引导他完成某些主要任务流程，让用户不至于迷失在陌生应用中不知所措。帮助用户快速掌握应用

的使用方法，体验到应用的乐趣，新手引导成了一个必须考虑的设计环节。

用户引导的直接目标是帮助用户更好的使用产品，终极目标是提升用户满意度。虽然，大多数情况下，我们可以通过

合理的设计，尽可能的简化功能，让用户无需引导和帮助，就可以完成必要的任务。但是实际上，手机产品的限制和

对强大功能的追求，导致这个目标很难达到，因此越来越多的应用开始使用用户引导来帮助用户快速熟悉产品。

一、文字说明类

第一类最简单的用户引导方式，就是文字说明类。用文字描述的方式，帮助用户理解产品的功能和所需要执行的操

作。文字说明类用户引导如下图的几个例子：

从左到右依次是从左到右依次是Memento、、Instapaper和和Jamie Oliver

Menento是一个日记程序，当你没有给日记增加tag的时候，这里就会有文字说明，告诉你tag是用来浏览和搜索的，可

以在创建和编辑日记的时候创建。告诉你可以把好友加为tag，可以把地理位置加为tag，可以把事件加为tag，可以创

建自定义tag；Instapaper是一个阅读工具，当你首次打开应用，没有文章的时候，这个页面会有文字说明，告诉你你

可以通过朋友、作者、浏览器找到可阅读的文章。当你通过浏览器书签或者Email发送的方式增加文章到Instapaper

后，文章会显示在这里；Jamie Oliver是一个美食工具，如果你没有创建美食购物清单的时候，这个页面会文字提醒你

改如何增加Shopping list。

适用情况：适用情况：

聪明如你，肯定已经发现了，这里提到的例子都是出现在无数据的时候。无数据的时候，是文字说明一个很重要的出

现场景。很多设计师会忽略无数据时的界面设计，产品人员也会忽略无数据的时候，该怎样引导用户使用产品，导致

用户看到空空的面板，拂尘而去。

其实，文字说明也可以用在超过5s的启动界面(Splash Screens)上，也可以用在某个操作按钮的下面，也可以用在某

段数据加载的弹出框中。它可以用在你能想到的任何地方，只要是合情合理的设计需求。

缺点：缺点：

当然，文字说明的劣势也显而易见，长篇累牍的赘述功能，很少有人能耐心的看完，何况枯燥的说明书一向是Apple产

品所反感的东西，所以文字说明要慎重，不要滥用。

设计指南：设计指南：

要使用用户语言而不是程序语言

在无数据的时候可以给出文字说明

不要长篇累牍，要简明扼要

可以利用等待的时间用文字说明功能

可以用文字说明描述复杂的功能操作

二、功能提醒类

因为某些功能设计成ICON不利于识别，某些功能隐藏在手势操作之后不易察觉，某些功能是产品主打功能需要用户知

晓，在这种情况下，越来越多的应用采用功能提醒类的浮层做用户引导，如：

从做到右依次是Tweetbot、QQ通讯录和Talkbox

Tweet用带箭头的小浮层告知用户，点击navigation bar可以切换关注列表；QQ通讯录用带用动效的小浮层提醒用户，

向左滑动可以展现右侧隐藏的屏幕内容；Talkbox用带Gif小动画的浮层告诉用户，把收集放到耳朵旁可以从耳机收听。

使用场景：使用场景：

用来告知重要功能、不易识别的功能图标、不易察觉的隐藏操作

缺点：缺点：

有时候需要提醒的太多了，往往无从下手。如果你的应用没有清晰的重要功能，还是小心设计，慎用提醒的好。因为

你提醒的可能不是用户需要的，让新手用户无所适从，老手用户觉得你太过肤浅。不过还好这类提醒不会打断用户的

操作，也不会强迫用户一定看完，但是也正是因为这类提醒稍纵即逝，也很容易不小心错过，导致之后再也无法查

看，所以要谨慎的设置一个重复频率，避免被漏看。

设计指南：设计指南：

不要打断正在进行的操作

判断需要提醒的时机

持续3~5s自动消失

可以重复出现3次左右

用来提醒隐藏的操作或重要的功能

三、操作引导类

操作引导类的用户引导方式被大量应用与游戏和SNS产品中，如果是设置项很多的复杂产品，也必须有合理的操作引

导。操作引导分为强制性的和非强制性的。强制性的主要是注册、验证、激活相关流程，不满足条件无法满足安全

性；非强制性的则多是鼓励填写完善的资料或者鼓励完成某个任务的，这类引导最好给予一定的激励，如积分、徽

章、等级等等，至少要有一个“恭喜你，成功了”之类的心里满足暗示。具体案例见下图：

从左到右依次是从左到右依次是Albumphoto、、Gowalla和和With。。

Albumphoto引导新用户新建一个相册；Gowalla引导新用户创建一个签到信息并分享图片给好友；With引导用户绑定

Twitter账号用以分享照片。如果是复杂的任务流程，每一步都要给新用户讲清楚，这一步处于哪一个环节，该怎么操

剩余11页未读，继续阅读

内容反馈

weixin_38630463

粉丝: 3
资源: 902

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip