2006年10月 的归档:

关于用户界面元素的统一

前几天在弄公司的统一线上规范,其实就是用户界面元素的统一。感觉这个东西对于一个拥有自己网站的企业 ,尤其是对于互联网公司来说太重要了。

首先,用户界面元素要符合企业的整体视觉识别(VI),是企业VI以及企业文化的体现。就拿英国石油(BP or bp)的www.bp.com来说,它的用户界面元素都强烈渗透着企业VI,而且完全统一:

所有链接都用了和logo最外层的绿色(#009D32)很接近的安全色(#009900);
按钮背景色同样使用了这种绿色;
二级标题都采用了和logo第二层颜色(#B0C512)很接近的安全色(#99CC00);
当航元素的背景采用了和logo第二层比较接近的安全色;
需要突出的部分,背景使用了和logo第三层颜色(#FEEA11)非常接近的安全色(#FFFF00)。

其他地方还有很多类似的,使得整个bp.com虽然没有用过多的icon之类的来修饰,但是整个网站仍然显得很丰富,而且感觉很清新,和bp清洁能源、重视环境宣传都非常吻合。
其次,用户界面元素要有统一的规范,即完成相同任务的元素应该用相同的表现方式,这样使得用户只需要一次学习时间。这个表现方式应该包括三个方面:

视觉设计,即用户不通过任何操作,直接从元素的颜色、修饰、图标等等方面就可以看出其作用。比如Google把其所有的Tags(或者叫Labels)都使用了相同字号、相同字体和相同颜色;
交互设计,即用户在激活该元素时会得到的来自计算机的反馈。比如很多网站的链接都使用了鼠标滑过时链接文字加下划线、Flickr统一的直接点击文字来编辑的交互方式;
信息设计, 即对功能的文字描述,使得用户更容易的去理解。这一点在很多网站按钮文字的定义上表现得很明显,比如“提交”这个功能就会跟随着其具体功能发生不同变化, 但有些变化的确时不必要的,例如在按钮上加上“马上加入俱乐部”,倒不如只用“创建俱乐部”或者干脆就是“提交”,因为用户在填写表单时已经很明确自己是 在创建俱乐部了,除非创建一个俱乐部需要两步以上,否则最好不要增加用户的思考。

用户界面元素统一在实际的执行过程中会遇见很多问题,比如人员的调动、文档不够清晰、项目进度的调整、版本的更新、公司策略的调整等等。不过还是有很多成功的案例,比如Google的Rich Text Eidtor,包括Gmail、Docs & Spreadsheets等都在统一;www.bp.com也是一个成功的例子。

照张夜景玩玩

今天朋友从家里把数码相机带过来了,先拍个夜景试试。

终于把新版神奇一刻给发布了!

战斗了近一个月,从网站架构、设计风格、launch百科……到昨天晚上终于发布了。虽然还有很多东西需要修改,但是大块的东西都已经搞定了。其实赶今天(10月16日)凌晨发布就是为了赶华特迪士尼公司83周年的日子。
这次还是学到了不少东西,比如新建了JavaScript的DisneyBox类,将神奇一刻所需的方法都放在这个类的下面,便于以后的操作。下面又按功能分了一些子类等等。
总之,很高兴完成并看到了全新的神奇一刻,接下来就是继续合并原来的MagicWD的内容,优化用户界面以及信息架构。希望全新的神奇一刻能给中国的迪士尼爱好者们全新且更好的体验!

有意思的Writely服务器暂停通知

Writely计划在10月10日夜里(美国西部时间) 进行服务器维护,届时会发生无法访问的情况。为了确保用户不会在这段时间内使用服务,Writely贴出了这个通知,很有意思,内容如下:

Writely will be undergoing scheduled maintenance this Tuesday, October 10th starting at 9pm PST.
We would prefer that you don’t try to edit your documents around this time, as the site may go up and down unexpectedly for short periods — it could be unpleasant. If you need something else to do at that […]

用了下Facebook,才知道什么是看了就想用

今天和同事说起了Facebook,之前只登陆过一次。于是再次登陆,体验了一把,终于找到了“看了就想用”、“看了就想点”是什么感觉!
Facebook的UI非常注重细节,很少能见到这样的网络应用。之前看Facebook的界面,从视觉上就感觉很cute,但还没有到吸引人去用的地步。但是当在里面点击了几次鼠标之后,就会变的越来越想继续点。整个应用对Ajax运用不亚于Flickr,大部分交互都极其符合习惯。
值得研究,先记下一笔!

Google Talk,右下角的小图标变一变吧

天天上班,Live Msger、QQ和Google Talk都是一起开着的,有时候忙了,就会把他们都设成忙碌状态,不过,每当这时Google Talk就会让我不爽,不管当前GT是什么状态,他在屏幕右下角系统托盘里的图标始终不变。真的有时候会为了查看一下自己当前的状态而去点开GT。改一改 吧。
另外,又想起了自己原来做过的一套Google Talk在线状态的图标。

Google Moma

晚上上网发现Google Groups Beta又有重大改动了,虽然感觉新的界面有点乱,但是还是发现了一个好玩的东西,那就是上面这幅图。这是Google Groups Beta的一个Sample图片,不过发现画面搜索框的上方有一个Moma,这是什么东东?在Google里google了一下之后得知原来Moma是Google的内部网络。做Sample图片也不该把这东西做进去嘛。