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