用户引导 - UCD大社区

浅析产品新手引导设计

CDCer — 2012-02-28 21:27:28

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

什么是引导设计？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

首页功能介绍

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

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

全局游览

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

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

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

遮罩式操作介绍

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

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

内嵌式操作引导

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

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

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

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

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

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

独占式页面

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

弹窗式

腾讯微博新手任务用弹窗引导上传头像，相比较弹窗会比独占式页面干扰性小一些，用户更容易选择关闭窗口和跳过，所以引导的成功率会相对来说差一些。

小气泡式

小气泡的引导是相对干扰性比较小的方式，但引导性也是比较差的方式，用户容易无视和忽略它。如下面朋友网用小气泡的方式希望用户上传头像，希望通过有意思的手绘和文字的激励提高用户上传头像的可能。

嵌入式

淘宝网利用头像的位置巧妙做了嵌入式的任务引导，对用户干扰几乎为零，但楚楚可怜的求真相的提示会让用户最后传上自己的头像，引导性也不错，不过需要一些时间，因为嵌入式的引导不需要用户及时的响应，可以在有时间的时候再来关注。

朋友网对用户加认识的人的操作嵌入到页面当中，将对用户的干扰程度降到最低。

2. 激励引导——用隐形的方式来激励用户

用激励的方式促使用户完成产品的一些操作，提高用户资料的完整度、对产品的熟悉度、参与到产品某些活动中来等等。

数字激励

用数字激励的方式也是比较见到的，比如朋友网用常驻的tips显示资料完整度数值，让用户有点击进去继续完善资料的欲望。

QQ电脑管家用红色的数字警示用户没有扫描木马的天数，激励用户马上进行木马扫描。

榜样激励

虾米网利用榜样激励很好激发起人性的好胜心、融入欲望，让用户能够很快地参与进来。

3. 推荐——让用户发现更多

除产品的基础体验之外，让用户发现更多其他的新功能或者好玩的活动，让用户成长为更高级的用户，同时他们对产品的认可度也会变高，成为产品的忠实用户。同时也因为产品随着发展也在不断的迭代和扩展，需要推荐用户来发现新增的功能点。

新功能推荐

QQ空间用形象的tips告诉用户新增的回收站的功能；朋友网用tips推荐用户找朋友实时聊天。

圈圈用tips来提示可以圈人和加入兴趣圈子，但要注意不要太多tips会对用户造成很大干扰。

活动推荐

腾讯微博用在微博正文上方小banner来每天推荐不同的活动让用户能够参与进来，提高他们在微博中的活跃度。但同时也要注意到用户容易把banner当成广告无视掉的习惯，可以更加精心地设计小banner，让它看上去不像广告。

当遭遇用户需求与产品目标相左时

本质上产品目标与用户需求应该是共生的关系，只有在满足了用户需求上，产品目标才能更好地满足，但是我们仍然会遇到很多为了产品目标而伤害到用户需求的案例。

1）不断推荐新功能点

在产品逐渐迭代功能扩展的过程中，就会忘了最初的原点，很多引导多是在不停地推荐新增的功能点。忘了这样其实伤害了新手用户的利益，用户不断被干扰。

2）用户的角度还是产品的角度

在介绍产品的新功能点的时候，究竟是用用户的语言简单直白的表达操作方式还是产品的介绍方式呢，我想更冗余冠冕堂皇的功能介绍可能不是最好的新手引导。

所以，啰嗦了这么许多，也就是要我们在面对新手引导的时候能够平衡好用户需求与产品目标之间的关系，更好地实现两者之间的共赢。

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=5265)

相关话题：用户引导源地址：http://cdc.tencent.com/?p=5265

交互模式应用(4):Wizard

Dicky Shu — 2011-09-05 19:52:22

想象一下这么几个场景：如果你需要去办理一项手续，然而对此流程你并不熟悉；如果你要在异国他乡的机场登机，但从哪里开始取票在哪里安检你心里没谱；如果你在学习使用一项仪器设备，可是毫无使用经验的你举足无措；如果你在银行办理宽带业务，不过需要带什么证件去哪个窗口让你直犯嘀咕……好吧，这类情形越来越少的出现，因为，Wizard(向导)服务很好的帮助了我们，让我们知道如何去按部就班的完成任务。

What: 什么是Wizard

Wizard，原意是男巫或者有特殊才能的人，后来逐渐被用来形容指引路线的人或物。在软件行业，Wizard也是一种常见的交互方式，它由一系列对话框组成的有序界面来引导用户完成预定义好的步骤，从而达成任务目标。帮助迷失的人们找到前进的方向，不正是软件Wizard的魔力吗？

常见的有：软件安装Wizard, 付款流程Wizard, 创建项目Wizard, 导出数据Wizard, 注册Wizard, 找回密码Wizard, 压缩文件Wizard, 配置Wizard等等。

面对繁杂系统、进阶功能或者不熟悉的工作流，软件Wizard是不错的一个解决方案。出自高水准设计的Wizard，必然会成为用户在软件体验过程中的得力助手。

Why: 为什么使用Wizard

尽管名称可能有所出入，Wizard的应用已经非常普及。比如在Mac OS系统里，Wizard被称为”Assistants”，在某些软件的安装中，Wizard被称为”Install Guide”。那么使用Wizard能带来哪些优点呢？

1. 通过Wizard能帮助用户快速学习工作流
2. 通过分解复杂工作流帮助用户更快的掌握内容
3. 预先设计的Wizard步骤能够减轻用户记忆负担从而避免出错
4. 将复杂流程分步进行能够提供充分的任务处理时间，避免用户长时间等待
5. 通知用户当前任务进度使其了解整个工作流的概况
6. 将完成具体工作流的所有操作集中放置可以减少用户的无用导航

When: 在哪些场景下使用Wizard

一般来说，Wizard中的每一个页面会要求用户选择对应选项或者填写特定信息，然后通过Back和Next按钮进行导航，在最终页面按下Finish按钮结束Wizard。

在以下类型的场景中，可以考虑加入Wizard：
-当用户需要完成多步操作来执行某一任务
-当用户需要按照既定步骤完成某个工作流
-当用户需要通过不同类型的决策来达到一个目标
-当用户需要完成由不同子任务组成的复杂任务
-当用户因为第一次使用而不知道如何开始
-当用户不知道软件有哪些新功能或者亮点
-当用户缺乏必要的行业背景或者使用经验

How：使用Wizard需知

Wizard的引入总是在一定目标的驱使下设计师对交互行为的选择，我们来看下如何设计Wizard来指引用户达到目标。
Wizard总是被用来完成相对复杂的工作。任务伊始，用户应该被告知整个Wizard的目的，接下来每一个页面需要用户决策（查看信息、选择或者输入内容）来完成，必须完成当前页面的任务然后才能通过导航按钮（Next或者箭头之类的控件）进入下一个步骤，否则会有提示说明用户需要做什么，在前进的过程中，用户也能够随时返回之前的页面重新决策，到达最后一个页面时，应该有结束的按钮终止整个Wizard过程并宣告任务完成。

Wizard交互设计Tips（这里的技巧并不要求同时用上，而是根据情形使用。）

1. 提供导向化的按钮
Wizard的每个页面上都要有相应的导向化按钮，用于告诉用户可以做什么，包括：回退(Back)、前进(Next)、取消(Cancel)、结束(Finish)等等。要注意在每个页面都提供给用户退出Wizard的接口，比如关闭页面、取消Wizard。

2. Wizard目的简短明晰
首页最好有一个对Wizard目的的描述，以便让用户第一时间了解为什么进入该Wizard以及通过它能获得哪些帮助。

3. 创建恰当的页面标记
Wizard页面需要有一个合适的标记(Label)，用来简短描述本页的内容。可以是任务流程中的步骤名称，可以是需要进行的动作，还可以是整个页面操作的概括。这样用户在进行到当前页面时能马上知道其目的并对自己需要作出的行动心中有数。

