讓你的網(wǎng)站對(duì)移動(dòng)設(shè)備更友好的8大妙招

0 評(píng)論 1507 瀏覽 0 收藏 7 分鐘

目前,移動(dòng)瀏覽功能不斷普及提高,開始優(yōu)化你的網(wǎng)站以更好地適應(yīng)移動(dòng)平臺(tái)和它的局限性將是你的第一要?jiǎng)?wù)。有很多簡(jiǎn)單的方法可以提高你的移動(dòng)瀏覽網(wǎng)站,同時(shí)又不過多的改動(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樣式表中的寬度屬性為以百分比來達(dá)到其效果是你唯一要做的。
沒有雜亂的廣告

雜亂的廣告是移動(dòng)平臺(tái)上的重大問題上,即使網(wǎng)頁原本的布局沒有被破壞,最終用戶看到的廣告可能比內(nèi)容還多。有一個(gè)簡(jiǎn)單的修補(bǔ)程序來隱藏這混亂的現(xiàn)象而不必創(chuàng)建一個(gè)特定版本的移動(dòng)網(wǎng)站。你也可以創(chuàng)建針對(duì)手持設(shè)備的css樣式表,通過判斷終端的分辨率大小來調(diào)用。

無論你使用一個(gè),你應(yīng)該永遠(yuǎn)記住,大多數(shù)手持移動(dòng)設(shè)備有實(shí)際情況的限制,這意味著屏幕尺寸只能容納很少一些東西,這極少的東西就是訪問您網(wǎng)站的用戶希望看到的那部分內(nèi)容。

集中的內(nèi)容

集中你的內(nèi)容是因?yàn)檫@是移動(dòng)設(shè)備的用戶立即看到關(guān)鍵。很多針對(duì)移動(dòng)設(shè)備的網(wǎng)站的往往會(huì)粘在了很多不必要的混亂的東西,例如圖像或廣告,但由于網(wǎng)站管理員必須了解,展示訪問者最關(guān)心的內(nèi)容才是重點(diǎn)。
如果用戶是從手機(jī)訪問您的網(wǎng)站并沒有連接到有線網(wǎng)絡(luò)上,帶寬受到一定的限制,這意味著用戶將選擇他或她想要訪問的網(wǎng)站,而不是他們的訪問那些在桌面上的網(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)化——通過降低圖像的大小和高度壓縮。一種替代方法是創(chuàng)造適用,允許第三方應(yīng)用程序的移動(dòng)設(shè)備的移動(dòng)應(yīng)用(app),這對(duì)為您的用戶來說可能是一個(gè)有用的工具。

跨平臺(tái)的友好鏈接鏈接和效果

隨著新的網(wǎng)絡(luò)工具和影響繼續(xù)擴(kuò)大,很難沒有漂亮的懸停提示或下拉導(dǎo)航或甚至一個(gè)鏈接通過JavaScript彈出的小窗來展示信息。然而,對(duì)移動(dòng)設(shè)備的用戶來說,這些效果和工具可能無法在他們的平臺(tái)使用,這就帶來了許多無用的鏈接和工具。一個(gè)簡(jiǎn)單的解決辦法,就是始終為不能查看或使用他們的用戶提供替代方案。
一些移動(dòng)設(shè)備允許Javascript,但在你的網(wǎng)站無論如何都不能使用你原有的效果,所以最好的辦法是檢測(cè)連接到您的網(wǎng)站的平臺(tái)類型,禁用或改變某些類型的工具和效果一遍適應(yīng)得更好。

保持您的網(wǎng)頁簡(jiǎn)短,結(jié)構(gòu)緊湊

用于移動(dòng)設(shè)備的長(zhǎng)頁面肯定是一個(gè)巨大的倒退,因?yàn)榧虞d頁面需要花費(fèi)大量的時(shí)間。因此,保持你的網(wǎng)頁簡(jiǎn)短、結(jié)構(gòu)緊湊可以使你的網(wǎng)站跨平臺(tái)可訪問——即使在一臺(tái)網(wǎng)速極低的設(shè)備上。因?yàn)?,用戶最不愿意做的事情是等待網(wǎng)頁加載,而不是花時(shí)間瀏覽網(wǎng)站。

徹底的導(dǎo)航

眾所周知,由于其鍵盤或虛擬鍵盤用起來一點(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)容,你需要確保用戶可以通過瀏覽找到他們而不必用使用搜索引擎。如果你不能在不適用搜索的情況下找到到你網(wǎng)站的某些部分,很有可能用戶也不能。

醒目而清晰的內(nèi)容

今天,許多新的移動(dòng)設(shè)備是觸摸屏,這意味著用戶將可以使用他們的手指來導(dǎo)航他們的設(shè)備和您的網(wǎng)站。如果您的網(wǎng)站的內(nèi)容和鏈接不夠醒目,不夠清楚,通過你的網(wǎng)站導(dǎo)航將是一個(gè)痛苦。
要防止這種情況很容易,試著去消除那些分散在文章或段落的鏈接,因?yàn)樗鼈儽患兾谋景鼑y以點(diǎn)擊或按住。相反,把這些鏈接放置到文本主題的上方或下方,同時(shí)保證他們足夠大,用戶就可以沒有困擾的用手指點(diǎn)擊它們。

簡(jiǎn)短且易記的鏈接

這是另一種輸入相關(guān)的問題,如果用戶要輸入一個(gè)長(zhǎng)URL才能到你的網(wǎng)站,很有可能他們不會(huì)這樣做。如前所述,使用鍵盤或虛擬的鍵盤打字不適合長(zhǎng)文本塊,所以一定要確保你的網(wǎng)站有一個(gè)簡(jiǎn)短易記的域名。此外,在您的網(wǎng)站盡量避開輸入工作也是理想的,因?yàn)橥ǔK麄兺ㄟ^快速指引或參考信息訪問您的網(wǎng)站。

原文(英文)鏈接:

http://designreviver.com/tips/8-ways-to-make-your-website-mobile-friendly/

譯者:leegang

來源:http://www.ugoes.cn/8zhongtujingrangnidewangzhanduiyidongshebiegengyouhao-html.html

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!