15900627980

全面用户引导设计实战技巧解析

发布于:11-19
 在生活中随处可见。医院的科室指向标、交通警察的指挥手势、男厕内为了达到“精准射击”的小苍蝇……



然而,当我们看到不知是该“推”还是“拉”的门把手、看不出状态的开关、摸不清头绪的指示标,便会产生迷惑甚至焦躁。



引导是通过某种手段或方法,干预目标对象的决策和发展,促使其更快地接近目标。





分割线  箭头 动态
用户引导的目的

全面用户引导设计实战技巧解析


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

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

从产品的角度来说:需要通过用户引导,让新用户快速了解使用产品;吸引用户使用操作新功能或指定对象;提前给予用户帮助,提升产品体验的愉悦度。







用户引导的三要素

全面用户引导设计实战技巧解析





如何做引导设计?首先我们需要想清楚以下三个要素之间的关系

目的:我们想达到的目标是什么?用户能从中得到什么好处?我们能从中得到什么好处?

用户:目标用户是谁?新用户还是老用户?活跃用户还是轻度用户?

场景:被引导对象的使用场景是怎样的?需要在什么场景下触发?

不同的用户、不同时期、在不同状态下,希望得到的帮助不尽相同。譬如高级功能在新用户早期就不应给于引导,收效不大还会提升了学习成本。

我们不妨多反问自己几个问题

这个功能真的很必要引导和提醒用户吗?

这个功能是需要让所有用户都知道还是某一类用户知道就可以了?

这个提醒是需要所有场景都提示,还是到某一类特定场景才来提示呢?

……

如果以上几个问题你都能胸有成竹,那就开始吧骚年~







触发点的选择

全面用户引导设计实战技巧解析




用户引导的触发点,就是在什么地方触发引导。是用户打开程序时触发?到达特定页面后触发?操作了指定功能后触发?到了某个时间点触发?



作为设计师我们一定要懂得取舍和克制,什么都想说就等于什么都没说。想象一下用户隔三差五就能碰到引导提示,你的好意成为埋伏在产品中的地雷,而用户也被你一手培养成“拆弹专家”切勿一股脑的将所有东西抛给用户。

如下图:扫一扫功能中,易信和微信都很贴心的引入照明功能。目的是为了满足光线不好时可以辅助用户完成扫描功能。

左边是易信的界面,“照明”按钮是默认显示在取景框下方,位置选在页面中间倒也很好发现。而右边微信对场景进行了细分,环境光线理想时不显示照明提示按钮,当设备检查到环境较暗,“轻触照亮”按钮便会出现。一对比便高下立见,微信不但保障了正常状态下页面的纯净,而且从无到有的闪现比默认常置更能引起用户注意。


全面用户引导设计实战技巧解析






引导类型
 

全面用户引导设计实战技巧解析


信息提示类



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



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

全面用户引导设计实战技巧解析



功能提醒类

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



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

 

全面用户引导设计实战技巧解析


操作引导类

操作引导分为强制性的和非强制性的。强制性的主要是登录、注册、安全认证、激活相关流程,需要身份验证后才能继续进行后续的操作;非强制性的则多是鼓励用户操作,例如完善的资料、关注更多好友、分享转发等,这类引导最好给予一定的激励。



从左到右依次为:闲鱼引导用户开通闲鱼号,好处是可以看到sei在关注你;Facebook引导用户授权访问通讯录,可以找到更多的好友;腾讯新闻引导用户登录注册,可以查看更多有趣的个性化推荐。









触发点的选择

全面用户引导设计实战技巧解析




用户引导的触发点,就是在什么地方触发引导。是用户打开程序时触发?到达特定页面后触发?操作了指定功能后触发?到了某个时间点触发?



作为设计师我们一定要懂得取舍和克制,什么都想说就等于什么都没说。想象一下用户隔三差五就能碰到引导提示,你的好意成为埋伏在产品中的地雷,而用户也被你一手培养成“拆弹专家”切勿一股脑的将所有东西抛给用户。

如下图:扫一扫功能中,易信和微信都很贴心的引入照明功能。目的是为了满足光线不好时可以辅助用户完成扫描功能。

左边是易信的界面,“照明”按钮是默认显示在取景框下方,位置选在页面中间倒也很好发现。而右边微信对场景进行了细分,环境光线理想时不显示照明提示按钮,当设备检查到环境较暗,“轻触照亮”按钮便会出现。一对比便高下立见,微信不但保障了正常状态下页面的纯净,而且从无到有的闪现比默认常置更能引起用户注意。
 

全面用户引导设计实战技巧解析





引导形式

全面用户引导设计实战技巧解析


toast提示



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

全面用户引导设计实战技巧解析



页面遮罩

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

 

全面用户引导设计实战技巧解析



气泡/浮层

气泡/浮层式引导是一种量级轻但是目的性很强的引导方式,一般是半透明浮层结合文案的设计模式。大部分浮层模式带有指向性的箭头,可以用来提示重要功能或者隐藏操作。通常是非模态的,显示3-5秒后自动消失,对用户的干扰较小。也有一些重要功能使用模态浮层,需要用户明确操作后才能隐掉。
 

全面用户引导设计实战技巧解析



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

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

 

全面用户引导设计实战技巧解析



激励引导(任务激励/榜样激励)

激励引导常见的有任务激励和榜样激励。任务激励是通过让用户做特定的任务从而获得相应的好处,是APP拉新、促活惯用的方法。榜样拉新则更偏向心里战术,比如给自己的偶像打榜,激发起人性的好胜心通过购买数量的多少来表达对TA的热情。




引导的强弱与频率

全面用户引导设计实战技巧解析




根据出现时是否有阻断、消失时是否需要操作,我们可以划分出不同强弱的引导提示。

弱提示通常情况下它的出现不一定能让每一个用户都注意,或者不需要让所有用户都完整的了解。这样的提示不会阻碍用户当前的阅读和操作行为,还可以自动消失;强提示需要用户一定注意到的,它会阻断用户当前的使用且需要有明确的指定操作才能消失。

频率,是指单位时间内完成周期性变化的次数。是确定了引导的触发点和类型后,另一个不可忽视的思考要素。

引导的形式太强会干扰用户当前操作,太弱又可能被忽略。即使用户真的看到了,也可能遗忘掉。为了能让引导的存在不只是满足一下设计师自己的心理诉求,我们也需要把握好它出现的频率,尤其是类似toast、浮层这种很容易被忽略的引导。







注意事项(☆☆☆)



保证引导的有效性:用户引导是对产品内容以及形式的辅助说明,存在即要有意义。

触发场景准确:用户在浏览/操作时都有一定的使用场景,根据场景触发相应的用户引导,保证在用户需要的时候出现引导,才能达到接受度的最大化。

简单易懂,突出核心:不论什么类型的引导,它们的目的都是为了让用户更好地去使用产品、减低认知和摸索学习的门槛。复杂繁琐的内容会给用户带来压力进而失去耐心,也很容易就被遗忘。

与产品基调一致:用户引导的视觉风格、语言表达要与产品定位、产品理念相一致。因地制宜的前提下保证全局的一致性,切记没有克制地随意发挥。这样的好处是可以让用户在看到引导的时候对产品有一个大致的基调认识和感受。

用户 引导 触发 功能 操作 提示 浮层 页面 光线 信息

上一篇:电子商务网站导航设计超全面指南

下一篇:菜单导航--网页的灵魂所在

I NEED TO BUILD WEBSITE

我需要建站

*请认真填写需求信息,我们会在24小时内与您取得联系。

十见(上海)网络科技有限公司 Copyright© 2014-2020 沪ICP备20008988号-2