2015-12-04

行動網站設計原則 - Part1 首頁與網站瀏覽 Category: 行動網站

因應智慧型手機的成長,使得行動網站的設計不得不提升與優化,友善的行動網站設計才可以留住消費者。
在先前分享的文章  你的網站也行動化了嗎?,當中分享了 Google 針對行動版網站的提供的相容性測試。
而本系列文章也要根據 Google 的多螢幕網站攻略中,所分享的行動網站設計原則,挑選一些項目來和大家分享。


行動網站設計原則-
 Part1 首頁與網站瀏覽

<原則 1> 將使用者直接導入手機版網頁

當使用一進到網站的時候,千萬不能再出現,直接把電腦版的網頁畫面,原封不動的搬到手機上這樣的錯誤了!
也不要讓使用者一進入網站看到的是電腦版,還要手動點選切換成手機版模式,會降低使用者繼續逛網站的意願。
所以一定要確保網站會自動調整成不同螢幕尺寸該有的版面配置。


<原則 2> 將選單至於首頁顯眼處,並保持選單精簡有力



<原則 3> 提供回到首頁的捷徑

提供點選LOGO就可以回到首頁的捷徑,是方便使用者返回首頁很好的做法,雖然微小卻很必要的細節。 



<原則 4> 把站內搜尋功能放置在顯眼位置

一展開選單就可以看見搜尋框在最上方顯眼的位置,並用顏色等樣式做到醒目的設計,讓使用者可以快速找到。 

以上解說案例是來自於365Shop的 精選案例 - Aigle 法式百年經典膠靴

更多文章推薦:
<行動網站設計原則系列文章>
行動網站設計原則 - Part2 產品頁面
行動網站設計原則 - Part3 登入與帳戶資訊
行動網站設計原則 - Part4 交易與轉換
行動網站設計原則 - Part5 表單輸入方式
行動網站設計原則 - Part6 便利性及裝置外觀尺寸


返回列表