4. 使用大众化的语言
在每一页面上最好使用大众化的语言进行描述，毕竟使用软件Wizard的并不必须为专家，简单易懂的语言能够帮助人们更快的理解，避免使用专业名词。

5. 降低Wizard使用难度
Wizard一般是为非专家用户设计的，所以，尽量确保你的Wizard任务简单，能在不受任何专业培训的情形下被完成。面对太多不懂的专业知识和术语的Wizard，你得做好用户打退堂鼓的准备。

6. 提供优选的默认值
用户并非完全熟悉Wizard所指引的任务，所以每个页面提供良好的默认值可以帮助他们快速决策。而且即使是熟练用户，优秀的默认值设置也可以让他们快速前进完成Wizard。设计师根据用户研究和数据分析，制订相应页面的默认选择，能够帮助不同水平的用户快速完成任务。

7. 验证用户输入信息
在需要用户输入信息的页面，在用户输入内容之后要对其进行验证，凡是没有达到要求的输入都无法进入下一步。
-如果用户没有提供信息，则在需要信息处提示用户添加内容，Next按钮disable掉。
-如果输入内容有误，给出具体错误提示，Next按钮disable掉。

8. 控制Wizard页面数量
尽管一些任务非常复杂，但我们也不推荐拆分过多的页面，这样会让用户在进行过程中失去耐心，从而放弃整个任务。如果面临一个工程浩大的任务，设计师应该先break down，提取其中的子任务，然后再安排Wizard。
例如，Adobe Muse的注册Wizard中，将输入用户信息页面与完成页面整合在一起，减少了不必要的页面，控制了整个流程的长度。

9. 保持页面内容平衡
上面我们提到要控制页面的数量，同时我们也应该控制每个页面的内容。每个单独的页面应该只提供跟该页面主体相关的必要设定，去除无关的界面元素，比如额外的对完成任务没有必然联系的链接和内容。避免使用滚动条显示过多内容，特别是mobile设备上的Wizard，因为用户在来回滚动设置中很可能感觉烦躁和不安。如果页面相关内容太多，可以考虑拆分成2-3个分页面，前提是一定要简明扼要。

10. 合理安排页面顺序
在Wizard任务中，有些步骤互相之间是没有太多关系的，例如，购物Wizard中的几个页面（配送时间、配送方式、收货地址、支付方式等）之间不存在强烈的因果关系，所以你不用太过担心顺序问题。如果任务的步骤有前后关联逻辑，那么设计师需要合理的排放页面顺序，使整个流程更加顺畅。

11. 设计不同场景流程
Wizard中我们会提供一些选择决策，让用户决定以哪种方式完成任务。用户的不同选择决定了下游步骤的不同，设计师应该根据这些选择场景安放对应的流程。
例如在安装Wizard中，一般会有安装方式的选择页面，如果用户选用了自定义（Custom）安装，那么接下来的步骤中会有一个对安装组件进行选择的页面，如果用户选择了默认（Default）安装，那么就不应该出现这个安装组件选择页面。

12. 允许用户跳过步骤
尽管Wizard不是主要为专家级用户设计，但也不能排除一些专家用户使用的可能。专家级用户对Wizard里的工作流非常熟练，因此，我们可以为专家级用户提供一条快捷通道，让他们可以迅速走完流程，而不必按照普通用户那样page by page的进行。此外，一些optional的页面也可以允许skip掉。
例如，某些软件更新版本后首次打开经常会出现一个新特性介绍Wizard，一步一步的说明这个版本有哪些更新内容。如果部分用户已经预先通过其他途径获知这类信息，那么他肯定会认为没有必要再逐个浏览一遍。这时，或许一个”I already know these changes”的选项会让他们欣慰不已，节省不少时间。

13. 允许用户保存继续
用户在使用Wizard时，可能面临这样一种情况：整个任务才进行了一部分，因为有事需要离开，或者突然停电，造成工作流的中断。因此设计师可以考虑加入Save and Continue的功能，允许他们保存自己的进度并稍后继续。

14. 显示当前所处位置
跟全局导航一样，Wizard也需要明确指出用户当前页面所处位置。这样做不但可以让用户确切知道自己当前的位置，还能预估出还有多少时间完成所有操作，避免用户因为对流程的整体长度没有一个直观的估计而放弃任务。

15. 标注必须输入(Must fill)内容
Wizard页面上部分内容是为了更好的完成任务而提供的额外信息，那么应该标注出必须要输入的内容让用户可以更快的定位到需要做决策的部分，加速整个工作流。

16. 结束之前显示总结
用户在多个步骤的Wizard结束之前，可能需要对之前所做的决策进行一个回顾，看是否存在要更正的地方。因此，每个Wizard在结束页面上，最好能对前面各个关键步骤的用户决策做一个汇总。

Example

举几个例子，来快速分析一些软件或者网页中的Wizard：

Design Review批量打印Wizard

这个打印Wizard在导向按钮（Tip1）、任务标记（Tip2）和任务目标（Tip3）等方面表现不错，不过却没有显示当前所处位置（Tip14），让用户无法预知整个任务的进度。

Buffalo注册Wizard

该注册Wizard拥有不错的当前位置指示（Tip14），也有很好的导向按钮（Tip1）。不过在以问候语作为页面标记（Tip2）上值得商榷；同时，该页面没有指定必填内容（Tip15），导致用户需要填写所有信息（其实有些信息对注册不是必须的），降低了完成注册流程的效率。

QQ HD for iPad 2.2 新特性展示Wizard

QQ HD v2.2新特性展示Wizard是一个挺不错的设计：

Tip1： Wizard的每个页面可以通过左右滑动的交互手势来回切换。
Tip3，4：优秀的页面标记，简单易懂的文案，清楚的说明了该新特性的基本内容。
Tip9：页面内容安排合理，大面积的图片为主，结合适当的页面标记说明，很好的达到了新特性展示的目的。
Tip12：对于新特性比较熟悉的用户，可以直接关闭Wizard，跳过此步骤。
Tip14：清楚的显示了当前页面在整个Wizard中的位置，减少用户的焦躁感。
Tip16：在最后的页面进行了总结，新特性一览无余。

参考：

http://ui-patterns.com/patterns/Wizard

http://www.welie.com/patterns/showPattern.php?patternID=wizard

游戏新手引导设计（中）

行己 — 2011-09-05 15:03:24

上一篇游戏新手引导设计（上）我们介绍了如何通过分析产品特点和目标用户的能力来对新手引导的内容进行“瘦身”，这次我们就来探讨一下如何将瘦身过的内容准确的传递给用户，并且在引导过程中激发用户的参与热情，即：从引导时机、提示样式、分级开放和创造需求，四个方面分享一下如何设计新手引导的形式。

一、引导时机—在有需求时引导
玩过游戏的人都知道，游戏里的新手引导分为强制引导和情景引导两种，强制引导是指用户在进入游戏时无法跳过的引导方法，而情景引导则是当用户使用某些功能时出现的引导。很多人都喜欢情景引导，因为情景引导不会限制用户的“自由”，同时也能在适当的时间和地点出现，而且很多情景化的引导还可以跳过。归纳起来讲，情景引导最大的优点就是能够很好的满足用户当前的需求，不会强制打断用户的操作流。
我们希望所有的引导都应该在用户有需求时出现，因为只有用户有需求时才会很自然的去学习引导内容，而不会有被填鸭式教学的感觉，因此好的引导应该在用户有需求的时候出现。
下面是我们在《游戏新手引导（上）》总结出来的引导内容，我们需要根据这些内容的特点来分析用户产生需求的场景，从而确定引导时机：
注：本文中的所有图表示例图均为示意，非真实内容。

