建站常識
從亞馬遜網(wǎng)站導航欄的變遷史看網(wǎng)頁設(shè)計
2006-04-28 15:07:00
可以說是亞馬遜網(wǎng)站普及了 Tab 式導航。這么多年來,他們一直在探索著一種用戶界面,可以使他們越來越多的產(chǎn)品清晰的呈現(xiàn)在用戶眼前。我們現(xiàn)在回頭去看看亞馬遜網(wǎng)站頂部導航的歷史變遷也是一件非常有趣的事情。
在1998年,亞馬遜網(wǎng)站只有兩個一級大類:書籍和音樂。即使增加了一些分類,比如音像和禮物,水平的 Tab 式導航也能夠擴展的非常平滑,并且通過顏色的不同,很容易區(qū)分產(chǎn)品。
在1999年到2000年的時候,亞馬遜還在不斷增加新的分類,并且是它的 Tab 式導航到達極限。店鋪(zShops)、玩具與游戲、電器和電子賀卡這些新的產(chǎn)品分類的增加,使得亞馬遜的 Logo 也沒地方放了,并且頁面文字也隨之縮小了(當時頁面仍然是按 800×600 分辨率設(shè)計的)。一直等到把 Tab 標簽做成兩排,才給 Logo 騰出了空間。很顯然,Tab 式的導航已經(jīng)被拉伸到了極限并且快要控制不住了。
在2000年的時候,亞馬遜嘗試著把所有的 Tab 去掉,但是在2001年還是增加了商店目錄和特色商店 (Store Directory/Featured Stores)。這次重新設(shè)計,用一些特色的商店替代了日益增長的分類,并且提供了一個比較方便的途徑讓用戶可以訪問剩下的那些商店。當“我的店鋪(personal stores)”的概念被提出后,亞馬遜再一次回到了單行 Tab 式導航結(jié)構(gòu),并添加了“see more stores”鏈接來查看更多 Tab。
2003年到2004年,亞馬遜仍然繼續(xù)增加新的分類。但為了市場推廣及促銷考慮,Tab 導航反而變短了。Tab 會基于公司的促銷活動以及用戶的行為變化——增加或減少。很少 Tab 會一直在那里(除了“Welcome”和“Your Store”)。根據(jù)市場推廣及促銷,圖片式 Tab 被運用起來,并且切換 Tab 時的顏色變化也變成隨機的了。
為了解決 Tab 變化帶來的疑惑,亞馬遜開始試驗一種可替代的方案,即單行動態(tài) Tab 式導航(PPT)。2004年的時候作了一個線上測試,將 Tab 的數(shù)量減少至 2(就像 1998 年的設(shè)計)。第一個 Tab 是動態(tài)的(它取決于你所在的產(chǎn)品分類),第二個就是“所有分類”。在2005 年的一個版本中,導航從兩個 Tab 開始,然后將當前分類作為新 Tab 插入其中,替代了之前的解決方案,不會替換掉當前任何 Tab。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2007-07-16 19:16:00] 記事本風格的分欄設(shè)計
- [2010-05-21 15:33:00] 拍拍項目組近期設(shè)計分享
- [2006-10-08 15:00:00] 論中英文網(wǎng)站的設(shè)計差異
- [2009-10-10 08:36:00] 初窺交互設(shè)計
- [2009-07-18 22:18:00] 互聯(lián)網(wǎng)產(chǎn)品設(shè)計的問題
- [2009-12-19 09:39:00] 「風格」與「設(shè)計」
- [2007-11-23 10:58:00] 用戶體驗的基本理論普及
- [2010-11-03 16:12:00] Icon設(shè)計要點——信息傳達的準確度(一)
- [2008-01-25 21:36:00] 你的網(wǎng)頁要呼吸
- [2009-08-07 07:51:00] 淺析設(shè)計與內(nèi)容呈現(xiàn)的關(guān)系
- [2007-05-24 09:43:00] 淺談網(wǎng)站首頁元素的放置
- [2006-09-08 17:46:00] 網(wǎng)頁常見可用性錯誤——布局外觀錯誤
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
企業(yè)建站 青島輪胎網(wǎng)站設(shè)計 集團官網(wǎng) 圖形網(wǎng)格 青島flash網(wǎng)站 良好的導航 營銷型網(wǎng)站建設(shè) 網(wǎng)站建設(shè),手機網(wǎng)站 HTML5 H5專題頁面 SEO優(yōu)化 外貿(mào)網(wǎng)站設(shè)計 微信小程序 青島高端網(wǎng)站建設(shè) 搜索引擎蜘蛛 青島不錯的英文網(wǎng)站建設(shè)公司 扁平化設(shè)計 高端輪胎網(wǎng)站設(shè)計 舒適的界面 高端網(wǎng)站設(shè)計 建站常識 企業(yè)網(wǎng)站為什么要備案 青島輪胎網(wǎng)站設(shè)計公司 平面設(shè)計 青島網(wǎng)站設(shè)計哪家好 SEO 力圖數(shù)字科技 網(wǎng)站交互設(shè)計 營銷型網(wǎng)站 互聯(lián)網(wǎng)