2006年10月27日 -
可用性 -
没有评论 »
前几天在弄公司的统一线上规范,其实就是用户界面元素的统一。感觉这个东西对于一个拥有自己网站的企业 ,尤其是对于互联网公司来说太重要了。
首先,用户界面元素要符合企业的整体视觉识别(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也是一个成功的例子。
2006年10月16日 -
生活 -
没有评论 »
今天朋友从家里把数码相机带过来了,先拍个夜景试试。
2006年10月16日 -
生活, 迪士尼 -
没有评论 »
战斗了近一个月,从网站架构、设计风格、launch百科……到昨天晚上终于发布了。虽然还有很多东西需要修改,但是大块的东西都已经搞定了。其实赶今天(10月16日)凌晨发布就是为了赶华特迪士尼公司83周年的日子。
这次还是学到了不少东西,比如新建了JavaScript的DisneyBox类,将神奇一刻所需的方法都放在这个类的下面,便于以后的操作。下面又按功能分了一些子类等等。
总之,很高兴完成并看到了全新的神奇一刻,接下来就是继续合并原来的MagicWD的内容,优化用户界面以及信息架构。希望全新的神奇一刻能给中国的迪士尼爱好者们全新且更好的体验!
2006年10月11日 -
Google -
没有评论 »
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 […]
2006年10月09日 -
关注的, 可用性 -
没有评论 »
今天和同事说起了Facebook,之前只登陆过一次。于是再次登陆,体验了一把,终于找到了“看了就想用”、“看了就想点”是什么感觉!
Facebook的UI非常注重细节,很少能见到这样的网络应用。之前看Facebook的界面,从视觉上就感觉很cute,但还没有到吸引人去用的地步。但是当在里面点击了几次鼠标之后,就会变的越来越想继续点。整个应用对Ajax运用不亚于Flickr,大部分交互都极其符合习惯。
值得研究,先记下一笔!
2006年10月09日 -
Google, 可用性 -
没有评论 »
天天上班,Live Msger、QQ和Google Talk都是一起开着的,有时候忙了,就会把他们都设成忙碌状态,不过,每当这时Google Talk就会让我不爽,不管当前GT是什么状态,他在屏幕右下角系统托盘里的图标始终不变。真的有时候会为了查看一下自己当前的状态而去点开GT。改一改 吧。
另外,又想起了自己原来做过的一套Google Talk在线状态的图标。
2006年10月06日 -
Google -
没有评论 »
晚上上网发现Google Groups Beta又有重大改动了,虽然感觉新的界面有点乱,但是还是发现了一个好玩的东西,那就是上面这幅图。这是Google Groups Beta的一个Sample图片,不过发现画面搜索框的上方有一个Moma,这是什么东东?在Google里google了一下之后得知原来Moma是Google的内部网络。做Sample图片也不该把这东西做进去嘛。
2006年09月29日 -
Google, 可用性 -
没有评论 »
我的Google Reader的使用年龄也差不多和Google Reader本身的年龄一样了。当时从Bloglines转移到GR来,就是因为它的交互比较符合我个人的习惯。其实,原来GR和Bloglines最大的区别就是对Blog文章的组织方式的不同:
Bloglines为代表的大多数在线阅读器都是以RSS源为单位来组织(最多加个Tag之类的分类文件夹)
Google Reader是以每篇文章为单位来组织
原来GR的页面布局,左边是文章的标题列表,右边是当前文章,用起来很顺手。
新 的Google Reader在组织形式上更接近传统的阅读器,以RSS源为组织单位。而且整个页面的布局也近似与Bloglines了。因为前一个版本的GR在交互方式 上和其他的阅读器差异还是比较大的,所以突然转变一下,可能会产生一些不适应。尤其是其默认的显示方式为Expanded View,虽然在这种显示方式下,已读文章和未读文章有一定的差异,但是差异确实很小,我花了一定的时间才找到,确实迷惑了很久。不过,好在这个不适应的 学习阶段是不很长。我很快发现了ALL Items里面有List View,这个东西其实就基本上等于原来界面的全部。有文章的标题列表,点击标题后出现文章全文。
所以,实际上新版的GR给用户提供了两种并存的阅读。不过,有一点值得注意的,新版GR里,所有的Label都变成Tag了,Label是Google对Tag的习惯别称,但是不知道为什么现在都弄成Tag了。
Whatever,还是希望新版的GR界面能稍微改的不那么凌乱些,和Gmail、Calendar的再接近些就好了。
2006年09月28日 -
关注的, 生活, 迪士尼 -
没有评论 »
昨天在写迪士尼百科的Lost词条,于是晚上回家把原来硬盘里Lost的RMVB翻出来又看了看,结果发现第二季竟然有三集活活的给落掉了没看!
看完后之前的很多迷惑终于解开了!还真是迷失在了《迷失》中!
2006年09月27日 -
前端技术 -
没有评论 »
今天看了Flash和Ajax的不完全比较一文,觉得还是有一些想法。
主 要来说说Flash。Macromedia把Flash Video引入了Flash确实是一个相当明智的举动,至少,从现在这些兴起的网络视频网站可以看出。但是,Macromedia一直以Flash作为自 己RIA战略的核心,一直在强化ActionScript,感觉不是一个很好的方向。
作为网络应用的开发工具,Flash具有开发成本过高的劣势。而且,虽然其具有跨平台的优势,但是Flash Player过渡的封闭型却成为了其劣势,比如右键菜单的不兼容、图片无法保存等。而且如果将其应用到大型网络应用项目中,就像Wallop那样,感觉其加载速度是也一个很大问题。
个人感觉,Flash还是适合做产品展示、电影类网站、设计精美的个人网站以及一些特别事件的网站,总之都是一些展示性的,交互任务比较少的。不过,有一个例外是原来Flickr的Organizer,感觉原来用Flash的时候就比现在的Ajax方式流畅。所以应该说是一些比较轻量的交互应用。
Flash 8中开始关注设计师们感觉比较欣慰,这才真正是Flash的强项,Flash的视觉表现力和视觉冲击力确实是无人可比的。而且Flash Video的进一步完善也使Flash应用更广。
希望Flash今后能够继续保持自己多媒体平台的地位,应用的事就让Ajax(或者什么别的也说不准)完成就好了。