从表中可以看出，很多引导都是“后置”引导，即：在判断用户产生需求的时候进行引导，而不是在用户进入游戏后立即引导，这就避免了用户产生被束缚的感觉，降低了操作流被打断的几率，从而提升了用户在游戏中的流畅感受，让其感觉到更加自由。
引导时机对用户的操作流起到了很好的保护作用，不过恰到好处的引导，同时离不开恰当的提示样式，下面我们来分享一下提示样式的设计思路。

二、提示样式—告别帮助按钮，避免样式单一
新手引导的过程是协助用户记忆的过程，而各种提示的样式则是用户记忆引导内容的主要媒介，不同的提示方法带给用户的效果大不相同，我们可以从学习金子塔中汲取些经验：

从金字塔中我们可以看到，通过“说和做”能够记住的内容是最多的。一些游戏中采用“帮助”按钮的提示方式，无疑是在质疑这个金字塔的研究成果，这些设计者鼓励用户使用帮助按钮去解决各种问题，因为设计者们认为用户在有需求时会主动使用帮助按钮，没有需求时此功能也不会打断用户的操作流，这种设计无疑确保了用户都是在有需求的情况下才去寻找帮助。但是这样的提示方式却导致用户需要花更长的时间去解决问题，因为帮助功能只能让用户利用“读”所获得的10%的知识去解决问题。
下面是WORD的帮助界面，当面对问题的时候我宁愿去询问周围的人也不愿使用这项功能，至少听和看（演示）的效果都要比读强上5倍：

提示中除了应该避免采用文字叙述的形式外，还要利用多样化的样式来帮助用户理解引导内容。
在很多游戏的新手引导中，用户把所有的内容进行完后还是一无所获。其中一个主要的原因就是引导提示的样式过于单一，用户会将新手引导归纳成“点击箭头指向的位置”，而每次在引导提示出现的时候，用户都在实践这项归纳的成果，并且屡试不爽。至于功能的作用和使用方法，用户压根就没关心过。
下面以一组同样的引导提示为例，可以感受到单一样式带给我们的“惯性思维”效应：

当我们采用统一的提示样式的时候，用户很容易发现提示的位置，但是当用户把前几个提示看完后，他们只记住了“点击箭头指向的位置”，而不再注意这个功能到底怎么用。因此，在引导过程中我们需要不时的变换提示的样式，打断用户的“惯性思维”，从而让用户认真的去理解被引导的功能。尽量从操作方法的角度去提示用户是个不错的选择，下面是根据功能的操作特点归纳出的提示样式：

从操作方法的角度去确定提示样式可以让用户更好的掌握解决问题的方法，因为它利用了“看”的方式，先让用户掌握50%的信息，再让用户自己去“做”，这大大增加了用户掌握技能的几率。当然，优秀的提示样式和引导时机并不是万能的，因为他们不能减少用户的学习量，游戏中仍然会有用户因为过多的学习量而流失。为了避免这种情况的出现，游戏在新手引导中还会采用分级开放功能的形式，避免用户一次性承受过大的学习量。

三、分级开放功能，减少单次学习量—界面优化是关键
分级开放功能对于新手用户来说无疑是个福音，需要单次掌握的内容被划分到不同阶段去学，使初学者有一个缓和的过渡期。不过对于很多分级开放功能的游戏来说，其分级开放的效果并没有达到预期水平，究其原因，还是界面的功能信息没有得到优化。一些本该在后期才会开放的功能，在游戏初期就被放到了界面中，反而增加了玩家的学习量和误操作次数（点击后被告知无法使用该功能）。因此，对于高级别才能开放的功能，不应该在界面中提前显示出来。
《神仙道》中优化了主界面的信息，使功能按钮在功能开放时才会出现，不但有效降低了用户初始学习量，还避免了用户误操作，并且不会使用户产生“有功能不能用”的束缚感：

通过前面的工作，我们优化了玩家的学习量，并能够给予玩家适时且高效的提示，新手引导似乎已经完成了，其实，我们还缺少最重要的一项内容：如何在新手引导中点燃用户进行游戏的动力。

四、新手引导的精髓—创造需求，点燃用户的参与激情
虽然我们设计了完善的引导体系，让用户可以利用最低的学习成本获得高效的回报，但是这些都不是新手引导表现形式中的精髓，作为最先与用户接触的内容，好的新手引导要让用户获得游戏的动力。
还记得咱们在《上篇》中分析的用户信息么？我们对用户的喜好也进行过记录：

从上面可以看到，用户A渴望在游戏中获得强大的能力，用户B则期望在游戏中体验丰富的剧情。对于用户A来说高级的装备、炫酷的技能、超越常人的实力无疑是其留在游戏中的动力，而对于用户B来说，能够获得相应的使命感，会让其积极地参与到游戏中去。
很多游戏中都存在这两大类用户，但是只有少量的游戏（主要是从其他媒体改编的游戏）注意培养用户的终极目标和使命感，这些游戏通常会用单独的过场动画来强制用户建立这种感觉，不过也有一种更加优秀的表现形式，为用户设计剧情化的任务：

在《星辰变》中，新手用户进入游戏后先进行剧情任务，这些任务与普通任务的不同之处在于他们更注重游戏文化、游戏目标和使命感的传达，让用户通过“做”的形式，更容易记住剧情中的内容，从而获得游戏动力。相对于填鸭式的过场动画，画面华丽的剧情任务无疑是一个使命感传达的进步。
通过剧情任务可以激发各类用户的游戏动力，对于A类用户，他可以从剧情中得知自己曾经是个很强的角色，为了恢复自己的能力需要去改变自己的命运。在这种剧情设定下，每一个新功能的开放，对这类用户都将起到积极的促进作用。对于B类用户，专注的剧情传达，不仅使其更好的融入游戏文化，还巩固了这类玩家的使命感，增加了他继续游戏的动力。当然，对于其他类型的用户而言，还可以使用“跳过”功能，因为关闭这些剧情任务并不影响他们继续游戏。

最后，我想说一下，新手引导作为游戏的重要一环不应当在游戏制作完成后再加入到其中，而是要在制作过程中结合游戏的剧情和功能一起设计，因为他是控制用户流失的关键一环。
未完待续…（下期介绍新手引导检查）

游戏新手引导设计（上）

行己 — 2011-08-03 22:08:48

在游戏市场中，游戏产品琳琅满目，特色玩法五花八门，但新手引导却千篇一律。枯燥的引导大幅的降低了用户体验，导致用户留存率的下降，因此如何把填鸭式的教学变得新颖有趣，如何把冗长的引导时间变得短小精湛，也是游戏交互设计的探索方向。通过对现有一些游戏的体验，我总结了一点设计新手引导的思路，希望对大家有所帮助。

如何提高新手引导的引导效率，那就要从引导内容入手，因为我们可以通过优化引导内容来提高引导效率。

一、从产品功能角度分析引导内容

需要引导的内容可以分为两大类：玩家必须掌握的基本技能和吸引玩家的亮点。以一款RPG游戏为例，我们总结出该产品所包含的内容：

注：本文中的所有图表示例图均为示意，非真实内容。

从列表中可以看出，基本操作、任务和NPC交易是直接影响玩家能否进行游戏的基本技能，而天赋系统则是游戏有别于其他产品的特色系统，用于吸引追求职业多样化的玩家。排名系统在很多游戏中都有，但不是玩家必须掌握的系统，对初期玩家也没有过多的吸引力，因此可以暂不引导，而由玩家在日后“自我发现”。

经过优化，我们可以确定从产品角度来讲需要引导的系统会有4项(去掉了排名系统)

从产品的角度分析完引导内容后我们还可以从用户特点上分析引导内容。

二、从用户特点角度分析引导内容

做一款产品有目标用户，做一个新手引导当然要为目标用户服务，因此引导内容不仅要参照同类产品，更要了解用户特点。如何了解用户在引导过程中的需求，就要从我们经常做的用户调查说起。在对用户的调查中我们可以找到用户的游戏经历，通过对目标用户的游戏经历进行分析，我们可以发现目标用户所具有的游戏能力：

