关于百度百科Web UI设计的YY

分类 : 用户体验

自由职业设计师 Joe Critchley 曾对 对Google主页重新进行了设计。受此启发,以鄙人的愚见,将百科的界面YY和瘦身后,遂有此图:

点击浏览大图) - 上图为我做的“百度百科”的Web界面之“YY瘦身版”

基本大的框架没动,说说一些UI上的调整吧:

1.一屏内加了“什么是百度”。
承前文,我觉得还是应该加上“什么是百科”这句话,而且应该出现在一屏的显要位置。
因为据我调查,用户从对“百科”的认知度远没有达到“MP3”和“知道”这2个频道,我周围的很多人还不知道百度百科是什么,以及怎么用。而现在的百科将这个提示放在第二屏的公告栏里,显然是不太受关注的。

2.增加了“选色器”
参考了腾讯的首页以及一些博客的设计。可能大家会觉得这个功能很鸡肋,没实际意义,但其实不然,这么做恰恰是考虑到用户浏览百科的心情,区分对待,如果是女生,可以选择粉色的,如果是小朋友,则选择卡通的米黄色或绿色…… 默认是大众都能接受的淡蓝色。

3.用较简单的线和面搭配界面,浅色调。
减少用户在阅读信息的时因背景图片而遇到的干扰,从而突出用户所关注的信息,提高用户使用此网站的效率。

当然也许有人会说“我更喜欢现在百科的界面,因为比以前漂亮了”
那就仁者见仁了,每个设计本身都有各个的侧重点,有更注重美观的,有更注重易用的,毕竟美观又易用的界面少之又少,通常是二者取其一。
而且没有哪个设计会让所有人都满意,就连Iphone这种近乎完美的设计,还是会有人提出一些异议

“ 百度百科改版,看百度WUI未来发展趋势”这篇文章转载到蓝色理想后,反响挺大的。
一方面有些朋友的观点与我不谋而合,另一方面也听到了很多不同的声音。
譬如有人对我说“这些东西和UI无关,属于产品……”之类云云

可我想说的是Web UI就不是UI了么

看来大家对UI的理解还仅仅限于做界面设计,Rokey在采访中讲的很清楚,UI不是单纯的做图标,还涵盖了交互设计。
建议这部分朋友去本站的知识百科了解一下UI的概念及范围

相关文章


已被浏览
举手发言»
才4条评论

您可以订阅评论RSSTrackBack URI

  1. Gravatar Icon Melody: 2008-04-30 0:18

    :mrgreen:
    你还真有耐心啊,还做了一个!精神可嘉阿!
    不过我觉得你为什么不改变一下他的架构呢?以你认为更合理的方式!

  2. Gravatar Icon Raymond: 2008-04-30 3:00

    回1# Melody
    原因有2点

    1.我觉得使用相同的布局架构,在不同的设计表现上更能体现出“简约”两个字的价值……另外,如果你仔细观察,你会发现我设计的布局增加了“配色器”和“什么是百科”这两个内容,我觉得很这2个功能对于新用户来说有必要,尤其是第1个。

    2.另外假设“百度百科”的用户已经在新布局的影响下,养成了一些使用习惯,尽管体验上有一些不太合理的地方,但如果动大手术的话(如:你说的布局),会让老用户迷路,反而增加其学习成本,所以权衡利弊后,觉得“小改”可兼顾新老用户的体验

    至少我这么觉得…… :roll:

  3. Gravatar Icon 蓝带鱼: 2008-05-04 16:14

    剥去了华丽的外衣显得和谐多了。

    :mrgreen: 另外我觉得精彩词条和百科任务能换换就好了。

    让用户去完成一个任务,比单纯让他去看词条有意义的多。

  4. Gravatar Icon zaku: 2008-05-05 9:59

    百度百科的第二屏里,有些设计我感觉比较不错,就是小版块那里,鼠标移动上去,小版块有样式变化,提示用户当前你的关注焦点.

看,又一位同学准备发言了...

昵 称

e-Mail (邮箱不会被公布)

主 页 (你也有blog?快告诉我吧)

评 论

XHTML:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>