模板建站動態

Shopping.naver.com是目前屈指可數的購物站典范之一，也有很多人對其進行瞭剖析，今天，我們來嘗試挖掘一下這個站體驗設計與目標呼應上的關系。當然也有一部分是對產品的分析。看看到底是怎麼好的，這次的分析過程、方向、方式，希望能幫助一些朋友在參考其他優秀案例時擇優去糟。

需求假設

NAVER的購物站與國內電商比起來，對商品的展示過程，用戶的使用過程大體相同，尋找目標>梳理對比>展開詳細>購買行為…

(NAVER以大搜索業務為核心，針對電商，購買行為應該是在第三方平臺進行的，基於這個不同，我們僅僅討論購買行為之前的一些層面)

視覺美觀性,舒適性,合理性,信任度

橫向對比其他國內的電商站，你不難發現，視覺美觀性上他們之間大概差瞭兩個級別，就算有區域性審美特點的原因，大部分人也會覺得NAVER的購物站更美觀，更舒適，在這點上，NAVER的設計師已經將設計價值更大化。

整個SHOPPING站從MAINPAGE開始就一路透著官方氣質，這裡說的官方氣質主要指附加給用戶的信任感，源自佈局，點線面關系、展現方式、留白、商品圖片處理、圖字排版等設計細節，對比國內的淘寶、天貓、京東、易訊等電商，NAVER的像專賣的，國內的像搞小批發的，可實際上大傢都是賣各種品類的商品，孰強孰弱清晰可見。

1.首先比較明顯的是佈局方式及展示內容，NAVER沒有進行更長頁面展示，而是像服裝發佈會一樣，讓你清爽的看到他們推薦的品類，整個內容部分都不涉及更詳細的分類，又通過操作設計讓推薦進行輪播，這樣能滿足運營推廣與用戶探索的需求;說白瞭，跟國內的一樣，這個頁面全是廣告，可是看著又不討厭。

*為什麼沒有更多的分類展示是可行的?我猜測NAVER在用戶分析上，進行瞭搜索功能與頁面展示內容的性價比調查，極有可能大部分用戶直接搜索，一小部分隻看第一屏，隻有極少部分會下拉頁面去查找，在國內電商站從頭看到尾的感覺，像用戶根本不知道要買什麼，隻是想花錢一樣，不怎麼現實。

關於推薦品類的設計，像國內電商目前的產品思路以及展示形式，極容易給用戶帶來煩躁感。感官上你可以這樣比喻，在高級的服裝店，很少有服務員來圍著你轉悠，先有禮貌的打個招呼，然後呆著你能看見的地方，隨時需要，他就馬上出現瞭，不會在你購物的過程裡進行幹擾，你去超市，推銷員圍著你不停的講解他想賣給你的東西，煩躁是一定的，就算你最後買瞭，回去也覺得是不是被忽悠瞭。所以不要把更多的圖片或信息堆在首頁上，讓用戶在需要的時候隨時能找到即可，這也可能是NAVER用戶分析及確定設計思路的出發點。



2.用規則的面來佈局，減少瞭點線的使用，不凌亂,傳達直接,減少眼睛搜索目標時間

3.清爽的圖文信息，不繁重，舒適性極高，通俗點說，這樣的頁面你盯著看一個小時，不動彈也不煩，國內的電商你試試看，沒過一分鐘就點關閉瞭吧?關於圖文，與其他的NAVER設計一樣，設計師給圖文更大的空間，合理的對比關系，不會強行放大商品圖，能識別即可;

*在這裡有個邏輯,就是一般的用戶不會在這裡進行購買行為,僅僅是展示以及勾引點擊,國內電商老想把圖片放大,好像用戶看的更清楚就直接購買一樣.其實大傢都知道,購買行為絕大部分都是在詳情頁之後進行的.

4.功能的強調與設計方式

與國內電商不一樣，NAVER將搜索功能與品類列表整合在一起，這在功能劃分上更統一一些，在用戶端的使用目標上這兩個模塊是一致的：尋找目標商品

5.圖片處理

NAVER對BANNER及大廣的商品圖片處理非常直接，質量很高的透底圖，在舒適的基礎上進行大,小,飽和等調節，文字與圖的對比關系明顯，國內電商的BANNER區域大部分比較凌亂，可能有一部分原因是有些廣圖由第三方提供，不得知。在這個層面，建議國內電商采用更直接，不影響視覺舒適的方式進行。

6.關於柵格化

柵格化打從出現開始，我個人就沒怎麼在意過，與其他的設計標準不同，柵格化橫向上框住瞭很多設計突破，太固定化，並且在配合細節的設計上，國內幾傢並沒有完成對柵格系統的美觀支撐，我在NHN的階段，從來沒聽說過這個東西，之前有朋友進行瞭shopping.naver.com的柵格分析，我覺得這位朋友需要確認一下。

*縱然有產品運營規則的不同，NAVER設計師在目標與設計實現的關聯上，做的非常非常好，美觀性、舒適性、擴展性、合理性，甚至在電商頁面構架的創新上，都為我們做瞭一次很好的示范。

NAVER與HANGAME之前合並在一起成立瞭NHN，目前已經再次拆分成幾傢不同的業務公司，其中大傢較為熟知的產品有NAVER、HANGAME、LINE，每一款產品都精益求精,非常值得研究，在互聯網領域的體驗設計上做瞭非常多的貢獻。得益於他們強大的設計力量，技術力量，將亞系UI提升瞭很多，也是我們學習的典范。韓國另一傢門戶網站DAUM的設計也很獨到，由於設計師的流動性，兩傢平臺的很多設計理念大同，目前DAUM的設計執行力已經略有趕超(個人看法^^)。有興趣的朋友可以搜索他們網站。

*這次shopping改版，本人已經不在NHN公司，無法直接得到第一手設計材料，是按以前經驗進行的臆測，如有不實，各位見諒。

本人第一次公開發表產品設計類文章，略不成熟，看的人請體諒，在方向及實際意義上有什麼建議，也請及時通知我

培戀網絡原創版權，轉載請註明出處：

培戀網原創版權，網站建設提供網站代運營、模板網站制作轉載請注明出處,本文地址：http://www.gdszrq.com/news/52014.html