Category Archives: 网站设计

Sal Cilella from Grvitytank Interactions Volume XVIII.1 2011 交互设计是随着桌面计算机和图形化用户界面的演进而有机发展起来的，这里面包含了实地研究（field of study），以及设计实践。传统桌面的设计，如软件使用、网站浏览、在操作系统里面查找等，只包含了除屏幕外的较少变量。针对更广阔需求的界面使用者，传统设计则很少有所考虑，通常最终仅是把用户这一概念简化为整体系统的另一部分。设计师依赖于这种泛化的用户，用户就是在一个固定的位置，坐在键盘前，手上拿着鼠标，聚精会神的在完成一项任务。这种以任务为中心的方法，让用户体验的其他模糊元素（体验是如何展开的）被归属到功能（界面所能实现的东西）上。尽管这种方法也许能在简单的、封闭的桌面体验环境下能奏效，今天复杂的移动和多形态数字化体验则要求，设计师们需要通过更具有同理心的方法去拓展他们的流程和心智。 设计桌面计算体验的工具和技术，不断演化来匹配以任务为中心的视角。功能特性和使用案例（use cases），长久以来已经固化在软件开发流程里面，单纯的从数据和任务流的角度来提供用户体验，关注于系统能做什么，而不是关注系统与使用者是如何关联起来的。要更好的把屏幕上的体验跟椅子上的那个人进行连接，用户研究引入了界面设计流程。尽管用户研究可以对设计流程产生强大的影响力，在交互设计中，用研却更多的自跌身价，仅仅扮演有效性验证的角色，采用焦点小组（focus group）或者可用性测试（usability testing）来诱导特定概念或特性的反馈。甚至“人物角色（personas）”，用户被当做真实存在的人而所迈出的值得称赞的一步，大多数情况也是用来验证用户跟界面或者产品的相关性或者市场规模。 尽管典型的界面设计方法和工具，如功能特性、用户案例、用户测试和焦点小组，人物角色和场景，都被广泛应用，就构建同理心，在设计流程早期把目标用户群跟交互设计师连接起来而言，这些方法和工具所发挥的作用甚微。总的来说，要设计开发出我们预期用户的体验，这些方法和工具的影响力非常有限。也许，仅仅就桌面电脑的体验而言，这也是可以接受的。在这些封闭的情境下，交互设计师可以心安理得的期待，用户的使用情景并不会变化。但当用户从椅子上站起，离开房间后，带着这种数字化体验进入真实世界后，都会发生什么呢？一旦用户被吸引进入更广大的体验中，通常的方法都会让我们失败。 会见英雄 要设计崭新、强大和集成化的设计，我们需要一种新的方法。超越桌面的交互设计，从48英寸的可触摸屏自动售货机到轻量级的平板电脑到体感游戏平台，要求更高一级的目标群体策略和连接，这是传统设计工具箱所未能提供的。作为设计师，我们的心智和流程都需要做出巨大的变化。 第一步，我们要从桌面电脑的桎梏中解放出来，停止把交互当做任务来考虑。任务是线性的努力去获得某种结论或成果。在完成过程中的服务探索，被忽略了。你需要完成任务，因为你不得不这样去做，而非想要去这么做。任务是洗碗筷，计算账户，备份文件。这些任务，除了完成后的满足感外，毫无乐趣可言。我们越来越多的把这些任务外包给自动化流程和人工智能任务服务（HIT, human intelligence task）。 新的交互模式远远不止于任务或者功能特性的集合；从受众/读者/用户的角度来看，它们是体验。这些体验，来自于对愉悦的期望，即便是在最为微小的细节中。向消费者提供某种产品或服务并成功完成一系列任务，这还远不足够；这些体验如何展开，也是同样重要的。成功完成这些功能是理所应当的，如何完成，则是实现差异化的关键因素。在越来越拥挤的市场上，无数的数字化体验在争夺消费者的零散注意力（fragmented attention）。“如何”是跟竞争对手区分开的关键。消费者电子空间充斥着产品和服务的故事，这些产品和服务都是功能卓越但却因为不能提供强大的体验而无立足之处。要揭示出“如何”并设计出强大的互动式体验，我们需要从受众群入手，而不是产品。 我们可以利用电影制作者和作者们的核心创意工具来迈出我们的以受众为中心的一步：故事。故事是一种把体验跟围绕你身边的世界关联起来的一种基本方法，因此反而容易被看做一种设计方法。我们都会讲故事，但正是故事的喜闻乐见，使它成为一种强大的设计方法。所以，我们从创作每个故事都必备的三个关键要件来开始设计流程：一位可爱的英雄，一个拟真的场景和一个强大的剧本。这样，我们就创造出产生设计创意的情景。 我们要给这位英雄设计，这位英雄被大量的细节来进行描述。他们的名字、年龄，住在哪里，开什么样的车，在哪里工作，他们在上班路上会在车里听什么样的音乐。所有这些细节帮助我们设计师来把英雄当做一位个人来连接，而不是很多交互设计中假设的一般性的用户（见图1）。我们的英雄是我们所针对的受众群，通常从细分的人物角色和人类学（ethnographic）研究参与者中衍生出来，创造出一个复合式的人物角色，但并不像这些方法所产生的一般性结果。就好像一名虚构小说作者，设计师应该能就他们的人物角色营造出情感连接和健康的尊重，有全身心投入去帮助这位英雄获得成功的迫切感。   图1 人物和设定：从一位主要人物角色（我们的英雄）和设定出发，我们为设计概念创建了情景。在这个例子中，我们为Kevin设计了一个移动购物应用，他是一位29岁的来自Bay Area公司的网页设计师。Kevin正搭乘公交车在去心爱的商店Urban Outfitters，他要去那里卖一条新的牛仔裤。 图2 叙述弧结构：故事情节是通过便签条来搭建，这样就可以流动性重新编排和编辑故事。Kevin去商店的购物路途，他的移动应用所带来的好处，通过一系列的情节要点和细节来开发。从他到达商店到购买牛仔裤到随后跟朋友的午餐，我们最初的故事都是用便签条来组建的。 接下来，我们把我们的英雄植入一个特定的场景，恰当场景对于创造设计概念是一个关键要素。如果们要设计一个体感游戏界面（在宿舍?地下室？地铁？）这个环境是什么样的，还有谁在哪里，什么事情正在发生。这些元素不是简单的为故事提供背景，它们提供了情景和英雄所要达成目标和欲望的线索，这些元素也在竞争着要获得英雄的注意力，从而全身心的投入在我们的核心体验中（见图1）。 最后，我们要写一个剧本，详细讲述这� �故事里的情节是如何展开的（见图2）。我们的英雄想要获得什么样的成就？他或她如何去实现？一路上将会面临什么样的挑战？这个故事应该自然地揭示出英雄的动机，我们期望的体验在这些更广大的需求中的角色。一个写的好的剧本并不会去试图销售什么，而是呈现手头机会的全部价值。 当我们的故事成形后，我们对设计创意进行头脑风暴，推进英雄在故事里前进。在每一个故事中，英雄都有工具来帮助他或她完成一个目标。我们需要帮助英雄找到他们的激光剑、蝙蝠车、幸运软呢帽。我们对设计创意，大量的创意进行头脑风暴，然后驱使我们的英雄去获得成功的结果（见图3）。通过把故事当做一个创意产生的中心框架，我们被迫去找到情景相关、切合英雄需求的创意。我们的英雄会在杂货店收银台前用手机应用来做什么呢？这将如何帮助英雄完成他的目标，包括近期（为杂货付钱）和远期（举办一个令人惊叹的聚会）？ 故事作为一种集体式发现的工具，促进了关于设计创意应提供什么样的好处和体验应该如何来设计的讨论。故事也帮助减少自我傲慢，而把焦点关注在体验核心上，只有那些从某种有意义的方式能给英雄带来好处的体验才会胜出。在我们的故事中需要关注的是，不管故事有多么吸引人，这都只是服务于设计工作本身。我们的目标是创造伟大的设计概念，故事仅是帮助我们达成目标的一种机制。针对故事和设计创意，我们的流程应该是迭代优化的，让最强大的设计概念能够产生出来。   我们如何去做？ … Continue reading →