目前,移動(dòng)瀏覽功能不斷普及提高,開(kāi)始優(yōu)化你的網(wǎng)站以更好地適應(yīng)移動(dòng)平臺(tái)和它的局限性將是你的第一要?jiǎng)?wù)。有很多簡(jiǎn)單的方法可以提高你的移動(dòng)瀏覽網(wǎng)站,同時(shí)又不過(guò)多的改動(dòng)你的網(wǎng)站,本文探討其中最流行且可以對(duì)可用性產(chǎn)生巨大的影響的8個(gè)。
流式布局
讓您的網(wǎng)站液體寬度布局是使您的網(wǎng)站的朝著對(duì)移動(dòng)設(shè)備友好的重要一步。它不僅摒棄了你的網(wǎng)站周圍的多余的死空間,他還可以使之在許多不同平臺(tái)和分辨率下查看。那么究竟流體寬度是什么意思呢?
流體寬度,顧名思義,就是您的網(wǎng)站可以根據(jù)瀏覽器的大小伸展活著縮放寬度。它實(shí)施的容易程度取決于您的當(dāng)前設(shè)置和布局。如果你有一個(gè)簡(jiǎn)單易用的布局,修改變CSS樣式表中的寬度屬性為以百分比來(lái)達(dá)到其效果是你唯一要做的。
沒(méi)有雜亂的廣告
雜亂的廣告是移動(dòng)平臺(tái)上的重大問(wèn)題上,即使網(wǎng)頁(yè)原本的布局沒(méi)有被破壞,最終用戶看到的廣告可能比內(nèi)容還多。有一個(gè)簡(jiǎn)單的修補(bǔ)程序來(lái)隱藏這混亂的現(xiàn)象而不必創(chuàng)建一個(gè)特定版本的移動(dòng)網(wǎng)站。你也可以創(chuàng)建針對(duì)手持設(shè)備的css樣式表,通過(guò)判斷終端的分辨率大小來(lái)調(diào)用。
無(wú)論你使用一個(gè),你應(yīng)該永遠(yuǎn)記住,大多數(shù)手持移動(dòng)設(shè)備有實(shí)際情況的限制,這意味著屏幕尺寸只能容納很少一些東西,這極少的東西就是訪問(wèn)您網(wǎng)站的用戶希望看到的那部分內(nèi)容。
集中的內(nèi)容
集中你的內(nèi)容是因?yàn)檫@是移動(dòng)設(shè)備的用戶立即看到關(guān)鍵。很多針對(duì)移動(dòng)設(shè)備的網(wǎng)站的往往會(huì)粘在了很多不必要的混亂的東西,例如圖像或廣告,但由于網(wǎng)站管理員必須了解,展示訪問(wèn)者最關(guān)心的內(nèi)容才是重點(diǎn)。
如果用戶是從手機(jī)訪問(wèn)您的網(wǎng)站并沒(méi)有連接到有線網(wǎng)絡(luò)上,帶寬受到一定的限制,這意味著用戶將選擇他或她想要訪問(wèn)的網(wǎng)站,而不是他們的訪問(wèn)那些在桌面上的網(wǎng)站。
這意味著,你需要確保你的網(wǎng)站在利用手機(jī)瀏覽占用少量的帶寬,這意味著圖像應(yīng)該是有限的,并且文字內(nèi)容應(yīng)為重點(diǎn)。假使您的網(wǎng)站是內(nèi)容是基于圖像的呢?
如果你的網(wǎng)站主要是基于圖象,你的第一要?jiǎng)?wù)是建立一個(gè)獨(dú)立的移動(dòng)網(wǎng)站,針對(duì)移動(dòng)平臺(tái)進(jìn)行優(yōu)化——通過(guò)降低圖像的大小和高度壓縮。一種替代方法是創(chuàng)造適用,允許第三方應(yīng)用程序的移動(dòng)設(shè)備的移動(dòng)應(yīng)用(app),這對(duì)為您的用戶來(lái)說(shuō)可能是一個(gè)有用的工具。
跨平臺(tái)的友好鏈接鏈接和效果
隨著新的網(wǎng)絡(luò)工具和影響繼續(xù)擴(kuò)大,很難沒(méi)有漂亮的懸停提示或下拉導(dǎo)航或甚至一個(gè)鏈接通過(guò)JavaScript彈出的小窗來(lái)展示信息。然而,對(duì)移動(dòng)設(shè)備的用戶來(lái)說(shuō),這些效果和工具可能無(wú)法在他們的平臺(tái)使用,這就帶來(lái)了許多無(wú)用的鏈接和工具。一個(gè)簡(jiǎn)單的解決辦法,就是始終為不能查看或使用他們的用戶提供替代方案。
一些移動(dòng)設(shè)備允許Javascript,但在你的網(wǎng)站無(wú)論如何都不能使用你原有的效果,所以最好的辦法是檢測(cè)連接到您的網(wǎng)站的平臺(tái)類型,禁用或改變某些類型的工具和效果一遍適應(yīng)得更好。
保持您的網(wǎng)頁(yè)簡(jiǎn)短,結(jié)構(gòu)緊湊
用于移動(dòng)設(shè)備的長(zhǎng)頁(yè)面肯定是一個(gè)巨大的倒退,因?yàn)榧虞d頁(yè)面需要花費(fèi)大量的時(shí)間。因此,保持你的網(wǎng)頁(yè)簡(jiǎn)短、結(jié)構(gòu)緊湊可以使你的網(wǎng)站跨平臺(tái)可訪問(wèn)——即使在一臺(tái)網(wǎng)速極低的設(shè)備上。因?yàn),用戶最不愿意做的事情是等待網(wǎng)頁(yè)加載,而不是花時(shí)間瀏覽網(wǎng)站。
徹底的導(dǎo)航
眾所周知,由于其鍵盤(pán)或虛擬鍵盤(pán)用起來(lái)一點(diǎn)也不方便,輸入在大多數(shù)移動(dòng)設(shè)備就實(shí)實(shí)在在成為一種痛苦。因此,為您的網(wǎng)站建立一個(gè)徹底的導(dǎo)航是一個(gè)關(guān)鍵環(huán)節(jié),它可以使您的網(wǎng)站的移動(dòng)體驗(yàn)更加友好。如果您提供的大量的內(nèi)容,你需要確保用戶可以通過(guò)瀏覽找到他們而不必用使用搜索引擎。如果你不能在不適用搜索的情況下找到到你網(wǎng)站的某些部分,很有可能用戶也不能。
醒目而清晰的內(nèi)容
今天,許多新的移動(dòng)設(shè)備是觸摸屏,這意味著用戶將可以使用他們的手指來(lái)導(dǎo)航他們的設(shè)備和您的網(wǎng)站。如果您的網(wǎng)站的內(nèi)容和鏈接不夠醒目,不夠清楚,通過(guò)你的網(wǎng)站導(dǎo)航將是一個(gè)痛苦。
要防止這種情況很容易,試著去消除那些分散在文章或段落的鏈接,因?yàn)樗鼈儽患兾谋景鼑y以點(diǎn)擊或按住。相反,把這些鏈接放置到文本主題的上方或下方,同時(shí)保證他們足夠大,用戶就可以沒(méi)有困擾的用手指點(diǎn)擊它們。
簡(jiǎn)短且易記的鏈接
這是另一種輸入相關(guān)的問(wèn)題,如果用戶要輸入一個(gè)長(zhǎng)URL才能到你的網(wǎng)站,很有可能他們不會(huì)這樣做。如前所述,使用鍵盤(pán)或虛擬的鍵盤(pán)打字不適合長(zhǎng)文本塊,所以一定要確保你的網(wǎng)站有一個(gè)簡(jiǎn)短易記的域名。此外,在您的網(wǎng)站盡量避開(kāi)輸入工作也是理想的,因?yàn)橥ǔK麄兺ㄟ^(guò)快速指引或參考信息訪問(wèn)您的網(wǎng)站。