3.导航

从上一次改版以后，雅虎把原来顶部的导航放到了右侧。而我觉得这一次改版最大的亮点就是左侧导航。我们都知道雅虎是一个门户网站，但是雅虎还是世界上最早的网络目录。如果你要问什么是网络目录？看看hao123.com就知道了。

网络目录（web directory）是网页链接的列表。
门户网站（web protal）是人们上网的起点网站。

所以为了凸显门户网站的搜索特性，所以上面说道搜索部分采用了新的设计。而为了凸显门户网站目录的特性，雅虎这次改版也从新设计了左侧导航。左侧导航不仅可以自定义雅虎本身提供的服务，还可以自定义当下其它站点的服务，譬如ebay，facebook，mysapce等。而这次雅虎最关键的一点不仅是解决定制的问题，而且还试图解决信息问题。就是说不仅希望用户可以自定义网站目录，而且还可以在上面处理这些站点的信息。

我们发现其实这个概念并不新鲜，在美国有好多站点都提供类似的服务，最有代表性的就是Google的IG。IG通过用户自定义一些站点Widget放到首页上，形成自己的个性首页。不过有意思的是所以提供类似服务的网站几乎都是采用widget的方式。也就是说同一种理念和同一样的设计模式。

而雅虎这次采用了全新的交互设计模式来处理这个问题，把目录和信息浏览有基的结合一起。当用户有鼠标悬浮在左侧导航上时，右侧出现这个站点的最新消息和最常用的操作。那这个和上面的widget有什么不同呢？

虽然Widget看上去很好，但是真的要用起来确实不那么爽，不爽的就原因就是虽然我可以琳琅满目的把整个页面布置的很满。但是这个页面最关键的作用就是快速处理最新信息，并且快速操作。也就是监控信息，操作需要处理的信息。而Widget全部扔在一个页面上，如果数量比较多，根本很难进行监控，既然很难监控也无从谈起对信息的操作了。再有一个用户的页面空间是有限的，所以每一个widget的大小都是固定的，而且相对来说都是比较小，这样就更加不容易进行信息的监控和处理了。

那我们看看雅虎的处理方式的特点：拿雅虎信箱为例，当我打开雅虎首页，浏览左侧导航，就可以迅速查看雅虎标签是否有数字提示，如果有就证明是有新的邮件了，如果没有就证明没有新的邮件。然后把鼠标悬浮到标签上右侧上，可以用效大的区域显示最新的邮件标题，然后进行处理。

可见雅虎新的左侧导航，不仅可以让用户自定义收藏常用的网络服务，还可以迅速的筛选那些服务需要有信息处理，并且提供信息处理快捷的操作方式。也就是“快交互”+“信息片段”结合的处理方式。这种设计理念的最经典案例就是Twitter和新版的Facebook登录后首页。

4、视觉风格

新版的视觉风格继承了上一版低调华丽的特质，同时又处理的更加清新。最明显的一个处理方式就是去掉了标题栏的渐变效果，采用最朴实的文字无背景。并且为了更加突出视觉效果，加大了这些标题文字的字号。去掉了左侧导航整体纹理渐变方式，采用一个目录标签一个小按钮的设计。不仅单独一个目录标签做为小按钮很突出，而且整体叠加以后效果也很协调舒服。

总体来说这次美国雅虎改版是否成功，这个还要看正式运行以后的数据，但是我认为总体效果要比上一个版本要好很多。并且对不断努力创新的设计师表示钦佩。

原文：http://blog.d8in.com/posts/515.html

本文链接：http://www.blueidea.com/design/doc/2009/6900.asp　

出处：第8音
责任编辑：bluehearts

上一页 略谈美国雅虎首页改版 [1] 下一页