国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

‘信息引导’超全总结,让你的设计有理有据

发布时间:2019/08/07标签:   设计规范      设计理论    点击量:

原标题: ‘信息引导’超全总结,让你的设计有理有据

上一篇讲了信息引导的策略层:《可切入的场景和机制》。这篇就总结一下表现层的内容:有哪些引导形式?适用什么场景下?如何优化这些引导?让各位在界面输出时,能更清晰地理解信息的引导。

按照‘是否会干扰用户’的维度,我将信息引导分为两类:干扰型和不干扰型。下面我们直接进入主题:

Part 1:不会干扰用户操作的引导

不会对用户的当前操作产生影响的,主要有:tips通知栏、snackbar提示框、浮层/气泡、信息push、徽标、toast提示等这几种引导方式。

1. Tips通知栏:

固定嵌入显示在界面顶部或nav下方的提示条,入职seo感想,向用户反馈及时信息,用户操作它后才能消失。

·?适用场景:需要长时间向用户展示信息、内容公告、引导操作的提示。

·?引导延伸:可动效轮播Tips里的信息,引导性更强。如支付宝,在向‘异常用户’转账时就会出现轮播tips。

2. Snackbar提示框:

向用户展示刚刚操作结果、且可以取消/撤回操作的提示框。一般显示在页面底部,属于Android的系统控件,1-2秒后自动消失。

·?适用场景:允许用户修改刚才的操作结果,防止用户犯错和误操作的提示。

·?引导延伸:可直接用图标表意(代替iOS没有该控件的不足),如新版本滴答清单的操作提示。

3. 浮层/气泡

悬挂在页面上,引导用户使用某功能模块的浮层,很多产品都会采用该形式向用户展示新功能、新内容。

它与toast不同的是:toast更多则是在用户的操作行为后弹出的,而浮层可以在任意流程节点上出现,灵活性更高。

· 适用场景:特别想让用户知道、引导其使用某功能/内容的提示。

· 引导延伸:浮层消失时,可将内容移动并缩小到入口中去,向用户做入口教育。

4. 信息push:

和前面几种不同,这种属于产品的‘外部引导’,引导性很强,但需要一点的推送成本做支撑。多用于运营内容的对老用户的‘唤醒’和留存提升。

·?适用场景:培养用户习惯、定时地推送内容、提醒用户操作。

·?注意:需要获取用户手机的‘通知’权限。在需要做引导的场景中,提示用户允许获取该权限。

5. 徽标/Badge

徽标(Badge)指在页面元素上出现的圆点、数字、文字等信息。我们经常说的‘小红点’,就是徽标的形式之一。徽标可以分为2类:数字型和非数字型(如小红点、文字、图形等)

·?适用场景:

–?数字型徽标:需要强调信息的‘数量’,让用户精确知道有多少新内容,吸引用户注意力。

– 非数字型徽标:只需简单让用户知道有新内容/消失,不会对用户产生干扰。

版权信息Copyright ? IT技术教程 版权所有??? ICP备案编号:鲁ICP备09013610号