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

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

問題出在哪里

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

五點差異

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

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

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

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

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

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

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

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

圖片：Flickr