关于人物角色讨论

xibei — Fri, 19 Sep 2008 11:34:28 +0800

本期薯片会的目的是讨论人物角色在设计中如何应用的问题。围绕了以下几个问题开展了讨论：

1、 角色能干什么？

2、 包含哪些内容？

3、 怎么用？

今天就先让我们看看fairy童鞋带我们一起学习Steve Mulder大师的解读~

■角色能干什么？

如何组织网站、如何运作？如何传达信息？看起来如何？

l 更全面、可以共享、容易记忆、

l 对于设计：专注、支持决策、更好的决策

l 对于合作者：引起共鸣、促成意见统一

■ 包含什么内容？

建立的过程：Step1: 定性研究 / 定量研究 / 定性研究+定量研究验证

Step2: 生成细分的人物角色（二维或多维变量的聚类）

Step3: 建立角色表

Step4: 任务列表、用例

角色表：

通过不同的元素分析人物角色：（通过举例，发现这些元素都是凭空捏造出来的哦~） 关键差异：包括总体目标（第一次买房）、知识层次（缺乏房地产知识）、观点/态度（焦虑），用于快速的定位和概括一个角色要点。 姓名：有助于把它看成真实的人物，而不仅仅是当成某个细分用户群或用户类型来看，命名的同时可以给这个名字加以描述，这样每个人能自动把这个名字和主要用户联系起来。比如：忙碌人士臭鱼，极其活跃交易者晓畅。 照片：栩栩如生。这里头也有一些讲究，太靓、太隐藏、太多背景、或是像演员都不是好的形象。

个人信息：激活人物角色。工作、年龄、居住地、性格、家居、爱好等等。

行业信息：与产品相关的关于用户的信息。如房地产行业，我们希望了解有：住在哪儿、什么时候想买卖房屋、财务状况怎样，这些信息使人物角色更容易被我们理解，对于区分角色间的不同更为重要。这里包括：l 在本行业的过往经历（时间、具体事实、知识、表现出的行为、使用竞争对手的情况）；l 当前状态（想法、哪些事情会对他们产生影响、怎样影响）；l 未来的计划l 动机l 抱怨和痛处…… 计算机和互联网的使用情况：简介：列表的串联和再造，关于人物角色如何真正的与网站产生相互影响并完成其目标的具体描述。 语录：一句话形成快速印象。 场景：至少为每个首要人物角色撰写一个场景，把注意力集中在人物角色试图完成的核心目标上。也可以给每个人物角色分配多个场景以覆盖网站的各种使用情形。这里的建议是：预先为每个人物角色写一个最重要的场景，然后在设计过程中根据工作需要再加入更多场景。一般每个人物不超过三个以上场景。（内容提取小常识：可以是在使用网站时有可能出现的最重要的情况；也可能是这个人物使用网站时反复使用的最常用的途径；也可以是至关重要的初次访问和第一印象。）

那么，我们怎么才能得到上面的信息呢？看看调研我们要做什么预习的功课：目标用户对于各种服务类别的使用习惯；各种服务类别对用户的重要程度。用户对自己“是不是论坛领袖”的重视程度。用户对自己“是不是被看成专家”的重视程度。用户对社会人际网络的重视程度。

行为用户每周使用互联网的频率。用户通过互联网来获取本地商务信息的使用习惯。用户通过线下资源获取本地商务信息的使用习惯。用户对无联网资源的使用习惯（邮件列表、博客、门户网站、论坛等）。用户本地搜索站点的使用习惯（Yahoo）用户对社区网络网站的使用习惯。用户对“专家投票/评论的使用习惯”用户对“消费者投票/评论”的使用习惯。用户参与投票/评论次数。

观点用户对每一种服务的熟悉程度。用户对本地搜索网站的满意程度。用户对产品口碑的重视程度。用户在选择本地商家时朋友和家庭的信赖程度。用户在选择本地商家时对专家的信赖程度。用户参与投票和评论的原因。用户认为一个有用的评论应该具有的因素。用户的技术爱好和常识。用户在搜索之前的准备和计划工作的完善程度。

人口统计特征年龄性别教育情况收入情况婚姻状况

■设计的时候怎么用？

结构：组织内容；完成信息架构；导航；搜索；指导交互设计、帮助构建流程；

内容：说什么；用什么方式说；

视觉设计：是视觉设计把精力集中在最重要的地方。

从分析中我们得到哪些可以用在设计上面的：

1）信息架构和交互设计

