如何设计出“有趣”的互联网产品?

儿童类网站及软件设计师 Deb Gelman 曾在《A List Apart》杂志上曾刊登了一篇《Designing Fun》文章,详细讲述了如何设计出有趣的互联网产品。文中从定义、研究、构建以及评测等多了角度阐述了这个问题。CSDN 对该文进行了编译。

什么是“乐趣”

“当我看见具体东西后,我才能知道说清楚”

1964 年,在 Jacobellis v. Ohio 案件中,美国最高级法院对 Ohio 地区是否应该禁播一部叫《Obscene》(淫秽)的电影进行了审判。“淫秽”是一个好理解但却难定义的概念。法官 Potter Stewart 也曾认为,露骨的淫秽描写是不可能定义的,只是“在我看到时我就知道”而已。

对于设计者来说,我们总会从客户那得到大量含糊的形容词,正如他们告诉我们,“我希望我的网站‘酷’点”或“可以让人激动不已”、“能够很潮”诸如此类的。当我们再深入问时,他们多会说“我无法向你描述网站的具体样子,但当我看见了我就知道了。”

“有趣”是一个特别难定义的概念。当我们为用户设计不同内容的网站时,多会听到用户说到这个词。

好的方面,就是我们都能理解“有趣”这个词,不好的方面,就是设计师、客户,更重要的是与用户对“有趣”理解的相同与否往往决定了该网站是否能够成功。

那么设计者该如何做呢?

幸运的是,不依靠“当我看到时我就知道了”的方法,我们也可以做出“有趣”的设计。虽然这和个人有很大的关系,但通过定义、研究、构建以及评测,我们总结出一个可以把“有趣”融入到设计中的长期有效的方法,同时设计过程也会增添很多乐趣。

为乐趣而设计

我设计的产品都和孩子相关,在设计经历中,我总结了一些设计步骤,它们帮我做出很多“有趣”的设计。虽然它们并不十分完美,但却帮我(和客户)跨越了“当我看到时我就知道了”设计阶段。

下面是设计步骤:

定义、分类、研究、设计、测试

对“乐趣”进行定义

90 年末,我为 Georgia Public Television 设计了一个针对儿童的网站。当时我们有很完美的需求,很积极的客户,和一大群参与调查的孩子和很酷的内容。我们进行了大量的研究,并反复评测了纸上原型(paper prototype),以保证我们的设计方向是正确的。但当客户(我们都叫她 Barbara)看了我们首轮设计文件后,她很沮丧,她说:“设计看起来很好,但就是缺少了点‘乐趣’”。当时我们都震惊了。如果漂亮、多彩、诱人的界面没有任何“乐趣”,会怎么样?

我们发现,Barbara 对于“乐趣”的定义与我们的并不同。她希望在网站上增加一些动的元素,而我们的设计,虽然可爱,但却毫无动感。后来到了 1998 年,我们在页面上增加了一些生动的“GIF”图片,这个问题才完美迅速解决了。但随之更大的问题却摆在了我们面前,我们不认可客户(包括我们潜在的年轻用户)对“乐趣”的看法,常招来他们的不悦。

在项目一开始,我们最先要做的就是对“乐趣”进行定义——提出一个大家认可的定义,并设定一个期望目标。然后在研究阶段和用户一起评估该定义的可行性。

以该儿童网站为例,来说明我们是如何定义“乐趣”的。

贴切的定义:针对这个儿童网站,我们对“乐趣”的定义是,该网站通过文字、XYZ TV 视频展示及娱乐信息,以一种独特的方法吸引6~8岁的儿童和他们的父母。

要使该网站充满“乐趣”,它要包含以下元素:

● 动画与声音;

● 醒目的颜色和背景图片;

● 可能的话,用图像来代替文字;

● 简短的、以行为为导向的复制块;

● 在设计嵌入一些视频片段;

● 营造一些的有趣的交互;

● 做一些游戏的尝试。

你可能希望基于你对用户的了解,对产品所要达到的目标进行定位与改进。如若在设计开始之前,便对“乐趣”的含义加以确定,可以帮你直奔成功,少走很多弯路。

