当前位置:首页 > 旅游 > 10种用户引导方式,让你的UI设计更受欢迎

10种用户引导方式,让你的UI设计更受欢迎

关键词:   发布时间:2019-09-15 08:00:02

UI设计空间站

公众号ID:ui-space

关注

☞点击此处♥1000款精美设计笔刷等你来领~


一、用户引导的目的


从用户的角度来说:降低学习成本,迅速上手使用产品;告知有价值的信息,减少时间和精力开支;提前预知帮助,愉快的学习使用产品。


例如App Store的精华产品Paper,作为绘图软件它的交互建立在很多特殊手势之上,还定义了一些带有品牌特色的操作规范。要知道用户没有多少时间和耐心去摸索一个完全陌生的产品,因此Paper为用户使用初期做了大量的引导。




二、用户引导三要素


如何做引导设计?


首先我们需要想清楚以下三个要素之间的关系


目的:

我们想达到的目标是什么?

用户能从中得到什么好处?

我们能从中得到什么好处?


用户:

目标用户是谁?

新用户还是老用户?

活跃用户还是轻度用户?


场景:

被引导对象的使用场景是怎样的?

需要在什么场景下触发?



不同的用户、不同时期、在不同状态下,希望得到的帮助不尽相同。

譬如高级功能在新用户早期就不应给于引导,收效不大还会提升了学习成本。



三、触发点的选择


作为设计师我们一定要懂得取舍和克制,什么都想说就等于什么都没说。


想象一下用户隔三差五就能碰到引导提示,你的好意成为埋伏在产品中的地雷,而用户也被你一手培养成“拆弹专家”。切勿像下图这样,一股脑的将所有东西抛给用户。




四、引导的4种类型


1、信息提示类

用信息展示的方式,帮助用户理解产品的功能和所需要执行的操作。最常见的就是“小红点”“未读提醒”“更新提醒”这样的提示。



从左到右依次为:云音乐页面中的红点和数字标识、聚划算中的结束时间提示、唯品会中清空购物车的倒计时。


2、功能提醒类

出于有些icon达意不明确、有些功能被收起或隐藏在手势中、主打功能希望被用户快速掌握等原因,需要加以引导降低用户的学习成本。



左图是微信预知引导发图的功能,当检测到相册里有新增图片时,一定时间内点击微信的“+”,就会出现一个发图的小浮层。此功能引导已成为很多应用模仿学习的对象。


右图是支付宝的对话页面。你是否遇到过这样的情况,当你打开支付宝想给对方转账时,点击“发送”后才发现发过去的是个文本信息= =。应该是支付宝的设计师也嗅到了这个痛点,将此问题优化为检测到用户输入了纯数字内容时,便在键盘的上方出现一个“给对方转账n元”的按钮。


3、操作引导类

操作引导分为强制性的和非强制性的。


强制性的主要是登录、注册、安全认证、激活相关流程,需要身份验证后才能继续进行后续的操作;

非强制性的则多是鼓励用户操作,例如完善的资料、关注更多好友、分享转发等,这类引导最好给予一定的激励。




4、内容推广类

除了自身功能之外,产品中也会包含一些额外的推广性引导,最常见的就是产品中植入的广告。




五、引导的10种形式


引导页通常是APP下载/更新第一次打开后,来向用户展现产品中的功能和操作方法。



通常用户对信息吸收的效率并不高,用户更希望赶紧体验产品而不是看这些教导。

因此引导页的数量一定不要过多,页面简明扼要、中心明确才是王道。


1、toast提示

toast是一种极为轻量的提示方式,通常作为功能操作后的反馈。toast出现的时间都很短,不要指望用户能真正注意到你在讲什么。因此不要将其用作重要对象的引导形式,大多是可有可无或是会反复出现的,其次语言精练也是必要的。




2、页面遮罩

遮罩式引导为一种比较强势的引导,通过直接盖住界面来强调当前需要引导的内容。



一般遮罩层为半透明,在此图层上,通过各种图形来结合被盖住的界面内容,引导用户聚焦到重要的信息。遮罩式浮层无法自动消失,而是需要用户操作(指定操作/非指定操作)后才能隐掉。



3、气泡/浮层

气泡/浮层式引导是一种量级轻但是目的性很强的引导方式,一般是半透明浮层结合文案的设计模式。



大部分浮层模式带有指向性的箭头,可以用来提示重要功能或者隐藏操作。通常是非模态的,显示3-5秒后自动消失,对用户的干扰较小。也有一些重要功能使用模态浮层,需要用户明确操作后才能隐掉。



4、嵌入式(局部嵌入/整体嵌入)

嵌入式引导分为局部嵌入和整体嵌入。局部嵌入就是在当前页面内容上增加引导提示。



为了保证对象不埋没在信息流中,有效地引起用户注意,需要从视觉上做处理。整体嵌入则是将引导做为一个整体代替页面内容的显示,多使用在“空状态”的情况下。



5、操作示意

操作示意较常采用简短的动画向用户展示操作方法,也不乏静态图片配以描述的方式。


相关内容
分享 2019-09-15 08:00:02

0个评论

文明上网理性发言,请遵守新闻评论服务协议