前几天在弄公司的统一线上规范,其实就是用户界面元素的统一。感觉这个东西对于一个拥有自己网站的企业 ,尤其是对于互联网公司来说太重要了。
首先,用户界面元素要符合企业的整体视觉识别(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也是一个成功的例子。