因應智慧型手機的成長,使得行動網站的設計不得不提升與優化,友善的行動網站設計才可以留住消費者。
在先前分享的文章
你的網站也行動化了嗎?,當中分享了 Google 針對行動版網站的提供的相容性測試。
而本系列文章也要根據 Google 的多螢幕網站攻略中,所分享的行動網站設計原則,挑選一些項目來和大家分享。
行動網站設計原則- Part1 首頁與網站瀏覽
<原則 1> 將使用者直接導入手機版網頁
當使用一進到網站的時候,千萬不能再出現,直接把電腦版的網頁畫面,原封不動的搬到手機上這樣的錯誤了!
也不要讓使用者一進入網站看到的是電腦版,還要手動點選切換成手機版模式,會降低使用者繼續逛網站的意願。
所以一定要確保網站會自動調整成不同螢幕尺寸該有的版面配置。
<原則 2> 將選單至於首頁顯眼處,並保持選單精簡有力
<原則 3> 提供回到首頁的捷徑
提供點選LOGO就可以回到首頁的捷徑,是方便使用者返回首頁很好的做法,雖然微小卻很必要的細節。
<原則 4> 把站內搜尋功能放置在顯眼位置
一展開選單就可以看見搜尋框在最上方顯眼的位置,並用顏色等樣式做到醒目的設計,讓使用者可以快速找到。
以上解說案例是來自於365Shop的 精選案例 - Aigle 法式百年經典膠靴。
更多文章推薦:
<行動網站設計原則系列文章>
行動網站設計原則 - Part2 產品頁面
行動網站設計原則 - Part3 登入與帳戶資訊
行動網站設計原則 - Part4 交易與轉換
行動網站設計原則 - Part5 表單輸入方式
行動網站設計原則 - Part6 便利性及裝置外觀尺寸