12.21日音讯,引导页设计技巧必知的良好建议

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

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

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

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

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

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

　　具体较适用的情况：

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

　　2.竞争力的或有吸引力的内容点的介绍。（下图为支付宝和糯米团购的引导截图）

　　细致编排

　　当确定了引导的内容后，我们需要对引导的内容进行细致的编排。具体的编排可以分为平铺直叙述和讲故事的方式。平铺直叙是将一个一个内容点罗列，之间没有建立什么联系。而讲故事是将内容串联起来变成一个整体的故事。

　　1.讲故事的方式，使引导具有情景性

　　讲建立与用户使用情景匹配的场景，让用户能建立一种熟悉的感受，能让用户对引导的功能点感同身受。

　　串联的故事一般而言都是多页的形式。一步抛出一个需告知的点，循序渐进的解说。故事可以只围绕一个功能点来叙述，也可以将多个功能点串联起来变成一个故事。形成一个完整的故事。

　　由于每次一个告知点，多会采用聚焦的设计手法，把视觉注意力吸引到每个告知点上。

　　讲故事的主要目的是希望构建用户与产品之间的联系。让用户感觉到产品与自己是有关系的，现在所说的内容是与我相关的，我需要花费精力来关注一下。如果完全建立不起关联，很容易让用户忽略。

　　微信4.0的引导就是一个编故事建立关系的好例子。在微信在推出4.0版本的时候，新增加了类似Path和Instagram一样的相册功能，并且可以把相册分享到朋友圈。这个功能的加入拓展了之间仅是沟通聊天工具的产品定义。在4.0版本的新功能引导中，它非常成功的讲诉了一个关于相册功能的故事，并且在设计内容时非常注意建立联系。在故事阐述中它一直强调用户可以怎么样，让用户能明确感觉到与自己的关系。

　　2.讲故事的主要手法——故事可以是以情动人，痛点渲染，角色榜样类比等方式

　　A.动之以情

　　营造出具有浓烈感情色彩的场景，唤起用户心底的情绪，让用户产生对产品的共鸣。当产品附加了感情的元素，产品就会让用户形成一种情感上的联系，用户对产品的好感也会增加。

　　打感情牌的手法比较适用于具有社交性的产品引导。

　　在设计中不论是背景图片还是文案都致力于感情气氛的营造。（下图为人人网的引导截图）

　　B.痛点渲染

　　建立一个用户在实际生活中会遇到的类似的不便的场景，让用户能感受到共鸣，唤起用户对所述功能的需要感。然后给出该产品能给出的解决方案，可以让用户感觉。

　　戳痛点的手法比较适用于实用的工具性的功能引导。在设计中文案：可采用痛点式文案，或者是非常具有颤动性的文案。

　　C.角色榜样类比

　　通过建立用户熟悉的人物角色，来描述其他人会用这个产品来做什么，这种方式可以拓宽对产品功能使用的场景与多种其他可能性。启发用户对这个产品的想象。建立的熟悉的人物形象会让描述变得具体而形象，会从而引发当前使用的用户形成一种类比的心理。

　　这种方式适用于对产品整体功能的介绍，对于新老产品的功能介绍都适用:

　　1）老产品用此方法可以启发用户拓宽对既有功能使用的其他的可能性，拓宽使用场景。

　　2）新产品用此方法可以让用户对这个产品的整体功能有更多的认识。

　　设计要点：

　　1）用户角色渲染得让人觉得可信，能让人很容易联想到自己也会遇到类似情况。

　　2）文案：可采用比较具有亲和力，质朴的文案。

　　D.范例吸引

　　将引导的内容融入真实的界面中，通过合理选择呈现的内容来让用户可以通过界面上的信息来感知产品所具有的功能。这种引导形式可以很好的在第一时间向用户展示产品形态，建立用户的兴趣；范例能让用户预知在使用产品时界面会是什么样子，能让用户对实际界面有充分的了解，并且能让用户看到产品完整的功能与形态。但是这种方式是一种注重界面呈现，用视觉效果去吸引用户的方式，所以对产品本身有一定的要求。

　　适用条件：

　　1）界面本身的设计需具有一定的创新性/美观性/吸引力，这样融入到真实界面中的引导才能具有吸引力。

　　2）产品本身若需要通过用户的经营才能慢慢达到一个完整的形态，那么这种真实界面的范例的方式能勾引用户增加对产品的使用的兴趣，并且能让用户对产品功能理解得比较充分与完善。

　　设计要点：

　　1）引导中要呈现的内容需仔细挑选，能把产品的典型功能与特征充分展示。

　　2）文案最好是比较亲切的。

　　E.平铺直叙的方式

　　如果内容点无法串联，只能一一罗列，那么在设计中我们可以——

　　1.对每个内容建立场景。

　　2.放置具有吸引人的或具有竞争力的内容。

　　3.根据记忆的效果的原则合理排序。将最需要用户关注的内容放在最前面。（记忆的效果：最前面的内容记忆效果>最后面的内容记忆效果>中间部分的内容的记忆效果）

　　4.精简引导的内容。不要放置太多的引导页。

　　5.对于每页的设计可以参考下面的有效的注意力里的设计技巧。

　　有效的注意力

　　注意力是记忆力的基础，记忆力是注意力的结果。没有良好的注意力就没有良好的记忆力，良好的记忆力是建立在良好的注意力基础上的。

　　我们所设计的引导页也需要能吸引用户的注意力，让用户能够花费精力来阅读我们想告知他们的信息，以达到一种有效的注意力。具体可以怎么做呢？界面中不要有过多的视觉焦点，容易分散用户的注意力，导致用户不知道该看那里。

　　当界面中的信息聚焦在某一点上时，用户能快速准确定位到需要阅读的信息内容上，达到消化信息的目的。

　　聚焦的设计手法有很多种，如通过光影的方式，将亮光的部分打在最需要用户关注的信息上；虚化背景的方式，突出前面的信息内容；放大镜方式，将需要用户关注的部分作为放大突出。当然除了所举案例中的常见手法，还可以运用其他的方式来聚焦，只要可以达到效果即可。

　　信息的聚焦需要设计师对信息的内容进行取舍，尽量剔除不需要的内容。

　　若精简后依然内容较多，那么可以通过拉开信息的层次来使得信息可以聚焦。在设计中尽量将内容整体化，形成几个大块的信息，不要过于琐碎。琐碎的内容不利于信息的获取。由于用户对信息的认知是有整体到细节，用户在阅读内容的时候，更习惯先将内容先抽象成一个整体，然后再仔细阅读整体中的细节内容。所以我们的设计的过程中需要让用户能够很快地抽象出整体的信息。