浅析产品新手引导网站设计(广州网站制作)

admin•2016-01-05•网站设计•

引导设计，现在也是大家比较热衷讨论的话题，各类的web产品也都纷纷效仿起移动端的引导方式，那么我先问一下，究竟什么是引导设计呢？

什么是引导设计？

　　我们把它拆开为“引导”和“设计”，那什么是引导呢？我们可以回归到生活中去寻找答案，导游带领游客参观景点，帮助安排食宿，让游客们轻松愉快地完成他们的旅程；老师教学生更快更深入地学习知识，学以致用；路边的醒目的箭头路标指引我们更快地找到地铁，这些都是引导在生活中的例子。

　　所以可以概括，引导是带领既定的目标对象更快速更愉悦地达到目标的过程，引导设计则是这一过程的设计。在互联网产品的范畴中，新手引导设计是引导新手用户更快速更愉悦地学习使用产品这一过程的设计，它力图像导游、老师、路标一样带领新手用户快速地熟悉产品的整体功能，在用户操作遇到障碍之前给予及时的帮助。

　　但是，新手引导设计是不是就完全是为了引导新手用户学习使用产品的设计呢？这么说，未免也太高尚了点吧，回归到产品本身，是不是花大力气让产品上线就是为了满足用户的需求呢，当然不全是，更多的是为了实现自己的盈利，这应该说是一种双赢。所以其实产品也存有自己的私心，产品可以利用新手引导这把利器将自己的产品更快地推销给用户，让用户快速地从新手用户向活跃度高、黏着度高的忠实用户转化。

新手引导设计要满足用户需求和产品目标，维持两者之间的平衡，实现双赢的局面。

　　如同Jesse James Garrett在《用户体验要素》提出最底层的架构是用户需求和网站目标一样，推动新手引导设计的原因也有两个：用户需求和产品目标。对于新手引导来说，用户需求是快速、愉悦地学习使用产品。产品目标是将新手用户快速转化为活跃度高、黏着度高的忠实用户。

　　用户需求和产品目标出发的角度会不一样，有时候会存在着冲突，但并不是不可调和的矛盾，它们之间应该是在满足用户需求的同时也可以达到产品目标的状态。所以新手引导设计就是要平衡处理好用户需求和产品目标，实现双赢的局面。

满足用户需求：引导用户更快速、愉悦地学习使用产品

　　首先要满足的是用户需求，也就是引导新手用户更快速、愉悦、无阻碍地学习使用产品，且不要受过多的信息干扰，新手引导设计是这一过程的设计。从刚刚这句话来看，新手引导设计是要符合这几个特征的：

　a. 新手用户——对产品一无所知，需重视产品的易学性、引导的有效性。
　b. 更快更愉悦——除了高效地达到目标之外，还需考虑愉悦性。
　c. 过程——是贯穿用户学习使用产品的整个过程，而不止是开始。

1.用产品本身来引导——提高产品易学性

　　用产品本身来引导，降低产品的学习门槛，就是最好的引导方式，也是新手引导设计的最本质最核心的部分。用界面告诉用户，他可以在这个界面去做什么，这样的隐形的引导让用户在不知不觉当中就学会使用产品了。

保持产品简洁，突出核心功能

　　用产品本身来实现引导就要求产品需要做减法，保持产品简洁，突出核心功能，让用户一目了然。QQ6.3电脑管家通过简化布局，通过大量的留白和跳出的绿色大按钮聚焦用户视线的焦点，清晰告诉用户这个界面是用来安全体检的。

用色调让用户专注于核心内容

　　人的视线会先看到亮色调（暖色调）的部分，后看到暗色调（冷色调）的部分，所以也可以用亮色调（暖色调）来突出核心内容，让用户的视觉聚焦在那里。轻博客鼻祖tumblr用暗色调弱化背景、导航，亮色调突出内容部分，让用户的视线焦点集中在发轻博文和阅读他人的博文的沉浸式阅读体验当中。

2.初次使用说明书引导——让引导更高效有趣

　　用产品本身来引导用户学习是最好的方式，但是很多时候这种方式还是不够的，产品需要用一种更快速的方式，让用户对产品有一个全局性的认识。很多产品借用了生活中工业产品的使用说明书这一概念，在用户使用产品之初，告诉用户如何使用。

首页功能介绍

　　在第一次使用产品的时候，在首页出现功能介绍，这种方式是比较常用的方式。如evernote在首页采用文字介绍其相关功能和使用方法，让用户对evernote主要功能有个初步的了解，但是很多时候，用户可能没有耐心去读完大段乏味的文字，而直接匆匆地跳过，就像前面说的，没有新手引导的第二个特性：更快更愉悦——除了高效地达到目标之外，还需考虑愉悦性。所以单纯的文字介绍的引导性还是比较差的。

　　QQ浏览器的首页功能介绍采用了图示的方式，精心的设计让用户更乐意把它看完。

全局游览

　　全局游览就像是导游带领新手用户快速地游览整个产品一样，让新手用户对产品有个整体的认识，往往图文结合、精心的设计能给用户留下比较深刻的印象，让用户感动温暖。如下面QQ空间图文结合的方式、朋友网改版之后精心的全局游览让人眼前一亮，突出简洁的文字说明，清晰明了。

3.使用中适时出现的使用引导——引导更是无处不在的过程

　　初次的使用说明由于一般采用的是独占式窗口的方式，只会放核心功能的引导说明，以免过多的提示对用户造成比较大的干扰，但很多其他功能也需要引导。因此除了在初次的使用说明之外，在用户学习使用产品的整个过程中，都应该贯穿着引导。

遮罩式操作介绍

　　在第一次进入到相应的场景时，出现界面操作介绍。如下面腾讯微博的APP，在第一次进入到身边的人的模块的时候，以半透明遮罩的方式显示操作介绍。

　　EF单词APP在第一次进入这个界面的时候以灰色透明遮罩的方式在界面上圈出操作方式说明，很用心很温馨。

内嵌式操作引导

　　内嵌式引导是将帮助引导直接嵌入到界面里，在需要引导的时候起到引导帮助的作用，如下面的QQ浏览器的九宫格没有添加网页的空白位置上引导操作“点击添加你喜欢的网站”，引导用户可以通过点击添加。

　　QQ iphone版在没有动态的时候给予内嵌式引导，在有动态的时候不再出现。

满足产品目标：引导新手用户向忠实用户转化

　　产品创造出来除了要满足用户需求之外，更要满足产品的目标：比竞品更强大更好用，用户下载量（在线量）更多，用户活跃度更高等等，对于新手用户，产品的目标是希望快速地将新手用户转化为活跃度高、黏着度高的忠实用户。即，新手用户引导设计在满足产品目标的层面上则是引导新手用户快速向活跃度高、黏着度高的忠实用户转化的设计。

1. 任务引导——更快速更直接的转化

　　常见的引导方式是任务引导，即出现一个任务让用户去完成，这样的方式是比较直接的方式，同时也是比较快速的方式，所以也会成为产品中比较常用的引导方式。比如对产品来说可以提高人气度的操作：完善资料、上传头像等，会采用这种引导方式。不过任务的出现会对用户造成一定的干扰，根据干扰程度不同，可分为：

独占式页面

　　腾讯微博的新手任务用独占式的页面引导用户对朋友和名人加进行收听，虽然干扰程度是蛮大的，但同时引导程度也是最好的，用这种方式引导用户完成一些非常重要的操作是非常快速而直接的。