越來越多網友將使用平板電腦來瀏覽網頁,針對平板電腦的使用者需求來設計網站,面對平板電腦時代來臨,你的網頁設計介面該做出哪些修改、注意哪些細節,才能在提供平板電腦玩家最佳的網站瀏覽經驗的同時,又能兼顧一般網頁瀏覽器的呈現效果呢?
1.查你的網頁表格
找台平板電腦測試表格效果,因為填寫線上表格一向都是使用者經驗中相當重要的一部分,失效或排版錯誤的表格,往往會讓網友打消留下個資或甚至購買商品的念頭。
2.簡化網頁排版
就算測試結果良好,這並不代表你的網頁已經通過平板電腦的考驗。由於平板電腦必須依靠手指操作,簡化網頁排版將是成敗關鍵:最好將複雜的三欄版面設計簡化為兩欄。一般來說,簡化網頁設計不僅在平板電腦的使用經驗上加分,也能嘉惠一般電腦的使用者,提供更佳的瀏覽經驗。你可以參考針對iPad導向的CSS語法,針對平板電腦介面設計全新網站,或在平板電腦與一般電腦使用經驗之間取得平衡。
3.平板電腦測試網頁效果
先找台平板電腦瀏覽網頁,測試你的網頁設計在平板電腦上的呈現效果。雖然iPad使用的是修改版的Safari瀏覽器,因此呈現效果應該與一般電腦的瀏覽器相同,但天有不測風雲,網頁排版與JavaScript還是可能在平板電腦上出錯。若沒有平板電腦,下載模擬iPad操作介面的iOS軟體套件可以得到類似效果,不過要注意的是,由於是個人電腦的瀏覽器引擎在運算網頁,得到的效果可能還是與平板電腦有所差異。
4.讓網頁介面蘋果化
如果技術與預算允許,最好考慮針對平板電腦設計專屬網頁,利用小動畫與手指操控介面等蘋果化的設計元素,提供平板電腦玩家最佳的使用經驗。