平凡的世界：看看，闹闹，混混，写写

常态：元素在页面上始终显示；
暂态：元素需要鼠标悬浮，点击，或者聚焦等事件，才能触发其显示；当事件发生改变时，比如鼠标移出或者焦点消失，则元素可以再次隐藏；

生活中的人们不断地遇到这样那样的问题，然后就会萌生各种各样的感觉，比如“为什么不告诉我”，“现在应该怎么做”，或者“原来是这样，我以前不知道的”，继而还有“我已经知道了，你都说了很多遍了”等等。这些感觉都表达了一个意愿，那就是大家希望生活能变得更加简单，让所有的问题都不再成为问题。
问题产生根源于两类，一类是因为信息不对称造成的，例如不知在哪里购买演唱会的门票；另一类是因为事件本身的矛盾，例如同样的现金在支付演唱会门票后，可能就没有足够的余额购买手机了。本文讨论页面元素表达形式，主要围绕信息不对称这部分原因，分析如何让页面元素以恰到好处的形态展示出来，使用户了解网站的用意，达到信息对称，消除疑惑的目的。
其实让信息对称最简单的方法是复制，遗憾的是人脑即使通电也没法变成电脑，所以沟通成为唯一的方式，语言是人与人的沟通方式，网页便是服务器与用户的沟通方式。
我们切入主题——怎样的沟通能够让信息对称？

一. 哪些东西总是需要的——从工具和材料说起

上图中，几位厨师在烹饪不同的菜肴，所有的材料都摆在了台子上，没人会问酱油在哪里，葱花有备用么？甚至刷把和各种瓢铲，都放在人眼所及的地方，也许这便是生活中的“所见即所得”？
推论一：需要完成任务，就提供充分的工具和材料。

【页面分析】
一直困惑于善用网站搜索条件筛选的用户太少，也把原因100%归咎于条件筛选操作太复杂，用户门槛高，但通过istockphoto网站，发现了另外一个原因：工具在开始任务之前就提供，也许更加有效：

继续深入istockphoto这个网站，在导航区域有了疑惑：到底哪些是执行动作的工具，哪些是进行条件选择的工具？。看来在同一区域，执行动作的工具越多，用户理解起来就会越困难。

当浏览到搜索列表主体时，发现每个单元都是“图片+icon+编号”的形式，却奇怪地发现点击图片，或者编号，或者相机icon，进到的页面都是同一个图片详情页面，殊途同路，用户意料之外的事情就不是太好的结果。

【交互建议】1. 工具最好是常态的，且在开始任务之前提供，而不是完成任务之后再提供；
2. 过多的工具以常态显示，对于用户来讲就不易理解了，按逻辑和条件进行梳理是非常重要的。
3. 作为常态显示的材料需要具备单一性，不同的材料应有不同的用途，尽量减少不同样式的元素用于同一目的。

二. 重要的东西，也不要太唠叨——关于提示，状态和结果：

这是片场必须使用的道具，开拍和结束，总会有那么“咔咔”的两下。但也就仅此两下而已，它的出场机会并不多。提醒固然重要，却并不代表时时刻刻的提醒都是必要的。

推论二：提醒也许是有用的，但时刻提醒却让人厌倦。
【页面分析】
拿比较经典的yahoo注册作为例子：

上图展示的网页，当鼠标焦点聚在具体某一项表单时，才会展示这一项的填写说明，当焦点移开，说明又会消失。
这种说明性质的提醒并不表示状态和结果，只是一种帮助信息。

上图为填写格式不正确和正确的表现：只有当填写不正确的时候，才会出现红色警示，而填写正确时，不会出现任何的提示来打断用户。（记得以前yahoo的做法是填写格式正确，就出现一个绿色的小勾，然后慢慢消失掉。看来这里yahoo觉得用小勾渐隐都打扰到了用户，既然填写正确，干脆就不用任何东西去干扰用户了。）

再拿一个简单的登录作为例子：提醒用户账号密码错误是必须的，因为这个结果会造成用户无法进行下一步操作。但提醒就是提醒，把提醒变成操作，需要去“确定”，总会给人画蛇添足的感觉。
那么有没有需要“画蛇添足”的情形呢？是有的，比如不可逆操作的二次确认，在这种情况下会牺牲易用性来达到操作稳定可控的目的。

【交互建议】
1. 帮助性质的提醒应是暂态的：尽量在用户操作的同时出现，避免影响页面主体元素；
2. 对后续操作产生影响的结果：显示出来；对后续操作不会产生影响的结果：可以忽略；
3. 对于结果，永远不会有“选择”这种情形：结果是不需要用户“确定”的，所有的“确定”和“取消”，在产生结果之前才有意义；