在对用户的简单分析中，我们可以了解到用户对游戏的兴趣所在，通过体验用户玩过的游戏，可以了解用户目前已经具有的游戏操作能力。

三、进行综合分析

前面我们从产品角度分析了需要引导的内容，又从用户角度分析了用户目前的操作水平，下面我们可以将两种信息结合起来，对游戏的引导内容做进一步优化。

我们把用户的操作能力定义为1:熟悉、 2:一般、 3:不熟悉。在以确定的引导内容上确定用户的操作能力。

经过分析，可以明显的看出，两种用户对于任务系统和NPC交易系统已经有充分的了解，因此在引导过程中可以考虑将这两个系统的引导内容作为可选引导内容和小幅引导内容。对于“用户A”这样的玩家，我们还应该满足其跳过引导的需求，使其无需被“强制”引导，因为对于这类玩家而言，引导信息在打断他的操作流。所以最后确定的应该主要引导的内容是

浅谈用户引导设计

Fang — 2011-05-23 21:23:48

引言

作为163免费邮wap版的交互设计师，每天会收到很多用户反馈，其中一些用户反映：不知如何修改邮箱密码；在写邮件页面找不到“发送”按钮；甚至不知道登录邮箱要填写的用户名是指什么……一些看似简单的操作，对于用户来讲都有可能造成困扰，产生“挫败感”。而对于一个新产品/新功能而言，用户将要花费比上述情况更多的学习成本去了解熟悉产品。作为交互设计师，我们有义务用一种能帮助用户理解和接受的方式，将新产品/新功能呈现给他们。否则，用户也许永远不会发现原来我们拥有的他正在寻找的服务或产品，很有可能的结果就是，在网站上找了一圈之后咒骂着离开。而一般情况下，我们不会得到太多的“第二次机会”来纠正它，用户流失了就很难再回头！

谈谈新手引导……

由于种种原因，产品在走向一个怪圈，就是功能和内容不断膨胀，产品变得愈加复杂臃肿，越来越难以使用，对于新用户来说，怎么去接受如此庞大的产品呢？如何让用户有兴趣并快速读懂，然后产生使用的欲望和兴趣，便是我们需要去考虑的问题。

我们首先会想到“新手引导”。所谓“新手引导”是指将产品规则以简单易懂的方式在较短的时间内传达给用户的模块。

最简单的新手引导是用文字的形式向用户传达产品的功能及理念。如Evernote。

但一些情况下，比如产品相对复杂的时候，仅仅把这些干巴巴的文字放在那儿是远远不够的，用户很少有耐心去看“说明书”。我们可以用其他形式的引导来担负起消除用户各种初期不适症状，比如制作一段高品质的视频来对产品进行讲解，如 Business Photos from Googl (←点击观看)

很多产品会用提示框的方式引起用户对新上线的小功能/通知的注意，但这种方式大多情况下非用户意愿，会给用户造成一定的骚扰，如下图。（我找得到“新建”，没必要这样狂轰滥炸式的提醒我吧 →，→）

还有简单生动的图配文方式，如Weico；

更有甚者，将游戏中的新手任务模式引入到产品中，用奖励的方式来吸引用户，让用户对产品快速上手，如DevHub。（详见Blueben的Gamification：互联网产品的游戏化设计思路）

那么，我们到底应该在什么情况下，用哪种新手引导方式会是性价比最高的呢？现将上述新手引导方式整理如下表，以作参考：

从上表的分析可以看出，现有的新手引导方式各有优劣，在实际的引导设计中，我们要具体情况具体分析，权衡利弊，使用恰当的引导方式或组合。

除了新手引导，我们可以利用产品本身去引导用户……

其实对于产品而言，仅用新手引导来指点迷津是不够的，它只是用户认识产品的试水石，到底这潭水是深是浅，还要用户亲身使用产品，体验之后才能明了。要想“治本”，还是应该利用产品本身的“线索”来引导用户，营造清晰的、有条不紊的使用体验，提高产品的易用性。

首先，控制产品的需求。要想产品自身保持清晰的引导性，最聪明的办法就是学会控制产品的需求。保持产品简洁，专注于现有功能，将一件事做到极致。任何多余的东西都有可能带来巨大风险，如果盲目满足用户需求，而把产品做得越来越错综复杂，引导性也会越来越模糊和棘手，用户很容易就会迷失在产品中，导致做出错误的决定，走向错误的方向。

其次，把握产品的节奏。就像Google用户体验的十大准则中提到的那样：

“引导新手，吸引专家。最好的 Google 设计表面上看起来很简单，但是却包含了强大的功能。我们的目标是为新用户提供美妙的初始体验，让新用户很快熟悉产品，在必要的时候提供帮助，并且保证用户可以通过简单符合直觉的操作，使用产品的大多数有价值的功能，逐步披露高级功能，鼓励用户去扩展他们对产品的使用。同时在适当情况下，Google 会适时地提供一些智能功能来吸引那些经验丰富的资深用户。”

理想的引导方式应该是渐进式的，保证对的功能出现在对的位置上。产品的初级功能应该是简单直接的，让初级用户感到足够用，不会被自己用不到的功能迷惑；而高级用户则充分满足其“涉奇心理”，在一点点探索产品的过程中，能够找到需要的高级功能。

另外，需要注意的三个方面……

1、首页很重要。首页在很短的时间内表达很多的内容，是产品给用户的第一印象，信息架构的引导性和需求把握的准确性更是至关重要，需要所有的信息必须极为精炼和切中要害，让用户一进入产品就带着强烈的需求，让他们感知到产品的目的性，这种目的性会引导用户直奔主题，顺利完成操作任务，Google的搜索框就是首页无干扰的典型例子。

2、尊重用户习惯。产品的引导性不仅与用户使用目的有关，与用户的认知积累也有非常直接的关系。Nielsen Norman Group的测试报告显示，用户去某个特定的产品完成任务的成功失败比例大概是2:1，这些失败是当人们在使用新产品的时候才会发生。也就是说，如果人们在实际使用过程中，把大部分的时间用在那些过去被证明或他们认为是可用的产品上，他们成功的机率就要更高一些。设计越是让人感到自然熟悉，用户就越可能再回来。所以，我个人并不反对在设计产品交互方案时适当借鉴同类产品，因为这些交互方式是实践证明能被用户所接受，或者用户已习惯这样的操作使用的。当然，这并不是说要扼杀设计的创新性。

3、善用文案的力量。文案（标签/提示）对用户的引导也不容小觑。用户在产品中点来点去寻找有用信息时，文案应当易懂，并且具有描述性。别在那些引导用户的文字上耍小聪明，那样只会让用户摸不着头脑，分散注意力，使他们更加迷惑。要用他们描述需求时所用的语言，去创建易于使用，实实在在的用户体验，这才是与众不同的方法。

结束语

如果说传统媒体最差的用户体验是用户不知道“它是什么”，那么互联网最差的用户体验就是用户不知道 “该做什么”。人们在物理空间中天生的方向感在信息空间中根本不起作用，混乱的设计会导致产品死路一条，更糟糕的是，他们会去你的对手那里。一个好的产品会在用户需要的时候提供给他们想要的东西，让用户放心地进行探索，当用户能够在产品中做他们最一开始想做的事时，产品就成功了。

最后放一段奥斯卡2006年的最佳短片《Lifted》（←点击观看），轻松之余，再次感受混乱又无引导的产品对用户的灾难性，但愿我们的用户不要像短片里的小ET那样窘迫和无助……

相关话题：用户引导源地址：http://uedc.163.com/5614.html

正确的引导

小F — 2010-12-27 22:32:41

网站上，用和主色调对比很强的颜色或质感很强的按钮吸引用户进行操作，从而促成交易，或浏览相关重要信息。

