一笑儿の天堂部落

Web 交互设计“灰色”的8类应用

　　在进行Web的交互设计中，颜色信息的传达也是不可或缺的一部分。我们常会发现许多“灰色”的应用，他们的出现总是不动声色而又恰如其分，维持了整个页面的平衡与统一。本文将从一些实际案例出发，阐述“灰色”在Web交互设计中的8类应用。

如果你想成为一名交互设计师

5年前，Robert Reimann为Cooper通讯（the Cooper Newsletter）写了第一篇题为《如果你想成为一名交互设计师》的文章。和许多人一样，我读后大受启发：那正是我理想的职业。听从Reimann的建议，我接受培训，成了一名交互设计师。

现在，因为我的书的缘故，我发现人们开始问我同样的问题：如何成为一名交互设计师？成为一名交互设计师意味着什么？每天究竟要做哪些工作？Reimann的佳作依然值得借鉴，在此基础上我再补充些我自己的看法。

最近五年的交互设计

在Reimann写下《如果你想成为一名交互设计师》之后的5年中，交互设计领域发生了许多变化。网络泡沫导致不少设计师纷纷离开这个领域。但是网络新近的复苏又使新的从业者加入进来。为了促进业内知识的累积，交互设计师们成立了一个新的团体：交互设计协会（Reimann为首届主席）。此外，继软件、互联网等“传统”业务之后，交互设计开始进入一些新的领域，包括手机，医疗设备，金融，娱乐与零售服务等。

而传统领域也在发生变化：互联网已成为应用软件设计的平台，即便是那些无需在线编程和运行的软件，也日渐成为“在线工作”与“下线工作”的混合体。就连操作系统也在逐步摆脱25年前赖以建构的桌面隐喻的束缚。一切都显得那么自然，有如探囊取物——使交互设计师在今天成为一份理想的职业。

交互，使用，交互设计(Interaction Design)和可用性(usability)

By De Dream’, Windy(http://www.DeDream.com)，2004年9月

长期以来我们已经习惯了“使用”这个词，使用某种工具，使用某个软件，人类对产品的使用，很好理解。

可是，我们现在为什么要提到“交互”这个词呢？因为“使用”，是一种从人类出发的主动语态，说到使用，自然就想到以人类为主导，使用对象为辅助的一种关系。

提到“交互”，感觉是参与交互的双方更加对等，实际上，引入“交互”这个词的意义，就在于交互对象地位的提升。来自《超越人机交互》一书Terry Winograd先生说：“……也就是把计算的长处和人的长处相结合，而不是让计算机模拟人，正是这个想法把我引入了HCI领域”；Alan Cooper先生在UIDesign的访谈中也同样提到：“关键在于，让人去做他胜任的事情是一件非常好的事。让人做人擅长做的事情，而让计算机做计算机真正擅长的事情。”对交互对象的重视有利于让人和交互对象的关系更合理，从而得到人和交互对象相得益彰的相处方式。

可用性(usability)是交互设计的基本而且重要的指标，它是对可用程度的总体评价。也是从用户角度衡量产品是否有效、易学、安全、高效、好记、少错的质量指标。

为什么要进行交互设计？

回到前面vivi使用电话银行系统的例子，这样一个交互过程有缺乏设计的嫌疑，vivi为了查询到自己工资卡里的余额，一共需要九次按键，花费大约2分钟时间，其中大部分时间在各种名目的毫不关心的语音菜单之间选择，何况查询余额又是一个如此基本的操作。

而就在此刻，数以亿计的产品正在和用户交互。

如果用战场作比喻，那么产品就处在和用户接触的最前线，最深刻、最具体的体验就在产品和用户之间展开。

拙劣的交互一定可以打败用户：

“确实要删除吗？是，否”一个熟练的用户受到了伤害，“我都已经删了几百次了，每次都这样问我”。

“无效的操作”

“您带的资料不合格，请备齐资料，下次再来。”你好不容易请了半天假，排了两个小时队，把材料递上去，却得到这样的回复，意味着一切都要重新来过，包括手工填写那张有几十个框框的表格，而仅仅因为要换一个日期。

什么是交互设计(Interaction Design)？

一个交互实例

vivi（薇薇，26岁，一位优雅迷人的OL）打开钱包，从卡夹层里拿出那张有着金黄葵花的银行卡，又了到发工资的时候，不知道今天到帐了没有，还约好了明天和死党一起Shopping呢！刚才路过银行想查一下余额，但是排队的人太多了，不过还有电话银行嘛，vivi一边想，一边拿出手机，拨通了电话银行的号码：

一个温柔礼貌的MM语音提示：“您好，欢迎使用招商银行电话银行系统，1，自动语音服务，2人工服务；”

vivi把手机从耳边拿下来，找到1号键，按了一下；

“1个人银行服务，2公司银行服务，3银证通功能，4个人外汇买卖服务，5基金服务，0退出；”

vivi又按了1；

“1存折户，2一卡通户，3个人信用卡户，4新旧卡号查询 0 退出；”

vivi按下了1旁边的2号键；

“请输入一卡通卡号，以#号结束；”