三. 人类天生会关联和引申——物品的操作与属性

当深圳东门的优衣库实体店开张时，饶有兴致地去逛了。惊奇于那么大一个门面店，却只有3名工作人员。仔细观察，发现优衣库对这种经营模式很自信，源于优化了商品陈列方式，所以将员工数量减少到比超市还少：虽然悬挂的只是少量样品，却能让买家找到不同颜色，不同尺码，不同质地的相关商品。优衣库将相关商品折叠，打包陈列在样品的周围，买家可以通过标签找到合适的尺码，再将他们取出，展开，进一步观察。
想想，如果将这些服装全都如同样品一样悬挂起来，不仅会占用大量空间，买家的寻找的过程也比较吃力。

推论三：做到信息对称，需要善用人类与生俱来的关联和引申能力。
【页面分析】
针对邮件，gmail有很多种操作，将主要的操作放出，使用较少的操作隐藏，是比较常用的方法：

在hulu，视频单元显示的都是标题，图片，频道等一些视频关联的属性，这些属性与视频播放的内容有关，会让用户知晓是否初步感兴趣。而当鼠标悬浮的时候，会详细列出视频的长度，时间，用户评分等，这些额外的属性，会让用户进一步明确：是否真的需要点击这个视频？

再来看看乐天，cjmall等站点中的商品形态，很诧异并没有太多的操作按钮，例如“查看详情”和“购买”，比如下图左上角的toysrus，宁愿用大量的空间去表现核心属性和关联属性，却没有一个操作按钮。

【交互建议】
1.常用的操作建议直接展示（常态），不常用的可以通过鼠标事件触发显示（暂态）；
2.物品的核心属性（物品是什么）需要展示（常态），关联属性（物品怎么样）可以通过鼠标事件触发显示（暂态）。
3.物品的核心属性比操作更为重要，因为吸引用户的是物品本身，而不是操作按钮。所以属性一定要是常态，而操作可以为暂态。

综述
页面的元素虽然纷繁复杂，但我们可以将其表现形式归纳为常态，暂态。工具和材料性质的元素最好在页面以常态显示，用来帮助用户轻松地完成任务；帮助和提示在动作进行中以暂态出现，可以及时提供给用户充足的信息以便避免出错；结果如会影响到后续操作，则应以暂态提醒和强调，若不会影响到后续操作，就可以忽略；物品的“属性”比“操作”更为重要，因为吸引用户的是物品本身，因物品的“属性”才能引发对物品的“操作”，所以物品的“属性”更多以常态显示，“操作”的自由度则更大，以常态和暂态显示均不会造成大的问题。

如何快速建立沟通

在生活和工作的时候，我们都发现当面沟通的效率会比电话，QQ高许多，不仅人和人之间如此，人与物之间也是这样，还记得联通iphone的广告词么：“闻名不如见面”，讲的就是媒体无论怎么讲iphone是多么的好是无益的，只有当消费者亲眼见到iphone才知道它究竟好不好，从而产生实际的购买行为。
对于网站来说，用户看到什么，点击什么，证明用户想要跟这些内容建立沟通。而网站营销的同学们却善于给到用户其他的东西。比如一件lee的牛仔裤图片会链接到一个卖场，卖场会链接到搜索页面，搜索页面再到单品，经过这样的折腾，不知用户还能否找到那件lee？
所以，快速建立沟通的第一点是：当网站知晓用户的需求之后，应该尽量简单迅速地提供与用户需求相关的内容；

因为卡丁车与F1非常类似，所以F1赛车手几乎都要经过几年的卡丁车训练和比赛才能转战F1车坛；因为人们对现实中凹凸不平的按钮有良好的心理认知，所以网页上按钮形式的元素总是那么的吸引用户……虽然人类有非常强的学习能力， 但认知往往是一个循序渐进的过程，创造性可以给用户减少麻烦，也可以给用户制造麻烦。更倾向于这样去理解创造性：创造性其实就是突破思想和技术的限制，尽量去还原人类本能的思考行为方式。又拿iphone说事儿，看似创造性地采用了全屏触摸，颠覆了按键和屏幕分离的传统做法，但回想玩具店的小孩子要一件玩具，会指着玩具还是指着玩具的标签？
可以得出，快速建立沟通的第二点是：与用户现有认知保持一致，尽量减少用户学习的成本。

