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