我是我产品的用户

在交互设计中有这样一个观念：“产品设计者不是用户”。作为产品的设计者，虽然会试图为用户着想，但产品的设计者不是用户，设计者和用户的立场是不同的，更准确的说，“目标”是不同的。

这个的观念可以用下面的例子来解释：

一个软件公司要设计一款专门供财务人员使用的软件，产品的设计者会有很多想法，想象着用户会要XXX功能，如何如何的功能归类会很方便用户使用… 但是通过实际调查发现，真正的用户—财务人员，想要的原来根本不是这些，他们更需要的是快速的完成任务，让自己显得不那么笨（能顺利的操作此款软件）…

要想单纯的通过主观判断就能做出真正的财务人员满意的软件，需要设计者能按照财务人员的方式来使用这个软件。如果你真能按照一位财务人员那样来使用这个软件，那…那你基本上就得改行了，显然，同时作为一位合格的财务人员和一位交互设计师是不太现实的。

这个例子说明，产品的研发者不是产品的用户，要设计出好的产品，需要进行科学严谨的用户研究，于是才出现了“人物角色”、“情景描述”等等方法用于避免出现类似上面的错误。
阅读全文 »

浏览量：9,925 | 11 条评论 »

相对不易用

想象一下，早上起来，厨房里摆放着一盘子吐司面包（方形的面包片），旁边是吐司机(烤热面包片的机器)，你是否会觉得太麻烦而不去吃呢？再想象一下，午后，你面前摆放着一个咖啡壶，下面有电磁炉以保证里面的咖啡不会变凉，旁边放着一个杯子，里面是牛奶，还有一个小盘子，里面放着袋装的砂糖。空的咖啡杯就摆在旁边。你会因为嫌麻烦而不去喝吗？

面对这两个情况，恐怕大多数人都不会嫌麻烦，反而应该觉得服务的太周到了。能得到这样的服务，想必是有位贤惠的老婆吧。

然而，就是这样的服务，在另外的条件下，却有着出人意料的结果。
阅读全文 »

浏览量：25,851 | 32 条评论 »

链接，怎么办？

表示文字链接最清楚的方式是“蓝色文字+下划线”，这是在浏览器发展过程中形成的。这个问题大家都说过很多次了，我也曾经说过。然而，这样的规范却总是难以实行。视觉设计师会把文字颜色作为一个表现视觉风格的元素，完全出于视觉表现的需要来配色，而不顾及这个规范。在埋怨视觉设计师的同事，我也在考虑，规范之不行，问题恐怕并不全在执行者。这如同交通规则不允许骑自行车带人，但是交警也不能见到骑车带人的都拦住罚款。

显然，这个规范对视觉设计的局限是比较大的，所以视觉设计师才不愿意去遵守。在网页的开发流程中，留给视觉设计的时间是很有限的，并且往往要求有比较绚丽的视觉表现。这样的条件下，再要视觉设计师顾及这个规范确实也比较难。

那么，我们来设计另外一个规范，让文字链接同样能表现的很清楚，做到“操作可识别”，同时，又让视觉设计比较容易做。
阅读全文 »

浏览量：10,265 | 25 条评论 »

表达的尺度

如果说交互设计师的工作内容是使用界面语言进行表达，那么，好的表达需要注意尺度。

贴在屏幕上的工具栏是过分的。页面上闪动的广告也是过分的。这些设计超越了表达的尺度。

在设计这个页面的时候，设计者考虑的往往是：怎样才能让用户注意到这个功能。偏执的考虑让用户用着顺手（用着顺手本身并不是错误的观念），主观的认为这样做才够方便，用户用起来效率才会高。在这个时候往往不会去考虑用户是否乐于接受。这如同做父母专心于把最好的食物给孩子吃，但却不考虑孩子是否饿。
阅读全文 »

浏览量：2,363 | 8 条评论 »

视觉引导

碘酊，一种棕黄色澄清液体，颜色很深，是由乙醇溶解的碘溶液，用于皮肤感染和消毒。俗称：碘酒。红汞，主要成分：红溴汞。红色溶液。用于外用消毒及表浅创面。俗称：红药水。这两种药水小时候就经常用，哪里长了个小包，就抹点碘酒，能消肿。外伤抹红药水。对这两种药水的气味、颜色我都很熟悉，。红色瓶子的是红药水，棕色瓶子的是碘酒。一向如此。
阅读全文 »

浏览量：5,434 | 20 条评论 »

我们猜您会喜欢

看这个标题，大概你会觉得耳熟，很多网站都会提供类似的推荐内容。是不是可以用这种形式做广告？推荐是不是就是广告？根据item的相关性做的推荐是不是一定是有益于用户的？

不是用户主动找的内容，而是设计者有意推送给用户的内容，假设这些信息都称谓推荐信息，那么，这些推荐应该怎么推？当然，简单的说，推荐的信息应该适度，适时。怎样才算适度？

北京的前门有个历史悠久的自行车商店，大概是我在上高中的时候，有一次去那里买自行车配件，买一个后轮上的挡泥板。这次购买经历，我至今仍记得很清楚。

进了商店，找到了卖配件的柜台，跟售货员描述了我要的配件：26车后轮用的挡泥板。开票儿，付款，拿货，一切正常。举着挡泥板我问售货员：能不能给安装上？“出门，右转，胡同里有个门儿，是我们店的维修门市部，那有人专门管安装。”我推着车，举着刚买的挡泥板，转到小胡同里，维修门市部很好找。“师傅，给我装一下这个挡泥板啊。”“啊，成。哎？你没辐条啊？”（注：辐条是指连接挡泥板与后轴的电镀铁条。）“啊？噢。店里有卖的吧？”于是我跑回店里，再买两根辐条。开票儿，付款，拿货。临走时，我问了售货员一句：“安装的时候，螺丝要自己带嘛？”“你要几个？”我太聪明了！差点儿又多跑一趟。
阅读全文 »

浏览量：18,830 | 20 条评论 »

导航问题种种（介绍薯片会）

导航是个大问题。如果说交互设计的两个主要任务是：信息构架和交互细节设计，那么，几乎所以信息构架的问题最终表现都反应在导航上。一个网站能把导航做好，已经基本做好一大半了。具体操作行为上的设计，页面表现上的设计并不难了。一个链接到底是鼠标经过时就浮动一个层出来，还是点击之后才浮出来？“提交”按钮是应该左对齐，还是右对齐？这些问题不是不重要，也不是太简单，但至少，类似的问题有的可参考，并且可以通过制定一些标准来统一，如果条件允许还可以通过用户测试快速的验证。而导航问题通常比较复杂。
阅读全文 »

浏览量：3,912 | 7 条评论 »

向前一步是设计

这是一个对页面操作权限进行设置的功能。

让我试着解释一下这个设置功能：
区分两类人：所有成员和部分特权成员。操作分为：读操作和写操作两类。可以先给这两类用户分配不同的权限，然后再在下面选定特权成员。
写操作是比读操作更高级，有写操作权限的成员显然是可以读的。即，如果“可发文章、评论”项选中，则对应的“可阅读”变为选中的不可操作状态。
特权成员是成员中更高级的一部分人，权限只会比普通成员高，不会比普通成员低。如果对所有成员都开放写权限，那么特权成员就没什么特权了。第二行特权成员的选项应全部选中并且不可操作。如果普通成员有读权限，那么特权成员自然也应该有读权限。实际上此时特权成员只有读权限就没什么“特”的了，应该同时还有写权限。
把上面这种种规则都表现出来后，这里四个复选框的操作就变得很复杂了。假设现在是四个复选框全未选中的状态，第一个操作如果勾选了左上角的复选框，则四个复选框将全部变为选中，并且不可操作。如果第一个操作是勾选右上角的……
我实在不想说了，太累了。恐怕我有耐心写，你也没耐心看了。
太复杂并且太不容易理解了！每次操作后，结果都会出乎意料，勾选这个，其他的也被勾选了，并且有些人不可操作了。为什么？
阅读全文 »

浏览量：14,395 | 22 条评论 »

设计原则VS实际情况

这是一个网络相册。是不是该有“上传照片”这个按钮？我当时的意见是：不要有。理由是：只有在某个相册中才可以上传照片，在“根目录”（XXX的照片集）下，并不能上传照片，既然不能上传，所以不要有这个“上传照片”按钮，即使提供这个按钮，点了之后同样是要引导用户去选择相册或新建相册。
现在看来这个结论显然是不对的。问题出在哪儿？当时也确实有其他的同事反对，但并没有给出足以说服我的理由（也许是我太固执）。记得当时反对的意见大概是：“你这个想法可能从专业、学术的角度上是对的，但是实际情况…”如果仅仅是根据所谓的实际情况来判定一个设计，显然是靠不住的。因为那时说的实际情况也只是那位同事那个时候对实际使用情况的猜测。
上面描述的这个错误到底是怎么产生的？作为交互设计师怎样才能避免运用所谓专业的观点做出错误的设计？
阅读全文 »

浏览量：8,491 | 28 条评论 »

交互行为三部曲

之所以会出现“交互设计”这个词儿，很大程度上是alan cooper想区别于以往的界面视觉效果设计，重新定义一下基于电脑的软件设计工作。既然是区别于原先的界面设计，我想，可以简单的不准确的概况一下这个概念：交互设计=界面设计+行为设计。界面的设计无须多说，行为的设计就有很多话题了。

之前的很多小文里也经常会提到有关行为设计的问题，几天前如厕时偶然意识到关于行为设计的一些问题联系起来考虑会更有助于设计。

啥是网页上的行为？看到一个链接，左键点了一下，打开一个新页面。
当然行为也有更复杂的，填写、提交一份注册资料；删除我日志中的垃圾评论；打开一个视频，调整音量，全屏观看…

关于这些行为，我们可以分为三个步骤，并对每个步骤提出相应的准则：
第一步.操作前，操作可识别；结果可预知。
第二步.操作时，操作有反馈。
第三步.操作后，操作可撤销。
（文字排列的还挺整齐的，怪像诗的哦。好吧，借以沉痛悼念即将远去的诗人：白龙。）

如果你深谙设计之道，恐怕已经知道我说的这几点是什么了。那么本文看到这里对你来说已经足够了。将这些设计问题联系起来考虑，在设计一个行为的过程中能有意识的考虑这一系列问题，应该会有助于你的设计。
阅读全文 »

浏览量：5,999 | 24 条评论 »