以智慧型手機這類觸控裝置瀏覽時,設計不良的UI 會逼使用者不得不放大畫面,導致使用者無法靈活地取得資訊這件事。下列就逐一介紹Google 推薦的五種行動裝置可用性改善項目:
PageSpeed Insight 的頁面可檢測頁面顯示速度
1 設定viewport
智慧型手機具有虛擬螢幕(可透過viewport 設定)這項完整顯示電腦版頁面的功能。
2 讓內容隨著viewport 的設定編排
使用者有可能垂直或水平捲動頁面,以必須讓版面配合某個方向編排。
3 指定易讀性較高的字型
行動裝置雖可利用捏放的操作方式調整畫面的大小,但可用性仍然不佳,所以文字大小必須依照裝置設定。
4 確認點擊區域
行動裝置是以手指進行操作,所以連結之間若不保留足夠的空間,就有可能會不小心點錯連結。為了避免使用者點錯連結,請務必保留足夠的間距。
5 盡可能不要使用外掛程式
智慧型手機的使用者有時會遇到急需瀏覽某項資訊的情況。iPhone 無法播放Flash 內容,所以必須為無法使用外掛程式的手機預留後路。
圖中是allWeb Creator 塾網站的檢測結果顯示了需要修正的訊息