有这样一个俗套的故事，公车上小甲，看着一位乘客有似曾相识的感觉，貌似一位同学，又不像……犹豫许久，终归错过打招呼的机会；直到某次同学聚会对质，才发现那次真的是小乙。
这个故事说明内容的不确定会让用户放弃沟通，内容的确定性反过来会确保更加快速地建立沟通：假如小乙当时在公车上打电话的口音，或者穿着学生时代的一件衣服，都可以让小甲在公车上与其打招呼从而建立沟通；
回到网站上来，记得年前在茂业看到一件jackjones的上衣，后来一直比较忙，懒得去商场再逛了，去jackjones的官方网店刚好还全场五折，眼睛都看花了，却已经忘记那件上衣的样子，隐约记得货号“…57966”，却发现官方店所有的商品描述都是不带货号的，因此不能确定哪件衣服是上次选中的，只好去线下再看看。
再举个例子，以前网购裤子总是不合适，因为买卖家双方总是只确认了腰围，让我也慢慢养成了不在网上购买裤子的习惯。后来一个苏州的卖家让我了解了还有前档长度之类的东西，结果那次购买很合身，但是直到现在仍然不会留意网上的长裤，因为几乎鲜有卖家提供前档长度这样的数据，无法让我确认是否满足自己的需要，从而无法让我和商品之间建立起进一步的沟通。
好吧，经过这么多折腾，得出了快速建立沟通的第三点：提供足够的信息，让用户判提供的内容与自己的需求是否一致；

过年，许久没回家，大家庭里的兄弟姐妹们总算有机会凑一块了。会计，老师，医生，儿时互为玩伴的我们，有了不同的职业。闲聊中姐弟们都很疑惑自己所从事的交互设计是怎样一个行当，去抽象地解释人机工程是无益的，只能宽泛形容传统的电视，相机等工业产品需要设计才能便于使用，互联网也一样，而我的工作，就是为了让网站变得更易被人们理解。

除了形象的解释，很难给交互设计下一个定义，有些时候也在反思，自己是否已经在琐碎的工作中迷失了交互设计的核心价值？
自己喜欢这样去描述：“交互设计让人与物的沟通变得更加容易的一门学问。”
觉得需要处理好的两个关键点：
1.人与物：
人与物是交互设计面对的两个对象，交互设计需要通过了解人，改造物，从而达到善待人的目标。

故事一：同学的妈妈花了3000元买了某品牌的洗衣机，结果发现看了说明书也不会使用，然后很歉疚地问她儿子：“我是不是很笨？”
点评：妈妈真的很笨，笨到花3000块买了堆无法理解，无法沟通的废铁，相信她下次不会去买废铁了。

故事二：奶奶带着孙女在公园玩耍，和另外的老婆婆聊天入神了，把孙女弄丢了，好不容易找到，边打边骂：“谁让你乱跑？”小孙女“呜呜”地就哭了，老婆婆又开始哄孙女，一会儿俩人又和好如初。
点评：三岁的懵懂小孩懂啥呵，只是没照看好小孩的老婆婆将自己的错误归结于别人罢了，但即使对错不明，因为双方都认为对方可理解自己的意图，所以奶奶会骂，孙女会哭，然后奶奶又会哄，最后总归会达成一致。

上面的两则故事，提炼出人与物的两个原则：
A.人们喜欢将物品的错误归结于自己，将自己的错误归结于别人；
B.人与人之间的关系更容易稳固，而人与物之间的关系会比较脆弱。

2.沟通：
无论同事朋友，甚至亲人之间，有时候都会说：“你还没弄明白我说的意思，我其实是觉得……”
人与人的沟通尚且存在误解，更不用说人与物之间了。
所以一个完整的沟通，必须包含目标的实现。
最简单的沟通，大致可以分解为三个步骤：
清楚地自我表达，了解对方意图，提出解决方案并实现。

所以人与物的沟通，会涉及到：
A.物品如何清楚地向使用人表达自己是什么？能够做什么？以及如何去做。
B.物品能够及时地了解使用人是怎么想的，他需要达到的目的是啥？
C.物品在了解使用人的意图之后，能够及时调整并给到他最好的实现方案，并确认他是否已经理解。

既然人们在无法理解物的时候，往往会归咎于自己而放弃沟通，从而无法达到目标。
那么交互设计需要关注的，就是如何让物更容易地建立与人的沟通，及时理解人的用意，针对不同的人做出不同的改变，从而引导不同的人实现相应的目标。

从上文，可以先总结出交互设计的关键词：
建立沟通，善解人意，应变引导，实现目标。
下一篇再一一陈述各个目标。