原文链接: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。
分享到:
相关推荐
通过案例分析,我们可以看到如Google、Amazon等大型网站的水平导航条设计,它们通常简洁明了,只包含关键的链接,同时提供搜索框等功能,使得用户能快速找到所需信息。 综上所述,"导航条_水平2"是一个关于网页设计...
亚马逊(Amazon)作为全球知名的电子商务公司,自1994年由杰夫·贝索斯(Jeff Bezos)创立以来,已经发展成为占据美国乃至全球电子商务市场主导地位的公司。亚马逊的成功秘诀可以从多个方面进行解读,涵盖其商业模式...
亚马逊分析报告(Amazon)2021.pdf 亚马逊分析报告(Amazon)2021.pdf 亚马逊分析报告(Amazon)2021.pdf 亚马逊分析报告(Amazon)2021.pdf 亚马逊分析报告(Amazon)2021.pdf 亚马逊分析报告(Amazon)2021.pdf ...
"Amazon.rar_amazon 爬_java爬虫"这个标题表明这是一个使用Java编程语言编写的爬虫程序,其目标是抓取亚马逊(Amazon)网站上的数据,特别是与衣服相关的图片和资料。"rar"是压缩文件格式,意味着这个程序已经被打包...
在这个仿亚马逊的电商网站源码中,HTML用于创建页面元素,如头部、导航栏、商品展示区、购物车和结算页等。理解HTML的语法规则和元素结构对于调整和定制网站至关重要。 2. CSS美化与用户体验 源码中可能包含CSS...
亚马逊SP-API(Selling Partner API)是亚马逊提供的一项服务,允许第三方开发者和卖家通过API接口直接与亚马逊平台交互,进行各种操作,如管理库存、处理订单、获取销售报告以及进行广告活动等。在这个主题中,我们...
Amazon 亚马逊 博弈比赛 棋,用来参考还是可以的
亚马逊的免费开源jdk,版本Corretto8,支持java8无缝切换,只要你没用到Oracle Jdk 的新功能,没有理由拒绝,重要的事情说三遍,免费!免费!免费!
亚马逊S3 API文档是Amazon Simple Storage Service (S3)的官方参考手册,它详细描述了如何使用S3的REST API进行数据的存储和检索。文档中包含了关于如何操作S3的基本概念、使用方法、身份验证以及数据类型等重要信息...
这个压缩包文件中可能包含了亚马逊网站上用于各种元素(如按钮、图标、导航条等)的图片,这些图片被整合到了一张或多张大图中。开发者可以通过CSS定位来显示雪碧图中的特定部分,以此达到显示各个独立图像的效果。 ...
新科技、新零售:从亚马逊发展看美国消费模式变迁.pdf
数据集介绍 数据介绍 该数据集包含将近3000个Amazon客户评论(输入文本),星级,评论日期,各种Amazon Alexa产品(如Alexa Echo,Echo点,Alexa Firesticks等)的变体和反馈,用于学习如何训练机器...摘自亚马逊网站
亚马逊Amazon卖家关键词挖掘软件是从事amazon外贸行业人员的辅助工具,用于亚马逊国际卖家刊登产品时的关键词优化及建议。软件支持amazon的美国,英国,加拿大,德国,西班牙,日本,法国,意大利等国家。完全满足多...
本资源为美国Amazon亚马逊新手开店视频教程的第20-06节,主要内容为Amazon平台优化。通过这节视频教程,新手卖家可以学习到Amazon平台的优化方法,提高销售额和排名。 知识点: 1. Amazon平台优化的重要性:在...
【亚马逊(Amazon)的赢利推广模式】 亚马逊作为全球电商巨头,其成功的赢利推广模式在互联网商业领域具有深远影响。公司自1994年由Jeffrey Bezos创立以来,一直秉持创新和科技驱动的理念,从最初的在线书店发展...
亚马逊Amazon卖家关键词挖掘软件是一款专为跨境电商卖家设计的工具,主要功能是帮助用户在亚马逊的多个站点上寻找潜在的高流量、高转化率的关键词,以优化产品列表和广告策略。这款软件支持包括美国、英国、加拿大、...
在亚马逊(Amazon)这个全球领先的电子商务平台上,关键词的优化对于卖家来说至关重要,因为它直接影响到产品的可见度和搜索排名。"Amazon 关键词下拉框联想采集"工具就是一款专门为亚马逊卖家设计的辅助软件,旨在...
在描述产品功能时,要突出它们如何利用亚马逊的API,如产品开发系统如何导入产品数据,订单管理系统如何处理亚马逊订单,采购系统如何配合FBA(Fulfillment by Amazon)操作,以及配送管理系统如何确保产品质量并...
亚马逊云发布网站 内网ip映射外网IP EC2 AWS,个人经验,有图片操作
技术层面,亚马逊的网站设计简洁易用,导航功能强大,使得顾客能轻松找到所需商品。同时,亚马逊不断优化移动购物体验,适应智能手机和平板电脑用户的需求,进一步扩大了市场覆盖面。 亚马逊还积极布局全球市场,...