購物網站設計趨勢解析(三)——手機版網頁首頁設計

作者介紹:

本文歐斯瑞(astralweb)提供。歐斯瑞是臺灣擁有MAGENTO雙認證的專業公司,精通網站前後台功能規劃,擁有GOOGLE ADWORDS、BING ADS關鍵字廣告認證,精通網路行銷與搜尋引擎優化。

我們之前談過手機購物網頁設計的趨勢與重要性,今天歐斯瑞要談談手機版的購物網站首頁設計,並分享一些案例,一起來看看吧!

現今設計趨勢:
頁首高度縮小,並將頁首或選單保持在畫面上方

由於手機版的空間較狹小,使用者在瀏覽網站時,當下會花較多時間在於網站內容,而不是頁首,我們要盡量空出空間來呈現內容,但頁首確是相當重要基本元素,它是你的招牌、也是引導客戶的工具列,使用者會很需要它,但不能變成影響瀏覽的阻礙,因此設計的高度不宜太高,且保持在畫面上,讓使用者可以隨時操作頁首的選單與功能。

 

標誌、選單、購物車、搜尋是必要元素

商標與選單是網站最基本的必要元素,大多數網站會放置於頁首。將購物車放置於頁首,是為方便使用者辨識商品是否已被加入購物車、查看購物車內容或是準備要結帳等,都能隨時從頁首進入,並能即時顯示購物車內商品數量。對於商品數量較多或頁面較多的網站,提供搜尋功能,讓使用者可以直接或者找不到商品時,可以快速找到您的商品與相關資訊。

 

商業目的為第一訊息

畢竟電子商網站以營利為目的,使用者到你的網站來就是希望了解你的商品或購買商品,不外乎首頁放置優惠或新功能商品等訊息,也是幫助使用者快速到達頁面的方式之一,但不要強迫使用者吸收大量訊息而影響操作,就很可能流失你的潛在客戶。

 

圖片不再只是等比縮小

以往在開發或維運上,我們會選擇統一規格或一張圖片通用所有裝置(螢幕),現今為了讓使用者能正確吸收訊息、降低視覺上不便以及讓操作上更為方便,會傾向於不同螢幕時顯示的內容有所差異,但這會需要在開發與維運上做更多的工作,設計時也要制定出變化方式的邏輯。   以下幾個品牌的範例提供給大家參考,希望本篇內容對於您未來網站建置時,有所幫助。

 

案例分享:

範例一:Superdry 來源網址:www.superdry.com.au

範例二:GAP  來源網址:m.gap.com/index.html

範例三:LEVI’S  來源網址:m.levi.com/US/en_US

範例四:Porter  來源網址:www.ll-porter.com

範例五:Starbucks   來源網址:www.starbucks.com

以上文章為歐斯瑞編寫製作,如您有任何網頁設計的需求或問題,都歡迎您聯絡歐斯瑞

系列文章:

購物網站設計趨勢解析(一)——手機網頁選單設計

購物網站設計趨勢解析(二)——電腦網頁選單設計

電商新鮮人技能養成最佳口碑課程又來了!

想成為未來公司的中流砥柱,先來打底,

行銷、文案、營運、客服等等所有電商核心技能通通提供→http://bit.ly/29eov8f

★ 延伸閱讀:【擂台賽即時更新】進攻策略!八組晉級隊伍決賽快訪

★ 本文特色圖片來源:歐斯瑞

★ 責任編輯:yuju

歡迎加入TeSA的LINE@帳號,共同關注電商、創業領域的最新資訊!

歡迎關注TeSA的LINE@帳號

好友人數

相關文章

;