平板電腦時代來臨,五個網站介面設計的因應之道


發佈: 2011-2-08 13:50 | 作者: hpek | 來源: MySky科幻網
注意:如果文中出現『*** Hidden to visitors ***』字樣,請轉至論壇瀏覽或下載。



撰文者:李宜穆編譯發表日期:2011/02/08      
      
2011年將毫無疑問成為平板電腦之年,越來越多網友將使用平板電腦來瀏覽網頁,針對平板電腦的使用者需求來設計網站,將成為今年網路界的最新趨勢。面對平板電腦時代來臨,你的網站介面該做出哪些修改、注意哪些細節,才能在提供平板電腦玩家最佳的網站瀏覽經驗的同時,又能兼顧一般網頁瀏覽器的呈現效果呢?

1. 用平板電腦測試網頁效果

先找台平板電腦瀏覽網頁,測試你的網站在平板電腦上的呈現效果。雖然iPad使用的是修改版的Safari瀏覽器,因此呈現效果應該與一般電腦的瀏覽器相同,但天有不測風雲,網頁排版與JavaScript還是可能在平板電腦上出錯。若沒有平板電腦,下載模擬iPad操作介面的iOS軟體套件可以得到類似效果,不過要注意的是,由於是個人電腦的瀏覽器引擎在運算網頁,得到的效果可能還是與平板電腦有所差異。

2. 簡化網頁排版

就算測試結果良好,這並不代表你的網頁已經通過平板電腦的考驗。由於平板電腦必須依靠手指操作,簡化網頁排版將是成敗關鍵:最好將復雜的三欄版面設計簡化為兩欄。一般來說,簡化網頁設計不僅在平板電腦的使用經驗上加分,也能嘉惠一般電腦的使用者,提供更佳的瀏覽經驗。你可以參考針對iPad導向的CSS語法,針對平板電腦介面設計全新網站,或在平板電腦與一般電腦使用經驗之間取得平衡。

3. 別再用Flash

如果你的網頁還在用Flash,趁這次機會換掉吧!因為不僅蘋果作業系統已經表明不支援Flash,就連用Android系統下載Flash的效果也是差強人意;或許Android在未來會逐步改善Flash的使用者經驗,但由於蘋果目前仍高踞平板電腦龍頭地位,你最好還是遵守蘋果的游戲規則。

4. 檢查你的網頁表格

找台平板電腦測試表格效果,因為填寫線上表格一向都是使用者經驗中相當重要的一部分,失效或排版錯誤的表格,往往會讓網友打消留下個資或甚至購買商品的念頭。

5. 讓網頁介面蘋果化

如果技術與預算允許,最好考慮針對平板電腦設計專屬網頁,利用小動畫與手指操控介面等蘋果化的設計元素,提供平板電腦玩家最佳的使用經驗。

出自ReadWriteWeb
 
 


注意:如果文中出現『*** Hidden to visitors ***』字樣,請轉至論壇瀏覽或下載。


 

 

Hostgator PhotonVPS

網絡資源