UI控件系列(6)-引导类控件

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
1401 1 1 2020-04-28

引导页(轮显)控件

定义:一般出现在App首次启动的时候,是一系列宣传、介绍、帮助等页面的组合。


在移动互联网产品的设计中,从产品的角度考虑,让用户方便理解产品的特性,减少对产品的陌生感;从用户角度来看,一个好的引导不仅能使他们对一个应用产生好感,也可能会激发一些他们潜在的需求点。

另外,说一下,也不是所有的产品都一定需要引导页,例如就像微信就没有引导页。


轮显式引导页是在用户初次使用该移动产品时,给予用户一些必须性的介绍以使得用户能快速愉悦地了解这个产品的功能与具体操作方式。



作用:

1. 让用户快速了解这是一个什么样的产品。

2. 让用户快速了解产品的主要功能、要宣传的特色或已更新的内容。


特性:

1. 内容主要为图片、插画、视频和文字元素,内容和文字要有很强的关联性。

2. 文案要简洁易懂,重点突出。

3. 页面一般控制在2~5页。

4. 视情况可提供直接跳过引导页的操作,不强制用户全部浏览。





浮层式引导控件

定义:一种轻量级,单目标指向性很强的引导方式,一般是文案和图标相结合的样式出现,类似气泡的引导方式。



使用场景

 新增功能不易让用户察觉同时从产品本身来说还比较重要,这时就需要浮层引导,让用户知道该功能或如何使用。


*特性*

1. 非模态分层为佳,持续3秒左右自动消失;

2. 文案言简意赅,文字最好控制在一行;

3. 重点强调项,需要有(如:箭头)有明显指向的元素指引;


*用途*

1. 重要功能或一些隐藏操作的提示;

2. 新增功能或页面调整以及如何使用该功能的提示。




嵌入式引导控件

定义:将引导内容直接嵌入到界面中的引导方式,可以嵌入到状态栏、导航栏、工具栏,比较常见的是嵌入到主题内容界面中。



*使用场景*

初始状态时,由于界面数据为空,这时候通过嵌入式引导提示用户操作。



*特性*

言简意赅的文字信息,表述当前状态并告知用户如何操作。



*用途*

1. 在不影响当前界面的内容同时,增加引导提示;

2. 让用户明确当前界面处于何种状态,并引导接下来如何操作使用;






总结

三种引导可组合使用,至于到底使用哪个、怎么结合使用,则根据业务和对产品的定位来判断。按引导类型优先级顺序为:引导页(幻灯片)式引导>浮层式引导>嵌入式引导。




Powered by Froala Editor

全部评论:1

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票