一旦你认可了“乐趣”的某个定义,就应该寻找一些可以证明该定义的正面网站、产品、应用实例,及反面案例。客户根据这些案例可以更好地理解该定义并判断该定义是否符合他们的要求。同时在研究阶段,他们也可以给你一些材料,以供参考。

确定“乐趣”的优先级

从整体评估一下,趣味对该网站的重要性。如果它毫无趣味,这个网站会彻底失败吗?增加一些趣味元素,可以使它很好地与竞争者区分开来吗?会使它更有乐趣吗?在这里,你不需要通过很复杂的计算过程,来确定“趣味”在数量级上所应占的分量,仅需要通过快速体验,来定性确定一下在设计过程中趣味所应占多少即可。

在确定“趣味”所占分量的过程中,可以从以下几个问题着手考虑:

1. 你为什么希望该网站“有趣”?

2. 一个“有趣”的网站会给你的用户带来怎样的影响?(即它是否会帮助或阻碍用户完成任务、获得他们所需要的内容?)

3. “趣味”如何和网站的内容、消息及功能保持一致?

4. 一个“有趣”的网站对用户了解该产品及相当分支有什么影响?

5. 如果你的网站很“有趣”,它将如何与竞争者竞争?如果没“趣”呢?

基于对上面这些问题的回答,你可以把“乐趣”所占比重划分为一至三等,其中一等优先级量高,三等最低。

1. “一等”意味着“乐趣”对该网站的成功至关重要。针对用户进行大量的研究,确定该定义是否准确,在必要的情况下对其进行更改。然后对该定义进行精简概括,并粘贴在墙上,以供参与该项目的所有人观看。把该定义添加到产品需求中,以期得到项目参与者的支持,保证在设计和功能上得到满足。

2. “二等”意味着“乐趣”可以增强网站的用户体验,并区别于竞争者网站。可以与一些用户进行面谈,看他们是否同意你的定义,然后把该定义设置为“中等优先级”并增加到产品需求中。这样可使团队在设计中,始终把该要求铭记在心。

3. “三等”意味着“乐趣”可以提高网站的用户体验,如果没任何“趣味”性的元素,用户也不会感到有什么不适。这时可以做一些调查,看用户对“乐趣”的看法与你的是否一致。把该定义添加到产品需求中,为产品锦上添花。

对“乐趣”的定义和优先级进行调查

在你确定了“乐趣”的定义和优先级后,你应该征求用户的意见,看他们是否同意。你所要采取的调查方法取决于该定义及优先级。

下面是供选择的研究方法:

调查:调查可以让你很好地了解用户的真实感受。该调查并不能告诉你“乐趣”是怎样影响用户的行为的,但从中你可以了解到你和用户对“乐趣”的定义是否一致。调查也可以帮助你确定用户的态度,并对它们进行分类。

面谈:当你向用户展示你收集的实例时,面谈可以使你观察到用户的反应。当你需要进一步了解更多信息时,你可以继续追问。或许你从中并未得到满意的答案,但却给了你了解用户思考过程的机会,及理解他们对“乐趣”的定义。

观察性研究:如果你认为“乐趣”对网站的成功至关重要,你可能需要进行观察性研究。它可以让你观察到用户使用你所选网站的过程。对于用户如何定义“乐趣”,你可以获得第一手资料。更重要的是,你可以观察到“乐趣”是否影响了他们的行为及影响过程。

只要能和网站的潜在用户对“乐趣”的定义进行评估,具体采用哪一种方法并不重要。

实施

设计本身并无“乐趣”可言,如何把设计元素和交互融入到设计中,才是最有趣的。如果你从“互动”的角度来思考增强娱乐性,那么你设计业务流的过程就会容易许多。

首先思考出一系列可以增强娱乐性的交互方式。你可以根据你的用户和网站的目标去定制这些交互方式。下面列出了一些不错的交互方式:

1. 娱乐

2. 探索

3. 创造

然后,设计出具体方法实施这些交互,并把交互做为网站的主要任务。

体验

我们可以看一下两个旅游网站案例:Wanderfly 和 Orbitz。

