Yahoo! 主页设计考

十一月 26th, 2005 4 Comments »

Yahoo!已经为网页设计提供了很多的设计标准,比如使用IE默认的链接样式,yahoo式的分类索引方式,“白纸黑字”的搭配…不过,它还是变化了,保留了一些原有的设计准则,也放弃了一些。

最明显的改变莫过于文字链接的样式了,在正常显示的时候,整个主页上只有“sign in”和“sign up”两处是有下划线的,其他文字链接是要在鼠标经过时才显示下划线。这样做可以使用户更清楚的看到自己即将点击出的链接是哪一个,并且避免了满片儿都是横道儿的现象。有链接的文字也不再用IE默认的蓝色了(我认识的不少设计师都亲切的称这种蓝色为“傻蓝”),而是选用了一个饱和度稍低的蓝,看上去更舒服些的蓝色,是的,还是蓝色,因为绝大多数用户已经习惯了把蓝色带下划线的文字当作是有链接的文字了,网页设计师显然没必要冒险去用别的颜色。

顺便提一下没有文字链接的文字内容,Yahoo!赋予了它们黑色,这很好看也很理性,显然当我们看一份白纸黑字的报纸时不会想去点击上面的任何内容。不过黑字却出现了一个问题,主页上左侧各个区域的标题也是黑色的字体,并且是可以点击的。再有,搜索区域的标题“Search the Web”“Search Images”…不仅与“左侧标题”相同颜色(黑色)并且字号也是一样的,但是却又无链接。

第二Yahoo!式的索引方式没有了,也许我还没解释清楚这种方式是什么,那么请您访问一下“雅虎中国”,就是左下角的叫做“网站分类”的部分。这种方式曾众多网站模仿,而现在它的创始人决定改变一下了。尽管这种方式已无新意可言了,但是确实值得称颂。让我们脱帽致敬,为它送行吧。

第三,首页上没有广告,甚至是内部广告。没有动画,动画通常会被当作广告,为什么?不为什么,不管它是什么内容,反正它就是广告。

第四,图片很少。无论是给用户看的图片还是为了实现页面效果而做的图像,总之,很少。无论是对页面下载速度还是对用户浏览都很有益。Yahoo!没有把页面左上角用来显示某一条大幅的图片报道,而是安排了该网站提供的主要服务(也就是栏目)的列表,在他们看来,这才是最重要的内容。

第五,页面长度,很合适,两屏左右(对于1024×768屏幕),也就是说用户只要滑动一次鼠标上的滚轮就够了。新的Yahoo!主页采用了web2.0标准,这可以使用户在改变字号大小后,页面的宽度也随之变化。但是,即使用户采用了最大的字体显示,页面的长度也没有超过3屏(对于1024×768屏幕),并且不会出现水平滚动条。Yahoo提供的信息量是巨大的,但是他们并没有把页面长度与内容量按照正比关系来处理,这至少说明,负责yahoo主页规划的不是一位经验丰富的中国网络公司的策划专员。

有4 条对“Yahoo! 主页设计考”的评论

  1. chaosim 说:

    我想在你的“档案”后面发表评论,结果我点击评论后出来的页面又告诉我本日志不允许发表评论。由此我想到你关于窗户把手那一篇博文。深刻啊,细致啊。
    应该建议你的博客平台将不允许评论的某篇日志后的“评论”入口取消掉。

  2. chaosim 说:

    我现在还有要去点击“档案"后的评论的冲动,那就是一个把手呀。你在窗户把手一文对人性心理分析的太准确啦。设计和UI实在太关乎人性心理啦。君可曾研究过心理学吗?

  3. 老羊 说:

    交互设计太复杂了……我是一名新入门的产品经理,现在的网站是www.eduwtv.com,是做教育的,您能抽空帮我看看有哪些问题么?最好能不能提示一些解决方法……我现在发现问题很多,但又不知道怎么改进,痛苦ing~

  4. 羊毛线团 说:

    博主要不要更新一下这篇文章,因为yahoo主页有新变化了~~

发表评论

您的大名: