據調研公司Gartner預測，平板的銷(xiāo)量每周都在增加，到2016年，全世界平板的銷(xiāo)量將達到6.65億臺。隨著(zhù)以蘋(píng)果iPad為代表的平板電腦風(fēng)暴越演越烈，相信移動(dòng)設備取代個(gè)人電腦的霸主地位，成為接入網(wǎng)絡(luò )的首選設備只是時(shí)間問(wèn)題。

Adobe最近發(fā)布的數字營(yíng)銷(xiāo)報告顯示，使用平板電腦瀏覽網(wǎng)站的用戶(hù)比普通PC訪(fǎng)客的每筆交易金額高出20%。這些數據意味著(zhù)對于電子商務(wù)企業(yè)來(lái)說(shuō)，設計對平板電腦友好的網(wǎng)站非常重要。

iPad的橫空出世讓原本死寂沉沉的平板市場(chǎng)重新煥發(fā)生機，可整整兩年時(shí)間過(guò)去了，很多網(wǎng)站還是沒(méi)有專(zhuān)門(mén)針對平板電腦進(jìn)行優(yōu)化，甚至很多新建的網(wǎng)站在平板電腦上無(wú)法正常使用。而且這當中不只是那些不起眼的小網(wǎng)站，就連大名鼎鼎的Google Docs的用戶(hù)體驗也是相當糟糕，不信的話(huà)就在iPad上面試試Google Docs，你會(huì )發(fā)現除了瀏覽什么都不能干，尤其是當你需要編輯文檔的時(shí)候。

問(wèn)題出在了哪里

諸如細節是魔鬼、細節決定成敗等等的話(huà)我們都耳熟能詳。其實(shí)導致上面的問(wèn)題也很簡(jiǎn)單：有些網(wǎng)站的鏈接和可點(diǎn)擊的圖片實(shí)在是有點(diǎn)小。Web可用性方面的世界頂尖專(zhuān)家Jakob Nielsen一針見(jiàn)血的指出了問(wèn)題的癥結所在，這些問(wèn)題在Kindle Fire一樣的中等大小的平板上面尤為凸顯。為15寸筆記本電腦或者22寸顯示器設計的網(wǎng)站并不適合iPad的10寸屏幕，整個(gè)屏幕會(huì )顯得過(guò)于擁擠而無(wú)處下手，用戶(hù)需要經(jīng)常通過(guò)雙擊放大，這絕對不是個(gè)愉快的體驗。

平板與筆記本、臺式機的五大重要差異

大體上說(shuō)來(lái)，設計適合平板的網(wǎng)站與適合臺式機/筆記本的網(wǎng)站存在如下五大差異：

• 尺寸 相對于筆記本和臺式機而言，平板電腦的尺寸一般較小。
• 屏幕分辨率 平板電腦屏幕分辨率可謂是千差萬(wàn)別（從Kindle Fire的600×1024到新一代iPadd的2048 ×1536)，而且因為平板電腦的屏幕方向可以旋轉，所以平板電腦的網(wǎng)站需要在水平和垂直方向都能正常瀏覽。
• 兼容性 使用過(guò)平板的人都知道，Abobe Flash與平板的兼容性是個(gè)大問(wèn)題。但是像Silverlight這樣的插件，以及一些計算任務(wù)較重的JavaScript Web程序也會(huì )導致麻煩。
• 觸摸界面 這是個(gè)大問(wèn)題。觸摸界面是平板電腦和傳統PC最大的區別，為了方便用戶(hù)操作，就需要更大的可點(diǎn)擊元素和更少的導航元素。
• 內存和CPU限制 我們都知道平板板電腦已經(jīng)進(jìn)入四核時(shí)代，所以平板的性能缺陷往往很容易被忽略。事實(shí)上平板電腦的內存和CPU性能依然遠遠落后于傳統PC，所以多媒體元素過(guò)多的網(wǎng)站對于平板電腦來(lái)說(shuō)依然是個(gè)不小的挑戰。

理解用戶(hù)體驗

