京東的左側導航到底比amazon的差在哪里了?_策劃盈利教程
推薦:聽陳年談電子商務的本質經濟觀察報:從卓越網到我有網再到現在的凡客誠品,你一直都在電子 商務 的行業之內,似乎不愿意離開,是因為你對這個行業有感情呢,還是因為你相信電子商務的未來? 陳年:其實就是因為經驗。我的個人經驗,就在電子商務,過去那么多年的經驗積累,為什么不
最近使用因為買東西會經常去京東,但是一直覺得京東的左側導航用起來不舒服,這個導航完全是效仿amazon設計的。但是在amazon上使用就很舒服。到底兩個導航差在哪里呢?我們來仔細分析一下。


1、寬度
京東的左側導航寬度為211px,amazon的左側導航寬度為161px,整整差了50px。而這個導航是屬于左側懸浮滑動彈出的,所以用戶要把鼠標在懸浮在左側標簽上,這樣顯示出相應的導航內容在右側的浮動層上。這樣的話就相當于用戶每一次選擇,都要往右側多移動50px的距離,才能到達顯示的菜單進行選擇。
2、間隔線
京東的左側導航先是一級分類然后是二級分類,分類標簽之間上下間距來區別,amazon的導航只有一層分類,分類標簽采用了間隔線來區分。這個導航的設計特點就是,當鼠標懸浮到標簽整個一行都是可以激活顯示子菜單層的。而從視覺設計上,京東的導航根本無法看出,所以用戶一般會把鼠標放在每一行的最左側,進行懸浮,再加上還比amazon寬了50px的距離,可見用戶要操作一次菜單是多么的不爽。
3、文字
京東導航的標簽文字,只有二級分類是黑色文字,并且可以點擊的。而三級分類在默認值是灰色,而且當鼠標懸浮以后只顯示二級分類三級分消失了。而amazon的默認導航標簽中只有一級分類,當鼠標懸浮以后才出現二級分類。這樣用戶在使用的時候根據效果暗示,只有最左邊的二級分類標簽可以選擇,那么當鼠標懸浮以后,右側的灰色三級導航消失了。這樣從最左邊的二級分類標簽,到最右邊顯示的三級分類標簽。有相當長一段的空白,讓人感覺十分奇怪。雖然這里這么設計的目的可能是為了避免,相同的三級導航內容重復出現。
解決方案
京東的左側導航到底比amazon的差在哪里了?
In: 交互設計&體驗| 電子商務
13 七 2009最近使用因為買東西會經常去京東,但是一直覺得京東的左側導航用起來不舒服,這個導航完全是效仿amazon設計的。但是在amazon上使用就很舒服。到底兩個導航差在哪里呢?我們來仔細分析一下。


1、寬度
京東的左側導航寬度為211px,amazon的左側導航寬度為161px,整整差了50px。而這個導航是屬于左側懸浮滑動彈出的,所以用戶要把鼠標在懸浮在左側標簽上,這樣顯示出相應的導航內容在右側的浮動層上。這樣的話就相當于用戶每一次選擇,都要往右側多移動50px的距離,才能到達顯示的菜單進行選擇。
2、間隔線
京東的左側導航先是一級分類然后是二級分類,分類標簽之間上下間距來區別,amazon的導航只有一層分類,分類標簽采用了間隔線來區分。這個導航的設計特點就是,當鼠標懸浮到標簽整個一行都是可以激活顯示子菜單層的。而從視覺設計上,京東的導航根本無法看出,所以用戶一般會把鼠標放在每一行的最左側,進行懸浮,再加上還比amazon寬了50px的距離,可見用戶要操作一次菜單是多么的不爽。
3、文字
京東導航的標簽文字,只有二級分類是黑色文字,并且可以點擊的。而三級分類在默認值是灰色,而且當鼠標懸浮以后只顯示二級分類三級分消失了。而amazon的默認導航標簽中只有一級分類,當鼠標懸浮以后才出現二級分類。這樣用戶在使用的時候根據效果暗示,只有最左邊的二級分類標簽可以選擇,那么當鼠標懸浮以后,右側的灰色三級導航消失了。這樣從最左邊的二級分類標簽,到最右邊顯示的三級分類標簽。有相當長一段的空白,讓人感覺十分奇怪。雖然這里這么設計的目的可能是為了避免,相同的三級導航內容重復出現。
解決方案

上圖,左邊是amazon,右邊是京東,從這個結構簡圖就可以看出了問題了,根據認知心理學的兩條論據
一個直覺呈現中的元素主要依據接近律進行組合或聚合
同域律:觀察者傾向于把屬于同一區域或范圍的元素直覺為一個整體
這樣我們就得出一個改善方法:通過整體性,減少鼠標移動距離,改善整體體驗。也就是說從直覺角度來增加用戶的可浮動區域,這樣的話用戶就會把一行看成一個整體,雖然整個導航的寬度不變,但是因為把一行看成一個整體,這樣用戶在鼠標浮動選擇的時候,就會偏向于中心,這樣就達到減少鼠標左右移動的效果了。

分享:談19樓如何找到自己的商業模式上周杭州5G的嘉賓單位是19樓。19樓的代表是他們的產品、設計、運營負責人,和一位斑竹。整體而言大家聊的還是比較深入,前半場圍繞19樓的運營方向和地域性,后半場圍繞著他們具體的產品設計疑問。 備忘一下我的主要發言觀點: 1、19樓如果想從戰略上走出杭州
- 相關鏈接:
- 教程說明:
策劃盈利教程-京東的左側導航到底比amazon的差在哪里了?
。