如何評(píng)價(jià)亞馬遜的網(wǎng)頁(yè)設(shè)計(jì)？

時(shí)間：2024-02-14 13:10:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-14 13:10:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

如何評(píng)價(jià)亞馬遜的網(wǎng)頁(yè)設(shè)計(jì)？：我先說(shuō)結(jié)果。

亞馬遜的網(wǎng)頁(yè)設(shè)計(jì)：好用！

說(shuō)一下視覺(jué)設(shè)計(jì)：說(shuō)頁(yè)面不好看的，的確不好看，和淘寶的絢爛沒(méi)法比。當(dāng)然，還有很多人更喜歡這種簡(jiǎn)潔風(fēng)。

總之，偏好各有不同，也不一定相互排斥。

視覺(jué)設(shè)計(jì)這個(gè)就不多說(shuō)了。

再一個(gè)交互設(shè)計(jì)，那就是下面的文章了，好不好用看完再說(shuō)。


亞馬遜：網(wǎng)站能自適應(yīng)，在窄屏和寬屏上表現(xiàn)良好，充分利用大屏幕的空間，看到更多信息，這給購(gòu)物體驗(yàn)打了很好的基礎(chǔ)。

UI上干凈整潔，黑白灰為主，突出了產(chǎn)品。功能上除了常規(guī)的分類(lèi)鏈接外，關(guān)鍵詞鏈接分類(lèi)很多，方便了用戶(hù)挑選購(gòu)買(mǎi)。鏈接的顏色用大膽的藍(lán)色，非常顯眼。

當(dāng)當(dāng)：24寸的顯示器上一半的空間是空白，有些浪費(fèi)，頁(yè)面狹窄,廣告被擠成了窄條形，做過(guò)banner的知道，長(zhǎng)條形的不好排版。

UI上顏色多，導(dǎo)航條搶眼，突出導(dǎo)航上子目錄的同時(shí)，也干擾了當(dāng)前任務(wù)的目標(biāo)。鏈接用了灰色，雖然可能會(huì)好看些，功能性上差了很多。

2.

亞馬遜：打開(kāi)圖書(shū)板塊，默認(rèn)搜索圖書(shū)，方便搜索

當(dāng)當(dāng)：默認(rèn)全部，來(lái)到圖書(shū)板塊需求大多是搜書(shū)，還要手動(dòng)切換，更壞的是會(huì)出現(xiàn)搜索完了才發(fā)現(xiàn)搜的是全部，重新再搜，不友好。

3.

亞馬遜：一排能顯示不少書(shū)，24寸的能顯示8本，左右點(diǎn)擊翻頁(yè)，操作方便。

當(dāng)當(dāng)：選項(xiàng)卡不需要點(diǎn)擊，移入就切換，操作還算方便。但選項(xiàng)卡和翻頁(yè)放在了對(duì)角線(xiàn)位置，查看需要左上右下來(lái)回移動(dòng)，不友好，翻著就累了。

4..

亞馬遜：信息多，有書(shū)名、作者、裝幀、原價(jià)、現(xiàn)價(jià)、封面圖，不比在書(shū)店看到的少。

當(dāng)當(dāng)：橫標(biāo)簽豎標(biāo)簽過(guò)多，略顯繁瑣，只有書(shū)名信息，沒(méi)有感染力。想了個(gè)辦法是移入顯示封面和價(jià)格，但顯然太繁瑣了。

5.

亞馬遜：這是某一類(lèi)別的分類(lèi)，分類(lèi)很多很細(xì)，滿(mǎn)足各類(lèi)人群的分類(lèi)需求，特別是客戶(hù)評(píng)分和價(jià)格分類(lèi)，很好用。

當(dāng)當(dāng)：分類(lèi)只有亞馬遜的某一塊功能，竟然還是帶滾動(dòng)條的，不得不說(shuō)差了好幾條街

6.

分類(lèi)這邊有個(gè)細(xì)節(jié)，分類(lèi)上去有塊全部商品分類(lèi)的鏈接，移入就會(huì)出來(lái)個(gè)框，當(dāng)鼠標(biāo)移到分類(lèi)里的時(shí)候，經(jīng)常會(huì)碰到這個(gè)鏈接，出來(lái)框擋住下面的分類(lèi)內(nèi)容，很討厭！亞馬遜是這么解決的，鼠標(biāo)移入全部商品分類(lèi)上停住1s左右才會(huì)彈出框，很好的解決了這個(gè)問(wèn)題，可見(jiàn)亞馬遜的用心。

7.

亞馬遜：原價(jià)和現(xiàn)價(jià)做了很好的區(qū)分，突出了現(xiàn)價(jià)。

當(dāng)當(dāng)：現(xiàn)價(jià)原價(jià)分不出，需要看字來(lái)區(qū)分。

8.

亞馬遜的小細(xì)節(jié)，在瀏覽詳細(xì)頁(yè)面時(shí)，當(dāng)把頁(yè)面往下拉長(zhǎng)的時(shí)候，書(shū)籍的一些信息會(huì)浮動(dòng)在頂部，方便你查看，很人性化的功能。


結(jié)語(yǔ)：其實(shí)當(dāng)當(dāng)?shù)暮芏喽际琼?yè)面太狹窄造成，空間有限，內(nèi)容就壓縮和整合了，需要用戶(hù)多點(diǎn)鼠標(biāo)才能看到。另外功能上沒(méi)亞馬遜做的方便，大都是沒(méi)深入研究過(guò)的原因，雖然看視覺(jué)上可能差不多，但用戶(hù)體驗(yàn)上比亞馬遜差了很多。

雖然顏色是個(gè)人愛(ài)好，但亞馬遜的配色大方簡(jiǎn)潔更符合買(mǎi)書(shū)人的口味，當(dāng)當(dāng)?shù)呐渖傆悬c(diǎn)taobao低價(jià)的感覺(jué)，況且顏色比taobao還花哨。

最后吐槽下當(dāng)當(dāng)?shù)腷anner，質(zhì)量啊，影響品牌形象。