Francis: 用Google搜索“xxx房地产”，搜索结果页面上链接到网站首页，看到首页上可以搜索房屋漫不经心的点击了XXX的“快速搜索”，看看会有什么样的结果；那里有很多位于不同地点的房屋，通过使用“地图”功能，很容易把范围缩小到她和Michael居住地周围。但仍然有很多条记录，她并不是很确定用哪个搜索选项来进一步缩小范围。然后她注意到有一个关于初次购房者的链接，她点击这个链接希望可以找到一些基本的“该怎么做”的信息。这个链接把Francis带到一个逐步解释整个购房流程的“指导页面”中，她立刻就感到她找到了一个正确的网站，可以立刻开始搜访历程。她仔细阅读了一些针对初次购房者的文章，并且在阅读过程中记下了笔记，她“收藏”了另一些文章，准备下次再来的时候仔细阅读。她无意中发现网站还提供了“购房计算器”，于是她开始试着用不同数字的组合来计算她和Michael可以负担得房屋总价。她尤其喜欢“术语词典”，这样她终于可以知道什么叫“point”，还能了解更多不同类型的抵押方式。经过一个半小时的阅读后，她满脑子都是房地产知识，于是她关掉了自己的电脑，并认为有了一个极好的开端。第二天，她再次访问了网站，寻找在xxx附近房屋的具体信息，她发现每一个幢房屋都带有大量的介绍。她可以把注意力集中在看上去尤其不错的5幢房屋上。那个晚上她和micheal非常开心，他们一起讨论了francis所了解到的知识，然后还制定了一个定期计划，来查看在线发布的房屋信息。

任务分解：1.从首页搜索房屋 A 输入感兴趣的“地点（城市和州名）”或“邮政编码”。 B 输入“价格范围” C 输入“卧室/浴室数目” D 提交搜索。2.查看和缩小结果 A 浏览结果的第一页：照片、价格、地址、基本状态和描述。 B 点击将“结果展示在地图上”。 C 点击地图“把结果缩小”到某地区附近。 D 浏览新的结果。3.阅读购房指导 A 点击“初次购房者”的链接。 B 阅读所链接的页面来了解大致内容。 C 点击针对“购房流程步骤指南”的链接

任务分析要对场景进行深入研究, 直到识别出它的最小组成部分为止. 这项工作的输出是很多个独立的任务分析, 下一步工作是创建一个支持所有独立任务的结构.把这个看成是所有人物角色需求的一个父集. 当您知道了全部的元素, 而且现在可以把它们整合到一个整体架构之中。

使用场景进行信息架构的思路是：从首要人物角色开始, 为他建立一个网站的基本架构；在为首要人物设计完成最理想的体验之后, 把关注点转向第二个重要的人物角色，把能满足这个人物角色的体验加到之前的网站地图或流程图中。然后继续加入第三个，第四个。但是,这里,首要人物角色会随着网站的不同板块而变化.比如,Francis可能不是整个房产网站的首要人物角色，但是对于“该怎么做”的内容，他就是首要人物角色。

2）设计页面的线框原型

通过任务分析详细制定每一个页面应该出现的内容，以及在已确定人物角色优先级的基础上考虑页面的运作方式。

这里的例子是说，在一个折扣经纪公司，首要的人物角色“频繁交易者Frank”十分看重保证金，因此在设计页面线框原型时，把保证金的节余金额放到一眼就能看到的地方。这样Frank在进行交易时就能很快了解所需要的信息。另外，Frank不喜欢失去控制的局面，所以当他的保证金金额不足，账户被锁定的时候，加入醒目的提示消息来解释发生了什么事，即Frank必须看到这个消息才能继续工作。

3）定义导航这里提供的方法是，首先分析对于每一个人物角色来说，哪一条路径是最核心的路径。然后针对这些流程，涉及从一个页面到另一个页面的导航，通过使用这个页面的主要部分、大的字体、按钮等方式使主要任务执行起来容易。然后是分析出每一个人物角色离开一个页面后会去的地方。最后，建立起一系列规范，定义对网站中各个类型的页面都能有效的链接。

这里的例子是说，对于一个零售类网站，其中一个人物角色是以购买礼物为主要目标，她浏览产品目录来寻找合适的礼物，这会花费很多时间，而她真正需要的，是一个推荐礼物的地方，因为她是定义出来的人物角色，就有足够的重要性为她去加一个新的导航链接。如果事先没有梳理角色，我们就不清楚是不是把“礼品”链接作为一个重要的需求。

另一个例子是关于局部导航的，如果首要人物角色是一个喜欢探索的人，非常了解这个领域并渴望试试各种功能或内容来完成目标，那么陈列更多的链接是合适的。而如果是为Francis设计，引导她进入这个网站的关键路径会更加重要，而不是冒险用所有功能吓倒她，对她而言，最好减少导航链接的数目。

