如何設計適合平板電腦瀏覽的網站

Gartner預計2016年全球平板電腦數量將高達6.65億個。而Adobe最近發佈的數字營銷報告顯示,使用平板電腦瀏覽網站的用戶比普通PC訪客的每筆交易金額高出20%。這些數據意味着對於電子商務企業來說,設計對平板電腦友好的網站非常重要。

在蘋果iPad上市兩週年之際,依然有大量網站沒有針對平板電腦優化,甚至很多新建的網站在平板電腦上無法正常使用,甚至Google Doc在iPad上的用戶體驗也相當糟糕。(尤其是當你需要編輯文檔的時候)

 

問題出在哪裏

平板電腦用戶體驗差的網站中,最常見的問題就是可點擊的鏈接、按鈕、圖片太小。手指無法像鼠標般精確,雖然大多數網站在筆記本電腦和大屏幕顯示器上看起來還不錯,但到了10寸大的平板電腦屏幕上則顯得過於擁擠,無處下手,用戶需要經常通過雙擊放大,這絕對不是個愉快的體驗。

五點差異

總的來說,爲平板電腦設計網站和爲PC屏幕設計網站有五點差異:

  1. 尺寸。平板電腦的可視面積通常不到11寸。(天知道將來會是什麼情況)
  2. 屏幕分辨率。平板電腦的分辨率千差萬別。(從Kindle的1024×600到新一代iPad的2048×1536)。用戶經常會旋轉平板電腦的屏幕方向,雖然也有PC顯示器可以旋轉,但是很少有人這麼做。面向平板電腦的網站需要在水平和垂直方向都能正常瀏覽。
  3. 兼容性。都知道Flash在iPad上是個大問題,但是Silverlight這樣的插件,以及一些計算任務較重的JavaScript Web程序也會導致麻煩。
  4. 觸摸界面。這是個大問題。觸摸界面是平板電腦和PC的最大區別,這意味着網站的設計需要儘量避免彈出菜單和隱藏元素,同時還要把可點擊元素放大到方便手指操作。
  5. 內存和CPU性能。人們都熱衷討論平板電腦即將進入四核時代,似乎平板的性能已經快追上PC了,實際上平板電腦的內存和CPU性能依然遠遠落後於主流PC,所以多媒體元素過多的網站對於平板電腦來說依然是個挑戰。

如何爲平板電腦用戶設計網站?

有時候自適應網頁是個不錯的方法,理論上不受屏幕比例和尺寸的現實,但自適應網頁並不是萬能的,“設計一次到處運行”有時候會行不通。

於是有人選擇設計一個獨立的“移動版”網站,但移動版網站也有很多挑戰,尤其是當內容管理系統與主站分離的時候,這會讓移動版網站的運營和維護非常麻煩,成本也居高不下,而且移動版網站的一個最大的風險是:當用戶發現你的“iPad版”網站的內容比標準網站的少時,他們會非常搓火(例如新浪的iPad版網頁)。

一個比較取巧的方式是使用類似PresslyOnSwipe這樣的軟件將標準網站無縫轉化成平板電腦優化版本。

總之,設計面向平板電腦的網站需要注意以下幾點:用戶界面要清爽,導航和控制元素尺寸要夠大,夠顯眼,空間排布要合理;儘量減少互動性插件的使用;創建一個靈活自適應的框架,適應多種屏幕尺寸;考慮採用能自動轉換網頁到平板電腦版的服務。

最後,所有平板電腦網站的設計者都應當認真學習原生的平板內容聚合服務:FlipboardPulse的設計方法和風格,他們是如何在平板電腦上展示內容的最佳範例。

 

 

文章來自IT經理網

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章