您的位置: 视觉艺术互联 >> 视觉 >> 网页 >> 文章正文
亚马逊网站导航栏的变迁史
www.ArtGlim.com ┊ 时间:2006-5-17 ┊ 来源:blog中文翻译 JunChen



原文链接:http://www.lukew.com/ff/entry.asp?178

可以说是亚马逊网站普及了 Tab 式导航。这么多年来,他们一直在探索着一种用户界面,可以使他们越来越多的产品清晰的呈现在用户眼前。我们现在回头去看看亚马逊网站顶部导航的历史变迁也是一件非常有趣的事情。


在1998年,亚马逊网站只有两个一级大类:书籍和音乐。即使增加了一些分类,比如音像和礼物,水平的 Tab 式导航也能够扩展的非常平滑,并且通过颜色的不同,很容易区分产品。

在1999年到2000年的时候,亚马逊还在不断增加新的分类,并且是它的 Tab 式导航到达极限。店铺(zShops)、玩具与游戏、电器和电子贺卡这些新的产品分类的增加,使得亚马逊的 Logo 也没地方放了,并且页面文字也随之缩小了(当时页面仍然是按 800×600 分辨率设计的)。一直等到把 Tab 标签做成两排,才给 Logo 腾出了空间。很显然,Tab 式的导航已经被拉伸到了极限并且快要控制不住了。

在2000年的时候,亚马逊尝试着把所有的 Tab 去掉,但是在2001年还是增加了商店目录和特色商店 (Store Directory/Featured Stores)。这次重新设计,用一些特色的商店替代了日益增长的分类,并且提供了一个比较方便的途径让用户可以访问剩下的那些商店。当“我的店铺(personal stores)”的概念被提出后,亚马逊再一次回到了单行 Tab 式导航结构,并添加了“see more stores”链接来查看更多 Tab。

2003年到2004年,亚马逊仍然继续增加新的分类。但为了市场推广及促销考虑,Tab 导航反而变短了。Tab 会基于公司的促销活动以及用户的行为变化——增加或减少。很少 Tab 会一直在那里(除了“Welcome”和“Your Store”)。根据市场推广及促销,图片式 Tab 被运用起来,并且切换 Tab 时的颜色变化也变成随机的了。

为了解决 Tab 变化带来的疑惑,亚马逊开始试验一种可替代的方案,即单行动态 Tab 式导航(PPT)。2004年的时候作了一个线上测试,将 Tab 的数量减少至 2(就像 1998 年的设计)。第一个 Tab 是动态的(它取决于你所在的产品分类),第二个就是“所有分类”。在2005 年的一个版本中,导航从两个 Tab 开始,然后将当前分类作为新 Tab 插入其中,替代了之前的解决方案,不会替换掉当前任何 Tab。

本文作者简介

Luke Wroblewski is an interface designer, strategist, and author. He is currently a Principal Designer at Yahoo! and Principal of LukeW Interface Designs, a digital product design consultancy he founded in 1996.

本文链接:


在线编辑:老雕

相关文章 本栏最新
  • Fireworks 打造精美导航效果

  • 推荐文章 走过2006 Fishricky作品欣赏
    推荐文章 年度50最佳基于css设计的站点精选
    推荐文章 三维造型网站设计稿之一
    推荐文章 BMW 汽车全球网站点评
    推荐文章 全球著名2advanced工作室第五版发布
    普通文章 亚马逊网站导航栏的变迁史
    推荐文章 超酷三星D800,P300系列产品宣传页
    普通文章 hkgood web作品选登
    推荐文章 梦公园网站项目开发过程
    推荐文章 “可口可乐”彩瓶创意网站设计

  • 上一篇文章:
  • 下一篇文章:
  • 发表评论  ┊  告诉好友  ┊  打印此文  ┊  关闭窗口TOP

      未经授权严禁转载本站任何内容,本站保留依法追究法律责任的权利。凡通过本站授权的合作站点,转载本站文章必须注明来源为---视觉艺术互联,作者和来自我站的链接必须保留,转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。 本站所刊登的任何文章、作品,不代表视觉艺术互联的立场。本站转载他站的文章,主要用于传播信息或理念思维。没有丝毫商业意图,并清晰标注稿件真实来源。如侵犯你的版权,请联系删除!




    视觉作品
    设计教程