链接,怎么办?

二月 12th, 2008

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

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

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

浏览量:1870,506 views 75 条评论 »

表达的尺度

二月 9th, 2008

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


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

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

浏览量:115,193 views 13 条评论 »

视觉引导

一月 26th, 2008


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

浏览量:119,402 views 22 条评论 »

我们猜您会喜欢

十二月 2nd, 2007

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

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

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

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

浏览量:131,141 views 26 条评论 »

导航问题种种(介绍薯片会)

十一月 29th, 2007

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

浏览量:116,013 views 9 条评论 »

向前一步是设计

十月 21st, 2007


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

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

浏览量:124,758 views 25 条评论 »

设计原则VS实际情况

十月 4th, 2007


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

浏览量:129,518 views 64 条评论 »

交互行为三部曲

九月 23rd, 2007

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

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

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

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

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

浏览量:124,435 views 28 条评论 »

取舍问题

八月 26th, 2007

“有用户需要这个功能啊…”这个说法永远成立。每次听到这句话通常就意味着产品中又要多加一项功能了。在满足一部分用户更多需求的同时,使得另外一部分用户使用又更困难了一些。因为功能太多了,这个产品就更复杂了,只需要简单功能完成简单任务的人当然希望少些干扰。

添加更多的功能会使一部分人更爽而另外一部分人更不爽。通常在讨论的时候,会说,这是个trade off(在两者之间取舍)的问题。被这样定性之后,基本上就剩下掷硬币拿主意了。这是个取舍问题,但有些取舍问题只能靠掷硬币,而有些则不是,嗯…还可以扔鞋的…

鉴于在会议室中扔鞋或者硬币都有失斯文,我们不得不找些更体面的办法。要决定这个取舍问题只要解决一个问题就可以了:上面提到的“一部分人”和“另一部分人”都是谁?之后,我们就可以很从容的判断了,我们的产品是要讨好“一部分人”呢,还是要讨好“另一部分人”?

Alan.cooper的书里把用户分为三类:新手,中间用户、专家。我在这里只想说互联网产品,对用户的分类似乎可以更简单一点,只分为新手和老手即可。初来乍到的是新手,如果他们持续的使用这个产品则可能会转变成老手。这是套搬Alan.cooper三类用户的原理。
阅读全文 »

浏览量:116,985 views 22 条评论 »

大头贴改版设计总结

八月 8th, 2007

大头贴是QQ空间里的一个照片合成的小工具。让用户将自己给自己的照片加个画框合成一个形象照。07年6-7月,大头贴进行了重新设计,改善了之前的一些设计并添加了一些新功能。在此,将这个重新设计的过程总结下来,通过这个实例来阐述愚下对交互设计的一些理解。

改版面临的问题一:旧版设计的缺陷

旧版大头贴有一些设计上的缺陷。我们可以通过界面截图了解一二。

默认首页(照片合成页):
1.gif
阅读全文 »

浏览量:118,908 views 26 条评论 »