正确的引导，符合了人机工程原理，优化了用户体验，给用户以易用、互动性。从而使网站给用户留下了美好印象，用户倍感温暖，加大了第二次访问的可能性。

那么反之，不正确的引导——误导，会是一种什么情况。
笔者上周曾去南京一趟，便在沪宁城际高铁常州站站台遇到了误导。

笔者是高铁5号车厢，可是在其旁边不远却有一个有明显的动车13号车厢，该标志很明显很清晰，以至于从天桥上下来就可以看到这黄色背景的提示。
对于我们这些知道动车和高铁区别的人来说，稍微注意点就会避免站错位置，而对于我们父辈，或者民工（中国当前这样的人还是占有很大比例的）他们压根就不知道CRH3就是高铁，甚至不知道自己买的票是哪种类型的车，而且在哪个个站台乘车都是问检票口的服务员。这种明显的的标志肯定能给他们造成误导。笔者就亲眼看到一位抱小孩的妇女拿着车票一脸惆怅，怎么是13号车厢。
稍微改进一下，不是突出动车或高铁，而是让D、G做明显区分，或许就能解决这样的问题。

这样的经历很快让我想到了与我们生活密切相关的，老百姓的菜篮子。同样也存在着是否正确引导的问题

这种情况广泛出现在中国的各种消费品市场，无论是大型卖场还是小型便利店，已经是商家们屡试不爽的伎俩，而苦了的就是收银员小姐了。这种打着“顾客就是上帝”却在无形中欺骗了用户。商家若想长期屹立于不败之地，就必须关注用户，给用户真正的实惠，做正确的引导。

误导，利用某一种特殊优势故意夸大这种优势的的普遍性，引导用户完成利益拥有者想要达到的目的。不符合用户体验，另一种角度，用户感觉受了欺骗，从而降低了网站的友好度，减少了第二次访问的可能性。

让我们回到互联网。

以上是二个购书网站的价格引导，左边的毫无主次，不知道它想突出哪一个。相比看，当当的优势就十分明显无论是用色上还是体验上，首先用做引导的37元，是在当当购买的所有用户都可以享受到的。另外也对加入钻石VIP可以享受到更多优惠作了提示。
相信这样的设计比用钻石VIP价作为引导更能赢得用户的青睐，久而久之，用户得到了实惠，必要的话，也会购买VIP。

所以，我们的网站了需要引导，而且必须做正确的引导。让用户有归属感，才会赢得用户的忠诚。

相关话题：用户引导源地址：http://www.ue-ui.com/guide-correct.html

用户引导系统设计

訫有意 — 2010-12-05 20:19:19

谁都能接受简洁的产品，因为它易于上手，易于使用；产品人喜欢简洁的产品，因为简单的东西易于制作和维护；模仿者喜欢简洁的产品，因为copy太容易了；竞争对手也喜欢简洁的产品，因为在你的产品基础上再加一个贴心的小功能，就可以分走你大量的用户；垄断企业更喜欢简洁的产品，轻轻的一挥手，就把你的产品给整合了……

于是，经过深思熟虑，挖掘了众多用户的需求之后，我们开发了足够“复杂”的产品，如下图所示（每个图形代表一个功能，图形越大功能越高级）

但对初级用户来说，怎么去接受如此庞大的产品呢？于是各种引导（向导）便担负起消除各种初期不适症状的责任

提示型引导

这样的提示框在许多产品中都可以见到，通过固定程序或后台按部就班的向用户推送着各种功能提示。这种提示效果不是很理想，偶然碰巧才会推送到用户感兴趣的，并且对用户形成了一定的某种骚扰

适合情况：新功能提醒，强通知提醒

缺点：效率低，大多情况下非用户意愿，无规律

新手（设置）向导

新手任务被大量应用在游戏和论坛产品中，设置向导则用于设置项很多的复杂产品中。这类向导通常不是强制性的，用户自愿选择，或给予某种初期用户很重视的奖励来吸引用户。

适合情况：初期熟悉部分产品功能

缺点：使用率低，效果不理想，某些产品中为作为强制性流程，效果有待考察；通常不涉及到高级功能，因此后期乏力

视野型引导

视野就是我们能看见的景观范围，随着人的位置移动而变化，因此视野变化在一定程度上可以反应一个人的行为路线。我们的产品中，即使对于高级用户，有些功能也是他不需要的，视野型引导将通过用户的行为和意愿来判断，因而将更加贴合单个用户的行为特点。

将功能整理成渐进式路线，用户使用了初级功能或达到某种进阶要求时，向其展示中级功能，以此类推。如我的联系人很少，或者联系人都是我同学，不用分组也可以管理的很好；当联系人达到一定数量或有了不同类别，这时候可以发现“关系中心”或 “联系人分组”功能（上图中的虚线圆）

优点：最智能的引导，对中低用户来说是“足够用，足够简洁”，不会被自己用不到的功能迷惑；充分满足高级用户的“折腾”心理，并且可以找到自己真正用到的高级功能；用户的在使用的过程中，无形中就定制了一个真正属于自己的产品

缺点：系统设计比较复杂，各条线的功能点要有很好的衔接和过渡，并且要有一个合适的进阶规则（即可以跳到下一个功能点的条件）

有一个很经典的例子：某公园不是先修了路让游客去走，而是先让游客走，再沿着踩出来的路线修路。如果不让游客先走，而是书面建议设计路线图，那结果又会是个什么样子？

相关话题：用户引导源地址：http://djne.net/product-design/232.html

新浪微博与腾讯微博的注册与新用户引导

甘轩霖 — 2010-06-03 17:37:14

前言

最近微博很火热，以新浪微博和腾讯微博为代表，体现了不同的产品设计理念。

新浪保持了一贯的媒体路线，腾讯仍希望发挥出草根们的强大动能。

对于两家互联网大公司的微博产品，在下不才进行了一些观察，不敢说点评，把自己观察到的一些细节分享给大家，以启发思维。

先从简单的和具体的说起吧，本篇主要比较一下二者的注册与新用户引导流程。

由于腾讯微博暂时只能通过邀请获得，所以我对比的流程均为邀请注册。

我假设自己为新用户，分别获取了来自朋友的腾讯微博和新浪微博邀请。

一、新浪微博

1.1.1、进入邀请链接后的邀请注册界面

图是我进入了邀请链接之后的界面，总体感觉不错：界面整齐整洁，产品所体现的目的明确（同时也符合用户的目的：就是来注册的）。

区域说明：

① 明确表达这个页面的目的，某人邀请了你注册新浪微博，再用一句话说新浪微博的主要作用。

② ③ 做到了整齐排列，看上去很舒服。

④ 默认勾选协议，暂不议好坏。

⑤ 立即注册的按钮放在流程的末尾，按钮形式足够醒目却不抢眼。

1.1.2、邀请注册界面的动态提示

还是在第一步注册的界面，当我开始输入信息、与页面有互动时，页面也开始与我互动。

① 还是之前的那个样子，但我在选择了“电子邮箱”输入框之后，输入框下方出现了常用邮箱的列表，很方便的用户填写的细节。同时，在 ② 中，也出现了对应“电子邮箱”输入框的提示（原先为空白）。

当我填写出现错误的情况下（即 ③ 的情形），在 ④ 中除了对应输入框的提示之外，还出现了错误提示。

1.2、邮箱激活

这一步没有什么惊奇的，系统给我发了一封email，我直接点链接回到了新浪的页面。

值得一提的是，回到的页面会有个红字的额外提示：你的账户已激活，请登录。

这个提示很好地把流程连接起来。

1.3、基础信息的填写

值得注意的是，新浪微博将一般统一起来的注册信息填写分为了两步（可对比早期版本Discuz的论坛注册，需要你填写很多内容）。这样做，让用户感受到了简单，降低了注册这一要求对他们造成了负面影响；同时，这样的设计体现了流程的概念，能够给用户一种按照流程继续行走的心理暗示（当然，太过泛滥地使用流程所造成的心理负面影响一样糟糕）。

