Google推薦!行動裝置改善方式
  類別:  網路/架站
  書號:  ACN030000
  作者:  大本 あかね, 菊池崇
 

  博客來  
  金石堂  
  天瓏  

以智慧型手機這類觸控裝置瀏覽時,設計不良的UI 會逼使用者不得不放大畫面,導致使用者無法靈活地取得資訊這件事。下列就逐一介紹Google 推薦的五種行動裝置可用性改善項目:

PageSpeed Insight 的頁面可檢測頁面顯示速度

1 設定viewport
智慧型手機具有虛擬螢幕(可透過viewport 設定)這項完整顯示電腦版頁面的功能。

2 讓內容隨著viewport 的設定編排
使用者有可能垂直或水平捲動頁面,以必須讓版面配合某個方向編排。

3 指定易讀性較高的字型
行動裝置雖可利用捏放的操作方式調整畫面的大小,但可用性仍然不佳,所以文字大小必須依照裝置設定。

4 確認點擊區域
行動裝置是以手指進行操作,所以連結之間若不保留足夠的空間,就有可能會不小心點錯連結。為了避免使用者點錯連結,請務必保留足夠的間距。

5 盡可能不要使用外掛程式
智慧型手機的使用者有時會遇到急需瀏覽某項資訊的情況。iPhone 無法播放Flash 內容,所以必須為無法使用外掛程式的手機預留後路。

圖中是allWeb Creator 塾網站的檢測結果顯示了需要修正的訊息

 

關於碁峰隱私權政策聯絡我們     檢視 : PC 版  手機版
碁峰資訊股份有限公司 GOTOP INFORMATION INC.
台北市南港區三重路66號7樓之6 / 7F.-6,No.66,Sanchong Rd.,Nangang District,Taipei
TEL:(02)2788-2408 FAX:(02)8192-4433 劃撥帳號:14244383
Copyright 2014© GOTOP Information Inc, All Rights Reserved 請勿任意連結、轉載