Wanderfly 在帮助用户寻找合适的旅游路线时,很成功的添加了体验过程。取代以前通过下拉列表框和文本输入的方式,它利用可选按钮、可拖动的滚动条邀请用户去体验不同的旅游路线推荐。在体验过程中,用户可以很容易选择出心仪的旅游路线,从中也体验到诸多乐趣。

图1 用户在体验过程中寻找最佳旅游路线

为用户提供体验的机会,为 Wanderfly 网站增添了诸多“乐趣”。Wanderfly 通过这种体验过程使用户很容易达到他们目的,对于 Wanderfly 是至关重要的。这也一点很难做到的。在可用性测试时,你需要对增加了“体验过程”的设计进行评估,看是否使用户的任务更加容易完成,是否背离了用户的目标。用户来到你网站只有一个原因,他们不会使用很酷的工具去关注那些不相关的事。

Orbitz 上提供的旅游路线寻找方式主要侧重于功能性,缺少娱乐性。利用该网站用户可以很容易做出旅游安排,这当然是网站最主要的目标,但在网站体验的过程中却少了几分乐趣。

图2 相比之下, Orbitz 并没有体验过程

如果你把“乐趣”确定为网站的目标之一,研究一下哪些任务(或者全部)可以通过“体验”的方式来完成。

探索

作为网站整体目标的一部分,去展示一些用户不曾预想的功能,可以使网站整体的用户体验更加完美。

路透社网站通过展示世界市场分布图来引导用户思考探索:

图3 路透社通过世界市场分布图来引导用户思考探索

路透社在世界地图上展示了各地区的市场数据,以便用户可以以一种轻松、愉快的方法获得当前世界市场的变化情况。红圆圈和绿圆圈分别代表了市场的增长与下降,后面同颜色的数据则表示变化的具体数字。路透社通过这种轻松、愉悦的方式帮助用户获得他们所需要的信息。

我们可以对比看一下 Bloomberg 上对相似数据信息的展示方式:

图4 Bloomberg 的市场缺少了探索因素

Bloomberg 在设计上没有任何问题,但在使用上就显得比较枯燥。我认为用户通过该网站无法像使用路透社地图那样获得更多的信息内容。同时用户也无法对他们所关注的市场领域变化情况有一个可视化体验。

对于经济类网站,是否具有“趣味性”可能并不重要,但包含一些体验和探索的内容,可以让用户更好的理解他们所看到的数据信息。

创造

在网站上,允许用户去创造,可以创造一个产品、一种服务或者一个网站,在设计中体验乐趣。这一点很适合于电子商务网站。

下面是一个销售婚戒的网站。新郎可以在 Blue Nile 网站上自己设计他们心仪的戒指。

图5 Blue Nile 通过提供“创造你自己的钻戒”接口允许用户自己设计与创造

用户在设计自己戒指的过程中,可以获得一种很棒的购买体验。这种充满“趣味”的体验不仅可以帮助用户完成他们的目标,还可以让用户在设计过程中了解设计该戒指所需要的花费,这一点可以深深吸引用户。

下面与 Kay Jewelers 婚戒电子商务网站的设计做一下对比:

图6 Kay Jewelers 只允许用户选择已展示出的钻戒设计

Kay Jewelers 只在网站上为用户展示了一页又一页的婚戒信息。用户可以通过价格和材质两个条件去查询符合结果的商品信息,但却不能自己设计满足个人需求的、有创意的婚戒。即便 Kay 增加了更强大的查询和分类功能,它还应该增加一些创造和探索的过程。

吸引用户在你网站上创造,不仅可以给他们带来乐趣,同时他们还可以很容易达到他们的目标。

在设计时,要思考一下这些措施是如何更好地帮助完成网站的主要任务和目标的。如果你发现网站中添加的某种互动反而增加了用户操作的难度,你应该重新考虑换用其他互动方式,或者重新评估一下如何让“乐趣”与网站的成功达到一种平衡。

测试

对“乐趣”进行了定义、确定了优先级、进行了评估和实施,同时你也规划出了你和客户都认可的设计方案。但如何确定你已经成功地摆脱了“当我看到时我就知道了”的束缚呢?