区域说明：

① 显示进度条，明确告诉用户当前在做什么，接下来要做什么。在确认当前目标的同时，也让用户对后面的流程产生了期待，这种期待来源于两方面：一方面是对“推荐的人”的流程本身的期待，另一方面是这流程很简单，只要两步的操作，第三步就是收获了。

② 当我的昵称出现重复的时候，出现错误提示的同时还给了一些建议。

③ 根据我的IP或者其他数据事先帮助填好地区的大项，只需要再小项中选择，而默认的小项也是可以不用选择的：不限。（我不确定系统判断的标准，也许是因为邀请我的账号是北京的？）

④ 选择性别时，点击大的图标是同样有效的，比直接去点单选框要轻松的多。

⑤ 开通微博的按钮放在流程末尾，依然醒目而不抢眼。

1.4、添加关注的人

微博中最重要的是加对关注的人，加错了人，要么信息过少，要么信息泛滥，从而导致整个微博无法满足你的需求。所以，新浪微博在这个环节上做足的功夫（当然也有赖于新浪本身很厚的媒体底子）。

区域说明：

① 依然是进度条，明确当前目的，标示流程进度。

② 系统默认勾选了“人气关注”第一页的全部人物（20个），在进度条的下方的右侧功能区就放置了添加所有勾选的人为关注的按钮，针对没有耐心仔细筛选的用户比较方便。

当仔细在列表中筛选用户之时，系统提供了两种方式，一种是勾选④，另一种是直接加关注⑤，一类人物选择完毕后到达底部，底部的③按钮依然很方便地让用户添加所有已经勾选的用户，同时⑥也让有兴趣的用户可以展开选择更多。

⑦ 帮助用户快速选择想关注的分类，对于比较理性的用户很有帮助（在开始选择之前的位置，即人物列表的上半部分、左侧），但我建议在底部同样增加一份人物分类列表，因为往往我看完这一屏我才发现也许这些人物并不是我想关注的，除了展开更多（⑥）之外，我可能更愿意换一换分类。

1.5、首次使用首页

首次使用首页，免不了陌生感，要解决这个问题，要么将产品设计得结构清晰合理，完全不需要学习；要么就有足够好的提示，帮助用户了解系统。

当然后者是治标，前者是治本。

新浪的提示用得不多，且主要是设置型的。

① 和 ② 都是设置的提示，而且均可关闭。而这个提示指向的目标和本身的言语都还让人挺有兴趣的，比较合理、也达到目的。

③ 是微博的主要组成部分之一，占据了明显的阅读位置。在加完关注之后立刻就有内容可以收听，保证了使用流程的流畅。（同时注意：邀请者ShiningGan默认成为了我的关注目标）

1.6、上传头像

按照提示，我要进行头像设置。

使用之后，发现这有几个问题：

1）微博的头像是正方形的，所以必须进行剪裁，这可以理解，但对长方形的图片支持也太差了吧……就不能把长方形的图片缩小么？比如上面这图，我怎么剪裁才好呢？

2）上传图片的过程是没有进度条的，只有一个提示，而且这提示还时好时坏，比如我已经上传了一张图，发现不合适，换了一张传，这时候我发现那个提示不存在了，给我的只是一个区域性白屏（现在WONEI的LOGO的原图的位置变成白屏）。

1.7、整体感觉

新浪微博注册和引导流程整体感觉目标明确、流程流畅、人物充足且方便筛选。
唯一让我觉得郁闷的地方在于头像设置。

二、腾讯微博

2.1、登录QQ号以激活

由于腾讯微博与QQ号绑定，这省却了注册流程，只需要进入邀请链接后登录激活即可。

在腾讯的登录激活界面没有明确的邀请说明，只有一个登录QQ以激活的提示（⑤）。

其他区域说明：

① 和 ② 分别：说明了微博的作用（主题），显示了最新名人的微博信息。在左侧，也许是因为把主题和具体内容混在一块儿，让我感觉这是不太会被注意到的区域。

③ 和 ④ 整齐排列了项目名称和输入框。

⑤ 的提示让人明白登录的作用：激活微博。

⑥ 登录放在流程末尾，醒目不抢眼。

值得注意的是，这是一个有互动的页面，在某种情况下会出现Step2的情况：需要填写验证码。（具体我也不知道是什么情况，也许是太久没操作被判断为机器人？）

2.2、填写基础信息

跟新浪微博一样，腾讯微博也把激活和填写基础信息的流程分开了，而且由于QQ的支持，腾讯微博需要填写的基础信息也很简单（没有地区，也没有性别）。

① 明确地表示了当前操作的目的、主题。

② 合理、整齐排列项目名称与输入框。

③ 针对输入框实时出现对应的提示，与用户行为有积极交互。

2.3、首次使用首页-添加关注的用户

腾讯微博将添加关注人的向导直接放到了首页。

我觉得这样的形式比单独的页面更好，单独的页面引导结束之后，会让用户被迫接受另外一个陌生的页面——首页。而腾讯微博这样的形式，让人明白现在是在首页，但我对你有一个引导，让用户对首页没有陌生感。

——但是，腾讯这引导也太简单了，完全没有类别筛选。

您这里面列举出来的每个人，我都不感兴趣也……

另外，没有全选/全不选也就算了，我一项项取消勾选之后，点击下一步，居然提示我“必须选择一个关注的人物”。

2.4、首次使用首页，关闭了引导之后还有引导

之前有提到，针对一个陌生的首页，有两种形式：要么做得一看就明白，要么就做足够好的提示。

微博的形式我觉得已经做得很明白，但腾讯微博觉得用户太小白，还是要再教一教，所以就做了提示。

这个提示是足够多了，但是否是足够好呢？

如上图，一共其实有三个步骤，我简单罗列出其中两个。每点击“下一课”，提示框就会在页面跳动，告诉你一些重要功能的位置和作用。

这个形式挺好，但我觉得有两个不足，一个不足是标示位置的小箭头不够明显，我没注意看的话，只看到提示框到处跳，而没注意到它其实是在指示着某一个功能的位置；另一个是这字实在是太多了，使我根本连一个字都懒得看（当然，我自然能理解产品设计师想谆谆教导孩子们，恨不得奉上长篇大论的心态，我自己也犯过这样的错误）。

2.5、首次使用首页，引导之后还有引导，引导之后还有引导

嘿，这老师还真没完没了。

不过，你在Step1担心我实在没什么人可以关注不免觉得无聊，非要推荐我去一些地方也情有可原。可在Step2直接就把我当做高级用户，推荐我更新客户端和搞手机微博了啊？

2.6、一样的头像规则，一样的问题

和新浪微博一样的模式，也有一样的问题：1、不支持非正方形图（其实我只要你能支持把原图放大缩小就可以了，我宁可要填白，我也不要缺图）；2、上传没有进度条。

2.7、腾讯微博总体感觉

依托着QQ的天然优势，可以让用户在注册激活流程中减少很多输入量，简化流程；同时，也可以根据好友关系，丰富可推荐关注人物的列表。

腾讯微博在激活的时候少填了个性别和地区，同时，进入首页的流程很简单，只要三步，免去了邮箱认证等流程，又把引导放到了首页中。

但美中不足的是，首页的引导多了一些看似有效，但实际阅读率很低的东西（就是一大段一大段的文字），而真正重要的引导流程（添加关注、设置类提示）却做得很不到位。

不过腾讯微博巧妙地基于首页再进行引导，避免了页面的切换，让用户感觉流程顺畅，这点值得继续挖掘。

引导用户的笨办法

纯银 — 2010-03-20 11:37:47

