你的網(wǎng)站是否已準備好應對平板電腦革命了？除非你是末日準備族的一員，那么在過(guò)去幾周就應該已經(jīng)為此做好準備了。iPad剛剛投放市場(chǎng)不久，人們就開(kāi)始為其瘋狂。在諸多的平板電腦中，iPad只用了幾年時(shí)間就創(chuàng )造了如此巨大的平板風(fēng)潮。這一點(diǎn)是網(wǎng)站站長(cháng)需要留心的。在平板電腦革命的席卷之下，許多站長(cháng)已經(jīng)重新思考網(wǎng)站的設計和布局。
在過(guò)去，創(chuàng )建一個(gè)對臺式機和筆記本電腦界面友好的網(wǎng)站并不復雜。而今智能手機的出現改變了方方面面。許多網(wǎng)站站長(cháng)都為此準備了網(wǎng)站的移動(dòng)版以供手機用戶(hù)訪(fǎng)問(wèn)。又到了更新網(wǎng)站的時(shí)候了，不過(guò)這次是為平板電腦用戶(hù)。接下來(lái)我們會(huì )為大家闡述一個(gè)網(wǎng)站的友好界面對平板電腦重要性，設計此類(lèi)網(wǎng)站的注意事項，并舉例說(shuō)明一些公司是如何做到這點(diǎn)的，最后為大家提供一些有用的工具和資源。
友好的網(wǎng)站界面對平板電腦的重要性
國際數據集團（IDC）預計2015年，移動(dòng)設備會(huì )取代個(gè)人電腦的霸主地位，成為接入網(wǎng)絡(luò )的首選設備。隨著(zhù)2015年的日益臨近，這一估計也在逐步實(shí)現。無(wú)論現在還是以后，這樣的趨勢處于上升態(tài)勢。你有多少次用智能手機訪(fǎng)問(wèn)網(wǎng)站時(shí)只意識到了它的設計繁重，而沒(méi)意識到網(wǎng)站導航不方便？你在網(wǎng)站呆得時(shí)間有多長(cháng)？你再次訪(fǎng)問(wèn)的頻率多高？同樣的道理，現在再想想，如果平板電腦用戶(hù)訪(fǎng)問(wèn)你的網(wǎng)站時(shí)發(fā)現你的界面對平板電腦并不友好，他們會(huì )怎么做？隨著(zhù)更多的消費者用平板電腦上網(wǎng)，當務(wù)之急就是盡快更新你的網(wǎng)站。
創(chuàng )建對平板電腦友好的網(wǎng)站的注意事項
既然你意識到建立一個(gè)對平板電腦友好的網(wǎng)站的迫切性，你就要了解其中的注意事項。我們先從設計中不能做的部分說(shuō)起。
如果你的網(wǎng)站中包含了下列內容，那么你的網(wǎng)站還為此做好準備：
· 不要在你的網(wǎng)站中添加Flash，這樣會(huì )導致網(wǎng)站異常。
· 兩個(gè)點(diǎn)擊區域（鏈接等）之間不要隔得太近。要保證網(wǎng)頁(yè)的導航易于發(fā)現，容易操作。
· 過(guò)多的多媒體內容會(huì )打亂網(wǎng)站排版。圖片和視頻對網(wǎng)站內容是不錯的提升，但是每個(gè)頁(yè)面都添加過(guò)多這些元素會(huì )導致網(wǎng)站排版雜亂，甚至會(huì )引發(fā)頁(yè)面載入出錯。
為了保證網(wǎng)站界面對平板電腦友好，下面的事你可以做：
· 用平板電腦訪(fǎng)問(wèn)你目前的網(wǎng)站，看看哪里會(huì )導致頁(yè)面掛起，哪些地方做得好，哪些地方不好以及整體體驗感。將這些內容整理做個(gè)記錄，開(kāi)展頭腦風(fēng)暴想想如何改進(jìn)網(wǎng)站的功能更適合平板電腦，同時(shí)保留筆記本電腦和臺式電腦訪(fǎng)問(wèn)時(shí)原有的功能。
· 添加更多的“移動(dòng)”內容和信息。便攜性是平板電腦最大的優(yōu)點(diǎn)之一。平板電腦用戶(hù)經(jīng)常處于移動(dòng)狀態(tài)，這就意味著(zhù)他們傾向于尋找與移動(dòng)狀態(tài)相關(guān)的內容。你可以將你的聯(lián)系信息與Google地圖進(jìn)行聯(lián)系起來(lái)。
· 確保你的網(wǎng)站字體在平板電腦上能清楚顯示，由于平板電腦的顯示屏較小，并且發(fā)光強度大，這會(huì )使得某些網(wǎng)站內容難以看清楚。通常，筆記本電腦和臺式電腦用于室內，并且照明條件也比較固定。再次強調，平板電腦的移動(dòng)性意味著(zhù)光線(xiàn)變化頻繁，這也在考驗移動(dòng)網(wǎng)站的各方面設計細節。因此，你要對網(wǎng)站的字體樣式，顏色以及大小進(jìn)行更新，適應用戶(hù)的需求。
通過(guò)上述步驟，你可以開(kāi)始對你的網(wǎng)站進(jìn)行更新了。
優(yōu)秀案例介紹
2年之內，蘋(píng)果的iPad的出現讓眾多行業(yè)發(fā)生了翻天覆地的變化。越來(lái)越多的人用iPad等平板電腦上網(wǎng)，越來(lái)越多的公司使用iPad做記錄。下面列舉了幾家大公司為了使網(wǎng)站對平板電腦友好而做出的變革。
· Amazon.com—2011年，亞馬遜發(fā)布了專(zhuān)為iPad版設計的Windowshop（譯者注：其實(shí)是對亞馬遜網(wǎng)站的重新排版），整個(gè)網(wǎng)站界面也煥然一新。這一舉措大大推動(dòng)了移動(dòng)行業(yè)的發(fā)展。PCWorld的編輯Brennon Slattery評價(jià)說(shuō)，“亞馬遜網(wǎng)站的全新外觀(guān)和體驗讓平板電腦用戶(hù)激動(dòng)”。該網(wǎng)站存在大量的空白區域，左邊混亂的工具欄消失了，搜索欄能進(jìn)行放大，方便用戶(hù)在觸摸屏上輸入內容，產(chǎn)品圖片也是非常易點(diǎn)擊的圖標構成。
· Utah Government—去年八月，美國猶他州政府更新了政府網(wǎng)站，使得平板電腦與網(wǎng)站交互更容易。
· Nike—Nike的網(wǎng)站則充分吸取了平板電腦界面的優(yōu)勢，也是最能體現對平板電腦友好的例子之一。
隨著(zhù)新的平板電腦趨勢越來(lái)越成熟。我們看到越來(lái)越多的公司開(kāi)始在原有網(wǎng)站的基礎上進(jìn)行大翻新，確保平板電腦用戶(hù)能更好地與網(wǎng)站進(jìn)行交互。
對平板電腦友好的WordPress主題
如果你是使用WordPress建站，你就應該非常熟悉WordPress的主題。WordPress 有許多的可供選擇主題，既有免費的，也有付費的。也就是說(shuō)，從今天起，你不再需要在你的筆記本電腦和平板電腦上安裝一大堆WordPress主題來(lái)裝飾你的網(wǎng)站。如果你正在使用WordPress，又想安裝一個(gè)適合平板電腦訪(fǎng)問(wèn)的主題，下面的主題你值得擁有：
·Onswipe—三分鐘讓你的博客在平板電腦瀏覽器上顯示更完美。
·MobilePRO—移動(dòng)設備專(zhuān)用的精美WordPress主題，不過(guò)它在任何電腦顯示器上的顯示都不錯。
·Mobility—這是一款適用于iPad的WordPress主題，用戶(hù)可以用手指進(jìn)行滑動(dòng)，并且可自定義拖曳對相冊進(jìn)行管理。
有用的工具和資源
將網(wǎng)站轉換成平板電腦友好的環(huán)境宜早不宜遲，動(dòng)作慢了，你就會(huì )和競爭對手形成差距。如果你想利用平板電腦風(fēng)暴所帶來(lái)的好處，并且創(chuàng )建一個(gè)對平板電腦友好的網(wǎng)站，最后我們?yōu)榇蠹宜蜕弦恍┯杏玫墓ぞ吆唾Y源。
·Pressly—當在平板電腦瀏覽器上訪(fǎng)問(wèn)時(shí)，它會(huì )通過(guò)自有的原生應用自動(dòng)將在線(xiàn)內容渲染成漂亮的平板電腦布局。
· 對每一個(gè)期望學(xué)習到更多未來(lái)如何適應平板電腦電子商務(wù)的人來(lái)說(shuō)，我強烈推薦他們去看看Zmags最近發(fā)布的電子書(shū)《移動(dòng)和平板電腦電子商務(wù)：大家都準備好了嗎？》。Todd Anglin如果你希望你的網(wǎng)站界面對平板電腦更友好，學(xué)學(xué)HTML5是再好不過(guò)的事了。 正如Todd Anglin曾說(shuō)：“事實(shí)上，所有現代移動(dòng)設備的瀏覽器都應該更廣泛地支持由HTML技術(shù)創(chuàng )建的諸如視頻、定位、線(xiàn)下應用、本地存儲以及CSS樣式，讓他們成為大膽開(kāi)發(fā)開(kāi)發(fā)HTML5的完美目標”。
既然你了解了網(wǎng)站對平板電腦友好的重要性。在接下來(lái)的半年時(shí)間里，你就應該好好思考一下你應該優(yōu)先做些什么。至少你該在平板電腦上訪(fǎng)問(wèn)你的網(wǎng)站，看看具體情況以及是否方便導航。
蚌埠文由蚌埠華迅網(wǎng)絡(luò )(http://www.lujiapack.com)轉自網(wǎng)頁(yè)設計師聯(lián)盟
|
