Gartner預計2016年全球平板電腦數(shù)量將高達6.65億個。而Adobe最近發(fā)布的數(shù)字營銷報告顯示，使用平板電腦瀏覽網(wǎng)站的用戶比普通PC訪客的每筆交易金額高出20%。這些數(shù)據(jù)意味著對于電子商務企業(yè)來說，設計對平板電腦友好的網(wǎng)站非常重要。

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

問題出在哪里

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

五點差異

總的來說，為平板電腦設計網(wǎng)站和為PC屏幕設計網(wǎng)站有五點差異：

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

如何為平板電腦用戶設計網(wǎng)站？

有時候自適應網(wǎng)頁是個不錯的方法，理論上不受屏幕比例和尺寸的現(xiàn)實，但自適應網(wǎng)頁并不是萬能的，“設計一次到處運行”有時候會行不通。

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

一個比較取巧的方式是使用類似Pressly或OnSwipe這樣的軟件將標準網(wǎng)站無縫轉(zhuǎn)化成平板電腦優(yōu)化版本。

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

最后，所有平板電腦網(wǎng)站的設計者都應當認真學習原生的平板內(nèi)容聚合服務：Flipboard和Pulse的設計方法和風格，他們是如何在平板電腦上展示內(nèi)容的最佳范例。

圖片：Flickr