站長分享：如何設計對平板電腦友好的網站

在過去，創建一個對臺式機和筆記本電腦界面友好的網站并不復雜。而今智能手機的出現改變了方方面面。許多網站站長都為此準備了網站的移動版以供手機用戶訪問。又到了更新網站的時候了，不過這次是為平板電腦用戶。接下來我們會為大家闡述一個網站的友好界面對平板電腦重要性，設計此類網站的注意事項，并舉例說明一些公司是如何做到這點的，最后為大家提供一些有用的工具和資源。

友好的網站界面對平板電腦的重要性

國際數據集團（IDC）預計2015年，移動設備會取代個人電腦的霸主地位，成為接入網絡的首選設備。隨著2015年的日益臨近，這一估計也在逐步實現。無論現在還是以后，這樣的趨勢處于上升態勢。你有多少次用智能手機訪問網站時只意識到了它的設計繁重，而沒意識到網站導航不方便？你在網站呆得時間有多長？你再次訪問的頻率多高？同樣的道理，現在再想想，如果平板電腦用戶訪問你的網站時發現你的界面對平板電腦并不友好，他們會怎么做？隨著更多的消費者用平板電腦上網，當務之急就是盡快更新你的網站。

創建對平板電腦友好的網站的注意事項

既然你意識到建立一個對平板電腦友好的網站的迫切性，你就要了解其中的注意事項。我們先從設計中不能做的部分說起。

如果你的網站中包含了下列內容，那么你的網站還為此做好準備：

· 不要在你的網站中添加Flash，這樣會導致網站異常。

· 兩個點擊區域（鏈接等）之間不要隔得太近。要保證網頁的導航易于發現，容易操作。

· 過多的多媒體內容會打亂網站排版。圖片和視頻對網站內容是不錯的提升，但是每個頁面都添加過多這些元素會導致網站排版雜亂，甚至會引發頁面載入出錯。

為了保證網站界面對平板電腦友好，下面的事你可以做：

· 用平板電腦訪問你目前的網站，看看哪里會導致頁面掛起，哪些地方做得好，哪些地方不好以及整體體驗感。將這些內容整理做個記錄，開展頭腦風暴想想如何改進網站的功能更適合平板電腦，同時保留筆記本電腦和臺式電腦訪問時原有的功能。

· 添加更多的“移動”內容和信息。便攜性是平板電腦最大的優點之一。平板電腦用戶經常處于移動狀態，這就意味著他們傾向于尋找與移動狀態相關的內容。你可以將你的聯系信息與Google地圖進行聯系起來。

· 確保你的網站字體在平板電腦上能清楚顯示，由于平板電腦的顯示屏較小，并且發光強度大，這會使得某些網站內容難以看清楚。通常，筆記本電腦和臺式電腦用于室內，并且照明條件也比較固定。再次強調，平板電腦的移動性意味著光線變化頻繁，這也在考驗移動網站的各方面設計細節。因此，你要對網站的字體樣式，顏色以及大小進行更新，適應用戶的需求。

通過上述步驟，你可以開始對你的網站進行更新了。

優秀案例介紹

2年之內，蘋果的iPad的出現讓眾多行業發生了翻天覆地的變化。越來越多的人用iPad等平板電腦上網，越來越多的公司使用iPad做記錄。下面列舉了幾家大公司為了使網站對平板電腦友好而做出的變革。

· Amazon.com—2011年，亞馬遜發布了專為iPad版設計的Windowshop（譯者注：其實是對亞馬遜網站的重新排版），整個網站界面也煥然一新。這一舉措大大推動了移動行業的發展。PCWorld的編輯Brennon Slattery評價說，“亞馬遜網站的全新外觀和體驗讓平板電腦用戶激動”。該網站存在大量的空白區域，左邊混亂的工具欄消失了，搜索欄能進行放大，方便用戶在觸摸屏上輸入內容，產品圖片也是非常易點擊的圖標構成。

· Utah Government—去年八月，美國猶他州政府更新了政府網站，使得平板電腦與網站交互更容易。

· Nike—Nike的網站則充分吸取了平板電腦界面的優勢，也是最能體現對平板電腦友好的例子之一。

隨著新的平板電腦趨勢越來越成熟。我們看到越來越多的公司開始在原有網站的基礎上進行大翻新，確保平板電腦用戶能更好地與網站進行交互。

對平板電腦友好的WordPress主題

如果你是使用WordPress建站，你就應該非常熟悉WordPress的主題。WordPress 有許多的可供選擇主題，既有免費的，也有付費的。也就是說，從今天起，你不再需要在你的筆記本電腦和平板電腦上安裝一大堆WordPress主題來裝飾你的網站。如果你正在使用WordPress，又想安裝一個適合平板電腦訪問的主題，下面的主題你值得擁有：

· Onswipe—三分鐘讓你的博客在平板電腦瀏覽器上顯示更完美。

· MobilePRO—移動設備專用的精美WordPress主題，不過它在任何電腦顯示器上的顯示都不錯。

· Mobility—這是一款適用于iPad的WordPress主題，用戶可以用手指進行滑動，并且可自定義拖曳對相冊進行管理。

有用的工具和資源

將網站轉換成平板電腦友好的環境宜早不宜遲，動作慢了，你就會和競爭對手形成差距。如果你想利用平板電腦風暴所帶來的好處，并且創建一個對平板電腦友好的網站，最后我們為大家送上一些有用的工具和資源。

· Pressly—當在平板電腦瀏覽器上訪問時，它會通過自有的原生應用自動將在線內容渲染成漂亮的平板電腦布局。

· 對每一個期望學習到更多未來如何適應平板電腦電子商務的人來說，我強烈推薦他們去看看Zmags最近發布的電子書《移動和平板電腦電子商務：大家都準備好了嗎？》。Todd Anglin如果你希望你的網站界面對平板電腦更友好，學學HTML5是再好不過的事了。 正如Todd Anglin曾說：“事實上，所有現代移動設備的瀏覽器都應該更廣泛地支持由HTML技術創建的諸如視頻、定位、線下應用、本地存儲以及CSS樣式，讓他們成為大膽開發開發HTML5的完美目標”。

既然你了解了網站對平板電腦友好的重要性。在接下來的半年時間里，你就應該好好思考一下你應該優先做些什么。至少你該在平板電腦上訪問你的網站，看看具體情況以及是否方便導航。

服務器租用/服務器托管中國五強！虛擬主機域名注冊頂級提供商！15年品質保障！--億恩科技[ENKJ.COM]