以前啊，有段时间，自从我们在用户信息中显示IP所在城市后，跟帖中就充满了地域攻击。广东人/北京人/上海人/河南人，混战一团，甚至本省城市也频繁内斗。我觉得这很要命，如果你因为自己的城市而被别人辱骂，就会减少大量有见地的发言，而粗鲁攻击的人却不在乎，依然赤膊踊跃，劣币驱逐良币。相对于观点不合的吵闹来说，地域攻击更粗暴，更简单，鼓励了恶的行为，是社区大忌。

然而我的想法并未得到内部支持，不少人很奇怪地看着我说，你怎么会对地域攻击这么敏感？存在即合理嘛，只要不涉及审查风险和广告垃圾，我们何必去干涉用户行为，不如作壁上观。意思是“天然的就是最好的”。我提出的城市敏感字预审计划被搁置。

随后，我一直保持对跟帖进行观测。发现在大约半年以后，地域攻击的比例有所下降，不少人在跟帖中自发抵制针对城市的辱骂，显示出用户社区的自我修复能力。时间又过了半年，期间几次反复，后来我发现跟帖发表框上面多了一行字：“文明社会，从理性发贴开始。谢绝地域攻击。”

这句话有没有效果呢？

事实证明，当这么简简单单的一行字加入进去之后，地域攻击的数量直线下降，即便发生，也有不少用户自发跟帖道：“文明社会，从理性发贴开始。谢绝地域攻击。”可见民心所向。

由此联想到我在杭州挤车的经历。我上班经常坐公车，有时很挤，一大砣人堆在前门，后面的人上不了车。我想往里边走一点吧，大家都不动，我也不好蠕动。但如果司机师傅大吼几声：“往里边走！前门的人往里边走！”整个队列就开始缓缓移动，艰难地，一步步地挪到车厢中后部去。

为什么非得司机喊一嗓子大家才动弹呢？

这个问题涉及到了人的社会性，我解释不好，只能描述现象本身，即用户的动作往往会受到明确提示（尤其是催促）的指引，尤其当他承认提示合理性的时候，就愿意为此多做那么一点。多出来的“一点”很可能明显改善社区的秩序和氛围。

我在看美空发图流程的时候，注意到它加了一句话：“一组优秀的展示最好控制在2-10张(推荐)”。然后再看美空的作品，果然无不如此。用户行为与系统提示之间未必没有联系。

再看糗事百科，也有类似的提示，比如“请珍惜自己的id，一旦作恶，id将被永久删除。未来将开放邀请码注册通道，获取id会非常困难”，这是登录提示。又比如“请不要发表与本内容无关的评论，您有了账号就是有身份的人了，我们可认识您”，这是评论提示。另外在用户帮助审核的时候，还有醒目提示如下：

“近期与随机（视频）聊天的帖子太多了，希望大家把把关，没有足够笑点的帖子就不要再通过了。另，中国男足这类热点事件，也希望讨论能够集中，笑点突出的可以通过，没啥意思的就不要再放出来了。”

“追加：发现不少吐槽贴、询问贴被通过了，希望对这类帖子投通过票的同学能够认真对待自己的审核权利，糗事百科不是吐槽百科，也不是绿衣八卦百科，谢谢。”

我不认识糗事百科的人，但我相信提示效果不俗。最后得出来的结论有三点：
1、明确告知用户行为规则
2、该规则具备较强的合理性，容易被用户认同
3、在用户操作区域就近提示，千万离远不得

以上简单到笨拙的方式，堪称性价比最高的引导之道，现实中却很少被产品设计采纳。大部分时候我们一言不发，再用事后的算法、审核等“高级手段”来剔除杂质。原因无非两个，第一是“讲了也没用，讲了他们也不听”，第二是“杂质行为是少数，加强提示会对正常用户造成干扰”。

其实我觉得，干扰一点点也无妨，像城市里无处不在的公德标语。至于讲了之后他们到底听不听？个个乖乖听话是不可能的，但也并非个个用户都冥顽不灵。其中还有相当比例的，只是有点小淘气小任性的用户，被你严肃提醒一下，好像无形中有个管理员在看着你，紧接着的操作就可能走到你希望的方向上去。只不过是放了一句话在操作区域旁边，如此低廉的成本，促进效果又算不得小，何乐而不为呢？

闲言碎语：如何引导客户

Lytous — 2009-11-10 10:52:49

引导客户是个细活，也有不少设计师认为这就是商务人员的工作，其实在今天的商业合作关系中，设计师早就被拎出来作为pre-sales的挡箭牌了，因此行业的压力迫使我们需要掌握一些商业沟通和合作的技巧。

那么为什么要引导客户呢？客户者，衣食父母也。抓不住客户，就搞不来现金，搞不来现金大家都要集体回家数键盘按键，这点在设计公司中尤为明显，而在一个企业的设计部也是一样的道理，这里的客户转变为了公司强势部门和领导层。引导客户无非三个目的：体现自身价值、阐述设计意图和思路、更快的确认设计成果。

潜规则说得好，先统一人心，再集体办事。引导客户的终极目的也在于此，把客户先拉帮结伙，思维同化，有助于下一步工作的开展。那么人都是有思想的，因此你的介入性引导，也有可能不会得到预期的效果，这都依靠你在引导过程中的经验和手法。这就像你去按摩一样，第一次总是觉得像被揍，以后越来越舒服，都是一个技术层面的东西。

1. 强行引导会有反效果

什么叫强行引导呢？我相信客户方最有发言权，就是一个不怎么样的设计师和公司来推荐，或者不太成熟的内部团队做演示，设计出来的玩意外行看了都认为有点问题，他（们）自己还在说得眉飞色舞，什么“国际化风格”，“大气磅礴”，“精美绝伦”能用上的花言巧语全用上了，最后让人感觉像个小丑。

引导的过程中，从见面的第一刻起就回避客户的眼光，或者看得要把客户吃掉一样，客户一有意见就说“根据我们的成功经验，你的这个看法是。。。。。”,基本上这种作风的引导方式只会带来恶劣的反效果。自信应该表现在做人做事的细节和缜密，而不是行为和语言的攻击性上。

2. 增加对待客户的同理心

客户花钱让你设计，就是为了节约时间，获得更好的市场反响，以及更好的推动效果。千万不要喧宾夺主，不要以为客户是应该来求你的，设计师的关注点也不应该一开始就集中于设计费用和时间周期上，设计引导的重点可以确定在产品和服务上，如何低成本高效率的完成产品的设计遗漏问题。

从客户的角度出发，生活中也有不少的例子，比如你去餐馆吃饭，无良的餐馆的服务生总是会推荐餐牌上的招牌菜（多半是价格昂贵的），而有一点同理心的餐馆会从客户角度出发建议你点什么，点多少，甚至我还遇到过根据你的用餐目的（约会，朋友相聚，宴请亲友）来定制点菜和服务的 — 可惜，这不是我国本土餐馆。

增加对待客户的同理心是赢取客户信任的第一步，也是引导的第一个开端。

3. 客户关注的也许是设计以外的事

也许你不相信，大多数传统行业客户在听你的设计提案的时候，根本搞不清你在干嘛，他们关注的是你的语言流畅程度，关注你用什么笔记本电脑，关注你的着装，关注你的自我介绍。。。。。。直到，对，直到你提及他们的产品名称，价格，市场占有率，利润率，品牌影响程度和深度的时候，他们的耳朵才会竖起来。

设计师放了太多精力在我们的设计过程中了，其实客户更关心的是“你这个设计究竟是怎么得来的？”“为什么要这么设计？”“用了这个设计产品就能好卖么？”“你的设计为什么这么贵？” — 好了，这同你去旅游一样，如果景色不磅礴，路途不遥远，人烟不稀少，文化不异域，你会认为旅行的意义没有那么的厚重。

4. 了解客户的底线和背景

无论你怎么引导，怎么沟通，客户一定是有底线的，你的设计不能太好，也不能太坏，不能太贵，也不能太贱，这是一个拿捏的过程。如何了解客户的底线？去拜访客户，去到他的地盘看他的山头插的什么旗。

