900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > php 移动端隐藏引导页 移动端引导设计技巧1:前置的引导页

php 移动端隐藏引导页 移动端引导设计技巧1:前置的引导页

时间:2024-05-16 02:32:36

相关推荐

php 移动端隐藏引导页 移动端引导设计技巧1:前置的引导页

前言:

引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助。在移动互联网的产品的设计中,新手引导的设计则是在用户初次使用该移动产品时,给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体操作方式。为了完成不同的引导内容和引导的目标,移动端的引导设计会根据需求进行不同的多样化处理。根据引导出现的时机,可以分为前置型的引导与过程中的引导。

前置型的引导:在用户还没有正式开始使用这个产品时给出的一系列帮助内容。主要的设计方式为引导页的设计。过程中的引导:在用户使用产品的过程中给出的一系列帮助内容。主要的设计方式有空白页的内容引导,loading等等待状态中的引导,拆分包袱的逐步引导,巧设默认值的功能引导,tips引导,浮点引导,遮罩聚焦式引导,触发式引导,任务演练式引导等。

由于篇幅所限,本篇博文主要针对前置型引导的引导页的设计详细论述,而对于过程中的引导会在后续博文中奉上。

引导页的设计探究

引导页作为前置型引导,必然具备前置型引导的特征。用户是在使用前看到引导页的内容,此时用户对这个产品的了解并不多,对于如产品的功能/页面布局/具体使用等还没有建立起完整的认知。所以引导页更适合阐述产品的概况内容(如具有产品的概念,产品的核心功能,具有竞争力的功能点或用户痛点,以及会影响到初次使用的操作方式的内容),建立起用户对产品的大致认知;而不太适用于阐述过于细节的产品内容,因为此时用户还无法进行相应的信息匹配,细节内容会不容易理解。

虽然引导页有上述的限制,但是由于它具备的很多优点,让它作为一种非常常见的方式来使用。

具体的优点:1)篇幅设置可自由设定,在一定范围内可多可少;2)全屏或几乎全屏的信息呈现的方式,使得信息的可承载量多;3)内容的编排自由,设计师可以自由发挥。

所以引导页是一种在设计上较灵活自由的方式。但是在实际的使用中,我们还是常常会发现设计的效果并不容易达不到预期。用户常常不会仔细浏览这些引导的信息,对于引导的内容信息的接收程度会打折扣,很难全部吸收;还有不少情况下用户会跳过引导,忽略引导想提供的帮助信息。那么,如何做能让我们设计的引导才能引起用户的兴趣,让他们花费一点精力去吸收引导的内容信息,这需要一些技巧。

最核心的技巧有4点:精简与合理使用 & 细致编排 & 有效的注意力 & 构建特色。

精简与合理使用

在引导页设计的泛滥时代,绝大多数的APP在首次使用中都会设计几页引导内容。

设计师需要把控引导的内容。只做必要的引导页内容。没必要的引导内容会增加信息的冗余性,冲淡真正需要用户关注的信息的注意力与精力。

在设计之前,我们要对用户初次使用该APP时的心理与使用行为进行分析,并不是所有情况都适合使用引导页的,要对不适合的情况say no。

适合与否的依据主要是在真实的使用场景中,用户是希望能对这个产品有个大致的了解,还是希望快速启动产品立即使用,在使用的过程中再慢慢学习。如果用户是希望快速启动产品使用中出现过于的引导会引起用户的方案。

具体较适用的情况:

1.对于一个新概念的新产品,用户需要对这些新的概念或内容有所理解才能更好的使用产品。(下图为Vida的引导截图)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。