网站改版案例分享:为什么要进行网站改版(2)
ThinkGeek新版本是一个很好的改版实例。
老版本
新版本
老版本中一些有效的组件得到了保留和优化。例如,左侧纵向的导航菜单仍保留在原位置,只是在版式上做了重新设计,使它更易阅读,在视觉上更吸引人。
搜索框进行了重定位,用户可以更方便地搜索某一特定产品。它与纵向导航菜单进行了恰当的组合,彼此之间很好地进行了互补。
而且,还增加了一些新功能,如水平导航条、购物车状态信息。
该设计不仅使网站更加漂亮,还完善了页面的布局,增添了有用的功能。
在我首次看到Joyent的老版本设计时,我并没有搞清该公司能提供什么,直到我阅读了网站的文字信息。老版本设计的主题——虽然独特且吸引人——似乎并不能清晰地支撑和表明该公司的职能。
老版本
新版本
经过更新后的设计很不错。它保持了原有的导航。新设计在美学上更清新,更吸引他们的典型用户:IT管理者、CTO、服务器管理员等。新设计添加了有用的组件,如公司的联系信息(被显著地显示在网站的头部)、侧栏上的“行动呼吁”按钮及页面底部的导航(引导现有用户和潜在用户进入内部页面)。
Mozilla网站似乎总能看见一些显著的设计。Mozilla的改版,运用了创新的设计技术,另外增加了很多有用的功能。
老版本
新版本
有效的功能得以保留,同时增加了一些新功能,即一个Email注册表单和一个突出显示功能内容的幻灯片。新的网站布局看起来少了一些杂乱,这主要是因为少了很多超链接和设计元素之间的空白区域。
REI是一个很精彩的案例,改版中使用了很多新技术和技巧。
老版本
新版本
主要的导航主题和信息架构基本没什么变化。作为一个电子商务网站,改变某些忠诚用户已经习惯了的东西,会使他们不安,这意味着像导航之类的组件在网站改版中应该特别小心。
采用图片轮播及多层次的水平导航条是该新网站设计中的两大主要改变之处。
这是一个Web开发者的简历式网站。网站开发者和设计者因能快速改版自己的网站,反应出当前最流行的设计趋势而闻名。
老版本
新版本
新老版本之间的差别很大。几乎所有的东西都被改变了。Logo、标语、颜色、设计风格、布局、网站的个性、信息密度——都有了提升。
Etrade的改版更像是一次内容重组。
老版本
新版本
布局中大部分的组件都没有改变,即便有,修改也很微小。
但,网站中一些设计元素的位置却做了改变。同时,左手侧的纵向导航菜单被删除了,链接被安排在其它合适的位置、水平导航条上,降低了可能带来的混乱——不必再为链接放在哪个菜单上而忧虑,同时释放了一些空间。
结论
对网站进行改版着实是一个诱人的主意。在为此努力之前,我们必须小心规划,考虑好一些重要的因素。
首要的,我们应该确定我们是否必须要进行网站改版。网站改版并不只是说改变网站的外貌,还要增加一些缺失的功能、弥补设计的不足、重新组织信息架构、移除不必要的组件,以使用户界面更加清晰、功能更加强大。(编译:陈秋歌)
译者注:本博文发表于2011年6月20日,到目前为止部分网站又进行了相应的改版。
原文地址:An Exploration of Website Redesigns: Tips and Examples