公司的规模，人员的素质，前台的相貌，使用的办公文件夹值多少钱，会议室多大，客户的西装什么牌子，他们的市场在哪里，他们是否有专业的产品经理。。。。。。。这一切都在透露着客户的底线和心理价位，最重要的，还有对设计的认知程度。

有时候你的客户并不是一手客户，他的背后还有人，因此你还要深入的观察和询问真正对设计有着决定和执行权的那层，或许他们的信息才是真正需要在设计中实践的部分 — 所以我强调，对于设计合作的引导应该从最高层的领导开始，或者从对项目有着决定意义的单位开始。

5. 不要扮演商务人员的角色

有部分刚被一脚踢进社会的设计师，不小心误入了山寨的路线，认为“引导客户”就是和客户“搞关系”，有部分很不幸，真的搞出了关系。。。。。。陪吃陪喝，风花雪月其实不是我们设计师的擅长，也不必要。

设计师必然是需要一些格调的，你和客户打成一片其实也未必就能让他对你的设计俯首称臣，设计需要交际，但是也需要挑客，你不能是个菜就捡进篮子里 — 我这么说确实现实了点，但现实远比这还卑鄙。

如果你坚持要做设计行业的口碑，就绝对不要和山寨客户坐到一桌推杯换盏 — 但是我还是想赚他们的钱怎么办？请雇佣专业的商务人士出面解决你的尴尬。

6. 你的设计可能没有那么好

当然，你的客户未必都是不懂设计的，所谓没吃过猪肉也见过猪跑，如果你的客户花费了3个月，看尽了各种花俏的提案，参加了上百场的设计推荐会后，相信他的审美和设计理解也可以有一点改观和提升。那么，你在小处着眼的那些花花肠子不见得能起作用了，作为设计师，你至少应该保证自己的见识和作品是客户“意料以外”的，有时候引导客户的关键就在于作品创意和客户认知之间的落差。

如果可以的话，你想法了解一下共同争取客户的竞争对手的作品，找一找自己的差距，在任何方法都失效的情况下，也许问题就出在自己的身上，这是我们可以接受，并且要修正的。

附送客户引导冷笑话一枚：本公司设计能力全面，创意激发，有业内专业人士指导入门，童叟无欺，价格公道，现觅诚信，懂事，敢于突破传统观念的客户数名，有意者电联。。。。

从“从众”的社会心理学理论解读用户引导

在别处 — 2009-06-14 20:45:40

什么因素可以促使用户发生从众行为，从而达到网站用户引导的目的呢，这里不妨做一下社会心理学层面的简单类比。

从众行为观点一：
群体行为的规模影响受众的从众行为。当同一行为的群体规模在3-5人时比只有1-2人更容易引发从众行为。

类比解读：
六一前夕，当我看到1个校工将自己的头像换成了小时候的照片，我觉得TA很可爱；当我看到第2个校工也更换了小时候的照片，我想起原来是六一要到了；当我看到第3个同样的行为，我想让我们重回单纯的岁月，很温馨；当我看到第4个。。。哦，好了，我也要换上，大家一起过六一！

从众行为观点二：
当有人破坏了群体的一致性，那么将导致受众的从众行为比例急剧下降。一个实验表明，出现这样的情况时，从众行为降低了75%

类比解读：
这其实就是互联网社区的“破窗理论”，当一个我们不希望看到的用户行为发生后，哪怕只是很个别的现象，那么它也会打破群体的一致性，造成用户引导的强大障碍。而我们发现，在techweb、donews这样的论坛中，明眼人的一句话，往往就可以挫败枪手们的长篇大论，也是同一个道理

从众行为观点三：
一个群体的凝聚力越强，则在群体中的个体越容易产生从众行为

类比解读：
从校内网滚雪球的案例来看，这个理论很容易理解。现在我想说的是，也许我们需要思考：白领的群体凝聚力是否要低于大学生，白领间是否有另一种更强有力的凝聚力表现形式，开心网的用户引导和校内网将会有什么样的区别？另一方面，从无线用户来讲，低端人群、打工仔、军人，他们的群体凝聚力又体现在哪里，我们需要如何引导及调动？这些都是需要思考的问题。

从众行为观点四：
群体社会地位越高，它对受众的从众影响就越强烈

类比解读：
这也就是互联网行业里常说的意见领袖。而我们需要做的，是找到不同网站产品的目标用户的意见领袖，代言人、学生会社团、互联网从业者。。。最近ChinaRen新推出的“中国人幼儿园”产品，与数家幼儿园及教师进行合作，通过院方向幼儿家长推荐“中国人幼儿园”并引导大家在上边交流，我想也是基于这个思路。

相关话题：用户引导源地址：http://www.douban.com/group/topic/6922327/

通过排序引导用户的行为方式

woody — 2008-07-27 17:35:42

说到排序，我想起一个故事，大意是说唐僧师徒西游美利坚，孙悟空买了本词典，开始逐条背诵单词。他们第一次下美国馆子的时候，不管服务员推荐什么，孙悟空都回答 no。不是猴哥挑剔，是因为在词典里 yes 远远排在 no 后面，他还没背到那儿呢。
词典按照字母排序没有问题。但学习依循这个顺序就未必合适，因为人类的大脑需要很多语义相关的信息来帮助理解、记忆。
英文的常用词就是那么多，除了字母顺序，市面上也有不少按其它规则来罗列的单词书。其中有按词根的；也有通过分析常用句子，由线到面的；还有通过核心单词，由点到面的。

值得一提的是 Visual Thesaurus，它的设计者希望发掘出“通常被字母顺序排列的表达法，和清单、表格等传统界面所遮蔽”的语言复杂性。它按照语义来筛选对象，用 mindmap 的形式呈现。要实现 Lytous 说的包含更多人文因素的排序，可能会越来越多出现这种突破传统框架，没有严格边界的表现方式。因为“人文因素”往往更加含混，包含着大量的冗余信息，硬要塞进纯粹的线性列表可能会导致可用性的降低。

单词的排序方式可以引导用户从何种角度去理解单词，决定了用户完成任务的方式。另外一个例子是关于如何在电脑上整理便签的。
我最常用的是微软的 OneNote，它用现实世界中的“活页”隐喻电脑中的“便签”，这让用户很容易理解软件的工作方式：“活页”默认将按添加时间排序，但用户可以自己随意调整，然后进行归类，最后装订成册。显然 OneNote 有意引导用户把分散的信息重新结构化。
但这个多级的序列存在一些问题，比如：用树状结构组织零散信息会有效率吗？便签不该是及时处理，用后即弃的吗？最严重的是随着便签的增多，三个级别的列表数量都会无限扩张，仅仅定位切换的操作就可能消耗很多精力。
OneNote 最早是为平板电脑开发的手写应用，恰恰是这部分用户遇到了更多的问题。因为手写的便签最难结构化，它们甚至没有标题，不管排在列表的什么位置都不提供信息。

于是部分用户转而使用日程管理软件处理便签。比如 PlanPlus，可以针对时间点或任务手写便签，当然也按照时间或任务来排列。乍一看它和 OneNote 相比并没有增加太多功能，反而是不能自定义排序，但这个严格的时间 / 任务序列集中了用户的注意力，他们不必思考信息该如何组织，而是去关注时间安排、任务进展这些更实际的内容。
这两款软件各有千秋。OneNote 容易上手，适合收集信息，还能给用户很大很美好的愿景。而 PlanPlus 更现实，它的开发者柯维有很多关于高效能人士的七七八八个习惯的理论，被很好得贯彻进这个软件。

可以想见，用户选择一种便签的排列方式长期使用后，很可能改变他处理信息的行为习惯。

相关话题：排序用户引导源地址：http://ucdchina.com/blog/?p=458