網(wǎng)站機構Domain7的創(chuàng )始人Shawn Neumann說(shuō)，設計網(wǎng)站最重要的一點(diǎn)就是要理解用戶(hù)體驗，并制定策略來(lái)滿(mǎn)足用戶(hù)的需求。臺式機是用來(lái)搞研究的和完成任務(wù)的，智能手機是用來(lái)臨時(shí)打發(fā)時(shí)間的，平板則是用來(lái)在家里好好享受時(shí)間的。

“有時(shí)候采取響應的辦法是最為有效的”，Neumann建議道。響應式的網(wǎng)站是流動(dòng)的，可以根據不同的屏幕尺寸和顯示分辨率進(jìn)行調整。所以理論上來(lái)說(shuō)，同一個(gè)網(wǎng)站可以同時(shí)在大屏幕和小屏幕的設備上瀏覽，但實(shí)際的結果往往是差強人意。如何克服分辨率變化這一問(wèn)題，難度也是不小，專(zhuān)門(mén)為大顯示器設計的網(wǎng)站在小屏幕上的顯示效果往往并不怎么好，所以，一個(gè)網(wǎng)站并不是放之四海而皆準的。

究竟如何解決這一問(wèn)題，大家眾說(shuō)紛紜，有建議說(shuō)創(chuàng )建一個(gè)移動(dòng)友好型的網(wǎng)站，也有說(shuō)根據用戶(hù)使用的設備來(lái)進(jìn)行自定義。設計移動(dòng)友好型的網(wǎng)站難度不小，特別是是要運行不同的內容管理體系，此外同時(shí)維護兩個(gè)網(wǎng)站難度也不小而且代價(jià)很高，而且用戶(hù)在平板上不能使用網(wǎng)站的完整版本也會(huì )令他們相當搓火?？傊还茏罱K選擇哪種方案，都會(huì )增加額外的開(kāi)發(fā)工作和額外的費用。

使用工具軟件

當然有時(shí)候也可以走捷徑：使用像Pressly或者OnSwipe一類(lèi)的軟件。使用這一類(lèi)軟件，標準的網(wǎng)站頁(yè)面就像是被施了魔法一樣，適合平板瀏覽的頁(yè)面立刻就會(huì )完美地呈現在用戶(hù)面前。

以上這種方案是OnSwipe的CEO兼聯(lián)合創(chuàng )始人Jason Baptiste希望看到的，他說(shuō)：

“人們將逐步從“點(diǎn)擊時(shí)代”進(jìn)入“觸屏/掃屏”時(shí)代，平板的網(wǎng)站界面將更加集中，而且要求的是不同的設計方式。有些人認為只要設計一次網(wǎng)站頁(yè)面然后到處使用，就可以一勞永逸了，我認為這根本站不住腳。在平板上我們要注重的是觸感，所以設計的時(shí)候也應當以觸感為重點(diǎn)?！?/p>

適合平板的網(wǎng)站頁(yè)面

那么什么樣的網(wǎng)站頁(yè)面才是適合平板電腦的？我認為需要做到以下幾點(diǎn)：簡(jiǎn)潔干凈的用戶(hù)界面，再加上大而顯眼的導航和控制元素，空間排布合理，盡量減少互動(dòng)性插件的使用，最好還要創(chuàng )建靈活的、能適應多種屏幕尺寸的框架；再考慮使用第三方服務(wù)，針對平板或者其他類(lèi)似的設備自動(dòng)對網(wǎng)站頁(yè)面進(jìn)行轉換。

其實(shí)平板電腦網(wǎng)站的設計者可以多學(xué)習Flipboard和 Pulse等個(gè)性化的內容聚合服務(wù)，它們設計的網(wǎng)站頁(yè)面在小型設備上的展示效果相當不錯，所以可以對它們加以研究并借鑒它們的設計方法與風(fēng)格。

為平板打造完美的網(wǎng)站頁(yè)面的重要性已經(jīng)一目了然：要么將網(wǎng)站設計得更“平板化”，要不就等著(zhù)流失用戶(hù)、收益損失的情況出現吧。將網(wǎng)站轉換成平板電腦友好的環(huán)境宜早不宜遲，動(dòng)作慢了，你就會(huì )和競爭對手形成差距。如果你想利用平板電腦風(fēng)暴所帶來(lái)的好處，并且創(chuàng )建一個(gè)對平板電腦友好的網(wǎng)站，趕緊行動(dòng)吧！網(wǎng)站設計者們！

Via VB