電腦網頁選單設計

購物網站選單的呈現方式不盡其數,透過之前分享的內容,我們了解手機購物網頁選單設計的趨勢,今天歐斯瑞要談談電腦版的購物網站選單設計,了解一些大品牌是如何呈現的, 一起來看看吧!

之前我們談過關於手機網頁選單設計,從中我們知道導航/導覽對選單的重要性,也提到了螢幕尺寸改變的趨勢,而在電腦版較大的空間,選單功能、樣式也越來越多,但購物網站卻要以導航為重,雖然在這限制下,我們還是可以有著很多的變化方式。

結構是選單設計最重要的因素

選單結構是影響選單設計好壞的最大因素,必須符合商品的分層方式、清楚的文字敘述、評估商品優先順序以及最終要達成的目的,我們以同樣是服裝品牌來舉例,兩品牌同樣都有販售平價男女童裝,但因商品不同、細分的對象不同,在結構、分類方式與順序就大不相同。不同的商品、客群、目的等,都會影響著結構的製訂,了解傳達的客群及希望達成的目的,再對商品做最合適的分類,來製訂出合適的商品層級。

購物網站選單當然不只這些,我們找到兩個比較酷炫範例與大家分享,Bose直接使用大區快分割產品圖片,滑鼠滑入會有該品項簡介,點擊後則進入商品頁,Deejo使用360度互動方式來呈現產品內容。這種酷炫效果在視覺上讓人印象深刻,但卻不見得適合您的網站與商品,像是在商品數量較多時可能較不合適,另外網站也使用相當多的動態效果,需要考量使用者的電腦配備不見得能完全支援,在速度和順暢度就會有所影響,而在購物功能的部份還是需要切換至購物網站介面來作購買。

選單設計方式相當多種,其設計方式沒有一定的對錯,但合適性絕對影響網站選單的好壞,了解傳達的客群及希望達成的目的,再來評估一下您的網站最合適的選單呈現方式,希望未來對您網站建置有所幫助。

 

網頁設計

 

網站設計

創作者介紹
創作者 Sportingtex 的頭像
Sportingtex

Sportingtex

Sportingtex 發表在 痞客邦 留言(0) 人氣( 0 )