電商網站設計排版欣賞

創(chuàng)新互聯(lián):電子商務商品列表中也稱為商品聚合頁,可以為消費者提供更加好的產品選型。這種類型的頁面的大特點是大量的信息,圖片,所以布局清晰、合理,如何盡可能地壓縮內容是商品列表頁面設計的關鍵部分。

網站設計排版分析" />

目前,國內電子商務網站的商品列表頁面常見的有三種形式,分別瀑布流水線安排突出和特殊模式。這三種形式有不同的特點,設計師應根據(jù)商品特點選擇最適當?shù)谋磉_方式。

如果貨物的品種五花八門,規(guī)則規(guī)定整個行列的排列方式更有利于用戶發(fā)現(xiàn)瀏覽模式;瀑布流,以電商的形式在時尚領域中普遍的使用,一個特別突出的方式在節(jié)日來臨時來促銷活動，這些將在下面的案例中也會一一提及。

1.展示基本信息

可以看得出商品列表頁面比較緊湊，與其它的頁面相比較而言,所以設計師應該用特定的范圍來設計展現(xiàn)最有用的信息這種想法去設計電商網頁。列表瀏覽頁面的用戶可能不太在乎貨物的詳細描述，這個時候瀏覽模式更多的是浮光掠影,因此,簡潔的圖片,商品的名稱,價格的說明,已經能夠滿足用戶需求的頁面。

順豐優(yōu)選的商品列表頁表面看起來非常簡單,但是向用戶展示的商品信息卻絲毫不減，相對于其他的電商網站而言，用戶真正想要的信息得到了充分體現(xiàn)。

2.鼠標懸停時產生交互效果

很多網站將被忽略鼠標懸停時應該產生相互影響,有一些是比較著名的知名電商。盡管只有很小的影響,但是它的存在的意義遠不僅如此,甚至它可以很好的反饋一個網站和用戶之間的交互能力。

就比如淘寶商品的列表頁而言，反饋給用戶的信息是高效的。當鼠標停在某個商品的圖片或文字上時，就會出現(xiàn)紅色的線框把這個商品與其他的分開。且顏色的選擇也與主題顏色相同，與整體顏色相統(tǒng)一。

3.出現(xiàn)適量的附加信息

商品列表頁面再設計的過程中應當做到簡單卻不單調，簡潔不繁瑣。但是適當?shù)脑黾有╊~外的對于產品有用的信息也可以達到如虎添翼的效果

我們來看看聚美優(yōu)品設置的列表頁，它的設計風格是采用了特別的突出的表現(xiàn)方式，全方位的向用戶展現(xiàn)不同的商品圖片及信息。這種效果使讓用戶不進入詳情頁就能看到商品的整體形式，從而會間接的阻止了頁面的跳出率

我們再來看看美麗說的設計特點，創(chuàng)新互聯(lián)指出：它是一個偏向時尚潮流的網站,所以設計師用這種人可以接受瀑布流的方法。美麗說商品列表頁面功能添加一個模塊用于其他用戶的評論,這是許多的電商網站沒有的。這就是為什么人們在網上購物時非常關注的部分。

4.始終帶給用戶指引

可能許多電子商務網站都認為,用戶在某個商品列停留的時間越長，尋找到的產品時間就越短，成就的可能性就越大。但是事實上卻不是這樣，用戶可能會不斷翻轉商品頁的過程中將不知不覺地改變了目標,因此,網站應該為用戶提供指導,給他們一個明確的方向感。

YOHO商品列表頁面好處是側邊導航欄總是存在于頁面,該頁面為用戶跳提供了很多方便,但是缺點是側邊導航欄是靜態(tài)的,如果可以實現(xiàn)動態(tài)的,可以當用戶鼠標滾動,總是呆在屏幕上就更好了。

5.設置相關推薦，促成更多消費

與產品推廣另一個商品的銷售,這是正常的營銷噱頭,電子商務網站,但是如果使用這種方式太硬用戶不一定能夠理解,網站應該盡量使用軟方式來表達相同的意思,設計師也為此需要花費一定的時間。

這種設計的方式我們來看看的淘寶的設計風格，利于找相似或者是找同款的字樣方便用戶搜索自己想要的產品信息，同樣也不會覺得營銷目的太過于濃重

6.掃清頁面死角

頁面的每一個地方都有它存在的意義和可用之地，只要設計布局的合理，也能起到重要的作用

在頁面的底部及網站頁面的左右側邊，不是很明顯的地方，但是京東的做法就比較好，設置銷量排行和商品精選等也可以向用戶推廣展現(xiàn)商品的信息

7.用特色商品激發(fā)購物欲

如果你認為特色商品的性質只是放在首頁的話，那么這種想法你就錯了。雖然首頁的位置較好，但是效果不一定是最好的，根據(jù)商品的信息及合理的布局，才能達到理想中的效果

就如易迅網案例，手機產品的相關建議放在商品列表頁面,讓用戶可以體驗一個真正的購買欲望。

8.吸引人的商品活動盡量置后

相對吸引力或商品有目的的活動在偏后一點的位置,有利于整個網站的營銷。我們來看看一號店的電商網站設計的風格，將目標“熱門推薦”和“你瀏覽記錄相關的商品”在最后一頁,這種是有利于結束瀏覽用戶發(fā)現(xiàn)新的感興趣的內容。

9.減少操作步驟

在商品列表頁面,其目的是減少貨物加入購物車才開始去做。但在此之前的主要前提是商品信息顯示要盡量全面和完整,表達的所有內容在小面積也確實是一個困難的事情。

直接在商品列表頁面顯示“加入到購物車”按鈕并不少見,但是也顯示了購買數(shù)量不多,以上的官網實現(xiàn)此操作,允許用戶直接選擇數(shù)量和品種。

10.從眾效應

從眾心理是一種常見的網上購物的人的狀態(tài),因此,顧客購買商品的評價對用戶是引人注目的,企業(yè)可以利用這個來做一些小的改動在網站設計知識頁面的設計。

本文題目：電商網站設計排版欣賞
網站地址：http://www.muchs.cn/news/162404.html

網站建設、網絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)