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

前言：

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

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

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

引导页的设计探究

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

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

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

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

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

精简与合理使用

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

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

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

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

具体较适用的情况：

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

php 移动端隐藏引导页,移动端引导设计技巧1：前置的引导页相关推荐

其中一个页签慢_VBA实战技巧15：创建索引页
学习Excel技术,关注微信公众号: excelperfect 在工作簿中有许多工作表时,我们可以创建一个单独的工作表当作索引页,在其中创建到每个工作表的链接,就像目录一样,不仅方便查看工作簿中的工作 ...
office 论文页码_WORD目录，页眉，页脚，页码设置技巧为你的毕业论文收藏吧-以Word 2013演示...
说明: 本文以Word 2013作为演示软件,相比之前的以Word 2010作为演示版本的文章,讲解更加详细,并增加了一些内容. 原来的以Word 2010作为演示的文章地址: 另外再介绍两篇对论文排 ...
app启动页的设计技巧（一）
虽然,每一个APP的启动页界面设计是需要按使用场景设计的.但是每一个APP启动页的存在的意义与APP产品定位.APP运营策略有关的. 第一部分:对于设计一个好的APP启动页作品,必须满足这三个特征认 ...
最新淘宝店铺宝贝PC电脑端隐藏屏蔽技术
前言:近日淘宝大面积封锁隐藏屏蔽代码,之前发布的老技术大家就不要尝试了,已经失效了,我们经过不懈努力终于研究出可以代替之前旧版屏蔽技术,此技术截止目前为止是唯一可行的方法.隐藏效果很完美,和之前的隐藏 ...
Word文档中最后一页底端的表格制作
来源:https://jingyan.baidu.com/article/a3f121e4c3e542fc9052bbfe.html 在公文文档的最后一页的底端通常都会有规范性的文字格式.如在政府部门 ...
文献阅读-ICRA2020-血管内介入治疗中考虑光流引导弯曲的端到端实时导管分割
文章序号.所属单元及链接:1206-Computer Vision for Medical Robots 一作所属单位:Imperial College London 读后体会:论文创新点:时间一致性 ...
引导页就该这样设计！细数那些精彩纷呈的引导页面
随着苹果ios8的发布,可以看到App store货架上,众多主流App迫不及待地向人们展示产品视频预览,接下去会是被设计师.市场宣传相继关注的焦点,产品宣传的下一轮引爆点.作为能在App store ...
linux高端内存申请,Linux高端内存
高端内存是指物理地址大于 896M 的内存. 对于这样的内存,无法在"内核直接映射空间"进行映射. 为什么? 因为"内核直接映射空间"最多只能从 3G 到 4G ...
手机端（APP点灯blinker）-PC端（Node-red）-设备端（ESP32）-客户端（MQTTX客户端）四者之间的通信——通过MQTT通信（上）
手机端(APP点灯blinker)-PC端(Node-red)-设备端(ESP32)-客户端(MQTTX客户端)四者之间的通信--通过MQTT通信(上) 前言: 本次实验是通过MQTT来进行手机端-设 ...

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

php 移动端隐藏引导页,移动端引导设计技巧1：前置的引导页相关推荐

最新文章

热门文章