首頁 找知識 用戶體驗. 手機版網頁首頁設計-購物網站設計趨勢(三)

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

網頁設計,網站設計,購物網站

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

現今設計趨勢

 

頁首高度縮小,並將頁首或選單保持在畫面上方

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

 

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

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

 

商業目的為第一訊息

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

 

圖片不再只是等比縮小

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

案例分享

網頁設計,網站設計,購物網站

範例一: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

關於 Astralweb

Astralweb
歐斯瑞是全台唯一MAGENTO雙認證的專業公司,精通網站前後台功能規劃,擁有GOOGLE ADWORDS、BING ADS關鍵字廣告認證,精通網路行銷與搜尋引擎優化。 Astral Web(歐斯瑞有限公司)起源於2008年美國洛杉磯,我們用心達到客戶要求,所有專案透明化,客戶擁有網站所有權,提供自由開放的合作模式及友善的溝通環境。 我們是一群對網路充滿熱情的專業團隊,堅信網路的力量無遠弗屆,人人都有機會開創網路事業。

大家都在看

打破單向溝通!互動行銷6大招帶您找出品牌的「潛在消費者」!

打破單向溝通!互動行銷6大招帶您找出品牌的「潛在消費者」!

根據行銷漏斗的「互動」階段,品牌應把握並提高與消費者的後續互動機會,進一步與潛在顧客接觸,以凝聚客戶對品牌的意識及強化好感度。AsiaKOL 亞洲達人通接下來將互動階段拆分為「6 大互動體驗」,藉由不同機制,掌握潛在消費者的顧客定位。

還想知道更多數位新知?快來訂閱 dcplus 關鍵分享報

您希望收到哪些資訊呢?