在基于任务的测试过程中,你可以评估一下网站的娱乐性和可用性。但测试的过程需要有很机敏的听、看、询问等技巧。

由于“乐趣”并不是一种行动,它很难看到,很难解释。在用户执行给定的任务时,你要仔细听他们所表达的看法,并留意他们的脸部表情。

你不希望网站过于花哨,而阻碍用户达到他们的目标。可以请用户做多个不同但又相似的任务,这个过程中他们会执行相同的操作,去面对相同的设计元素。如果他们看起来很不耐烦,这可能意味着网站的“趣味性”阻碍了他们迅速完成任务。如果他们很享受这个过程,并能迅速完成任务,说明这个设计很成功。

上面这些都完成后,你可以从网站整体出发再问一下问题,听听他们对网站的整体意见。他们或许会给出正面的评价,比如:非常有趣、很酷、很容易、很有魅力等等;他们也许会给出反面或中性评价,像很让人懊恼、不错、正如所料的、很普通等等。当然这些评价并不是很全面,但可以反应出用户对网站整体设计的一种看法。

网站发布的同时发布一份调查问卷,3~6个月再发布一次,也是一个不错的方法。问卷中可以包含一些问题,比如参与人每月、每周、每月使用该网站的频率。通过该方法,你可以获得用户对网站“乐趣”  的初步反馈。

结论

“乐趣”总是包含一些令人激动的元素。无论你如何恰当地按上文提到的过程来实施,总会有人不同意你的看法,包括对“乐趣”的定义、优先级的判定及设计决定等。即便如此,通过仔细思考“乐趣”对该网站意味着什么,花费一些时间对“乐趣”进行定义、评估、执行和测试,你可以很好的跨越“当我看到时我就知道了”及“我相信你可以设计出我认为很有趣的网站”阶段。

源地址:http://news.csdn.net/a/20……9/304570.html

时间: 2024-11-08 23:12:29

如何设计出“有趣”的互联网产品?的相关文章

网站设计:如何设计出“有趣”的互联网产品?

中介交易 SEO诊断 淘宝客 云主机 技术大厅 儿童类网站及软件设计师Deb Gelman曾在<A List Apart>杂志上曾刊登了一篇<Designing Fun>文章,详细讲述了如何设计出有趣的互联网产品.文中从定义.研究.构建以及评测等多了角度阐述了这个问题.CSDN对该文进行了编译. 什么是"乐趣" "当我看见具体东西后,我才能知道并说清楚" 1964年,在Jacobellis v. Ohio案件中,美国最高级法院对Ohio地区是

如何从无到有设计一个全新的互联网产品

文章描述:互联网的产品设计方法. 如何从无到有,设计一个全新的互联网产品:网站.app - 一个什么样的产品是目前市场上最有价值.竞争力的?这个话题比较复杂,而本文是讲述有了这个基础之后. 而在这一切都已经有了目标和方向后,考虑怎么动手开始设计.--更准确的说法是指"产品设计". 不是说"产品经理"在公司召集了各种技术人才,然后按照他自己的想法,把一个产品实现. 当然也不是闭门造车. 互联网产品的设计,需要一个概念:快. 不可能在已经有了方向后,还需要1个月甚至数月

交互设计体验:让移动互联网产品会说话

文章描述:偶然一次机会某款应用的提示窗口引起了我的注意,我发现很多产品在一些给用户的提示文字的设定上还存在这一些可以优化的空间,下面我们就一起来看这些. 最近几个月开始把很多注意力集中到移动互联网产品,才发现自己就快OUT了.好多新奇.好玩和实用的应用出现在手机上,看得我眼花缭乱.欣喜若狂.几乎每天都会找新的应用来体验,然后删掉做得最差的.通常情况下不管这款应用对于我个人来说是否有用途,只要产品本身做得不糟糕我都会留下,以至于手里这款才买3个月不到的安卓手机里面就装有近百款应用. 偶然一次机会某

职业互联网产品设计师的思考:何为设计?