这里我看到了关于一致性问题另一种处理方法，坚持整个网站应该保持完全的一致，导航总是以同样的方式和链接出现，这并不是一定的，人物角色的需求非常不同，规则也应该有弹性，根据网站在那个地方，以及那个时候谁是首要人物角色来决定！

量身定做导航文字，“初次购房提示”显然比“房地产陷阱常见问答”这个表述更能够让Francis容易明白。

导航文字可以有目的的引导用户选择穿越网站的正确路径。这里的例子：为Francis设计搜索的界面的时候，我们知道她有一些明确的条件，比如：价格范围、卧室和浴室数目等。而另一个角色Thomas的房地产大亨，则非常希望有一些更高级的搜索功能，所以我们可能要为单独设计一个搜索页，提供完善的功能。这时候在导航上该如何称呼进入这一页的链接？如果成为“更多搜索选项”，Francis可能会有兴趣，但她当进入这个页后一定会被那里的术语搞得头晕脑胀，而如果设计为“高级搜索”就对两个人物都起作用了，这个文字让Francis望而生畏，却正好对Thomas的胃口。

谢谢fairy童鞋 ———————————————————————————————————————————

下期还要讨论点：得到哪些描述是对设计有用的；细分角色的时候怎么选择反类纬度；被归为一类的资料，怎么合成一个人物；工具不能取代设计，“数据轮”不是从角色中得来的；如何在一个实际的例子中得到设计元素。

叽歪的一些想法：先有鸡还是先有蛋的问题，每个产品都存在新手、经验、专家用户，这个可以作为最初寻找用户时的一个目标。从人物角色日常经验中得来的行为方式可以为交互提供思路。平时生活是怎么样的，可以在设计的时候融入这些熟悉元素，让用户易于理解。

分类与类型

tesion — Fri, 15 Aug 2008 20:54:14 +0800

本次薯片会讨论了关于分类与类型的问题。

怎么找一个item？

页面导航一般分类为主，在具体的分类展示下选择类型:

典型例子：炫铃（QQ客户端）

当只是想找一个消息类型的炫铃，按照导航的逻辑似乎是不通的（有些类别下面类型不全）。

(more…)

模式化窗口

usabilitysnow — Mon, 21 Apr 2008 15:19:32 +0800

本次薯片会我们主要讨论模式化窗口的问题。

先让我们看一个例子，了解什么是模式化窗口。

以下是QQ秀商城在非登录时提示登录的一种状态。当我在非登录状态，通过保存形象的方式买一件衣服时，弹出登录对话窗口提示登录。此时，登录对话窗口锁定商城页，锁定IE，只有当对登录窗口进行操作后，才能够进行其他操作。譬如：最小化IE、浏览商城等。我们可以说，登录对话窗口就是一种模式化窗口。

(more…)

关于导航的探讨

evanchen — Thu, 17 Jan 2008 11:43:13 +0800

许多网站缺乏针对性和友好的导航设计，难以找到连接到相关网页的路径，也没有提供有助于让访客/用户找到所需信息的帮助，用户体验非常糟糕。本期薯片会我们尝试就网站导航交互做一些探讨。
首先对于WEB交互设计师来说，解决上面遇到的问题，使之简单的方法是设计一套完善的网页导航系统。

优化网站导航设计的目的
一个网站导航设计对提供丰富友好的用户体验有至关重要的地位，简单直观的导航不仅能提高网站易用性，而且在方便用户找到所要的信息后，可有助提高用户转化率。
如果把主页比作网站门面，那么导航就是通道，这些通道走向网站的每个角落，导航的设计是否合理对于一个网站是具有非常大意义的。
1）决定用户在网站中穿梭浏览的体验，这一点是最基本的。
2）网站导航设计合理，可以将网站的内容和服务最大面积的展现在用户面前。
3）合理的导航设计可以增加用户黏性，提高网站的浏览深度，从而提高网站PV值。
4）促进用户消费，提高网站盈利。引导用户消费，将用户真正需要的产品和服务展示在他面前，甚至用户想不到的服务你也呈现。
5）提高网站广告价值，增加网站广告收益。
•••••••

(more…)

导航的问题

tesion — Fri, 21 Sep 2007 18:14:51 +0800

如何进行一个产品的交互设计？

第一步：信息构架设计
第二步：界面细节设计

信息构架设计表现在页面上就是导航

导航是个大问题。
导航的关系？

导航应该放在哪儿？我们来看一个例子（新浪的新闻首页）：

标识红框的部分分别是网站的主导航和当前新闻中心的导航。这样的设计似乎会让人很难察觉到新闻中心的导航？

(more…)