文章描述:一名设计师的职业化思考. 开篇先说好,这个题目其实并不适合我这个阅历的人来讲,但是作为工作过7-8年的设计来说,这是不得不思考的问题,今天只是和大家汇报下我自己的想法,仅此而已,言论如有不当,纯属参考. --弥难(lcjeremy) 曾几何时做设计的苦衷 自己做视觉设计也小又年头了也没混出什么成就,先后做过广告公司.传媒公司,电视媒体和互联网公司,小到几人的唱片公司工作室,大到千人万人集团公司.我对于设计的认识也是随着成长而逐步变化着.记得上次和UED的自家兄弟们吃饭时,和酒过三巡的兄

互联网产品设计:从工作的权限角度思考

文章描述:互联网产品的设计方法-权限定位. 整体的信息树结构,是一个最全的信息体系.而针对不同的用户群,他们在需要获得信息的内容上会有不同的需求. 1.销售部 – 销售人员 最少信息获取者.销售人员需要的信息,只是需要预见客户的潜在需求即可.连带客户已有的需求订单,通知客服人员作相应的推广.联系. 2.代练部-代练人员 代练人员需要的信息只是根据订单,对生产进行分配:随时反应生产进度.问题,最终交付产出.此时系统的流程已经满足需求,但对于代练人员,还需要可以提升工作效率的需求: 对于多个订单的合

互联网产品设计:优化信息架构和框架图

文章描述:框架图需要的东西很简单,在这样的电子系统中,使用相近的元素去表达界面最终的大致展现,会更容易让人理解,也可以开始进行小范围的用户调查,最终通过不断优化信息架构和框架图,形成策划阶段清晰的交互原型,最终可以进行相关设计.开发等工作. 通过基础的信息架构图,框架图是最能把信息树演变成为真实思维联想的一种方式. 框架图需要的东西很简单,在这样的电子系统中,使用相近的元素去表达界面最终的大致展现,会更容易让人理解,也可以开始进行小范围的用户调查,最终通过不断优化信息架构和框架图,形成策划阶段清

互联网产品要有持续明确、专注、优化产品的核心功能

文章描述:专注核心功能. 当我还小的时候,出了什么毛病都爱用风油精.无论是虫叮蚊咬,晕车晕船还是感冒发烧,风油精都能派上用场.因此当我颇为自豪的向我的小伙伴炫耀道"风油精什么都能治"的时候,他的一句"风油精什么都能治,什么都治不好"着实给我泼了一头冷水. 随着我逐渐长大,我遇到了更多"万能"的产品:能刮胡子能双卡双待能遥控电视的手机.能祛痘美白淡斑保湿去黑头的面膜.能交友能婚恋能看视频能做3D特效的网站等等.而各种"闪亮"的多

互联网产品秘籍

文/周鸿祎 在互联网领域创业的人越来越多,但究竟怎样才能打造出成功的互联网产品,一直存在着理解的误区,也困扰着很多创业者. 从我个人多年的实践中,我认为互联网产品有几个容易被忽视的特点:第一,互联网产品要有一个灵魂,要符合相关领域的游戏规则,能打动用户的心.如果这一点没做好,产品外观做得再华丽,后台再强大,也很难成功.打动用户的心,这好像是废话,但也最质朴,很多产品其实不是在真正满足用户需求,而是在发明或幻想用户需求,甚至逆着用户需求在做.像国内很多SNS网站都模仿Facebook,尽管很像,但

互联网产品品质指标思考

1.什么是好的互联网产品? 什么是好的互联网产品呢?对于这样开放性的问题,答案肯定是形形色色的.例如: 1).用户数多的产品是好的互联网产品 2).赚钱多的产品是好的互联网产品 3).对用户有用的产品是好的互联网产品 4).有技术含量的产品是好的互联网产品 5).有独特创意的产品是好的互联网产品 6).用户体验很棒的产品是好的互联网产品 7).服务好的产品是好的互联网产品 8).符合软件工程质量标准的产品是好的互联网产品 可以看出,对于好的互联网产品的度量标准是各种各样的. 所谓"幸福的家庭都是