為了幫助你設(shè)計(jì)一個便于瀏覽的手機(jī)網(wǎng)站，這里有一些建議。
1. 每個移動設(shè)備都有不同的屏幕尺寸。確保你的網(wǎng)站被很好地瀏覽的唯一方法是有一個流暢的布局。我們必須這樣做，因?yàn)橐苿釉O(shè)備屏幕很小，需要利用可用的空間。此外，您還必須考慮不同的屏幕分辨率。即使對高端移動設(shè)備來說，至少使用320px像素也已經(jīng)很不錯了，尤其是有些設(shè)備的視網(wǎng)膜顯示屏可以放大到適合屏幕大小。
2. 重定向到站點(diǎn)的移動版本。這是一個很好的選擇，因?yàn)槟銓⒛軌驗(yàn)橐苿佑脩魟?chuàng)造一個完全不同和獨(dú)特的體驗(yàn)。
3. 同時，您還可以為桌面用戶提供不同的體驗(yàn)。當(dāng)你創(chuàng)建一個移動版本的網(wǎng)站時，你會有更好的網(wǎng)站交付。這樣做對你的手機(jī)用戶來說會容易得多。使用良好的圖像質(zhì)量。一個小夢想你不希望看到你的網(wǎng)站的圖像是如此小或如此大時，在移動設(shè)備上觀看。而且，如果你的圖像像素化，你肯定會討厭它。嘗試使用可選的高分辨率圖像進(jìn)行移動查看。但是要確保它不會太大，因?yàn)榇髨D像會占用很多帶寬。您可以嘗試在較小的屏幕上縮放圖像。這樣，您可以確保您的圖像看起來不錯，同時節(jié)省帶寬消耗。
4. 有一個簡單的布局。移動網(wǎng)站的布局是一個很大的挑戰(zhàn)，因?yàn)槊總€移動設(shè)備的大小、形狀和分辨率各不相同。滾動對于手機(jī)來說也很困難，尤其是那些屏幕較小的手機(jī)。因此，為了減輕用戶的麻煩，使用一個簡單的布局。用戶實(shí)際上并不介意你的手機(jī)網(wǎng)站看起來比你在桌面瀏覽的網(wǎng)站簡單。對他們來說，重要的是他們能夠訪問你的網(wǎng)站。使用單一列布局，而不是多列布局?？紤]你的文本。網(wǎng)站:精靈當(dāng)然，你的文字內(nèi)容總是很重要的。您必須確保它是可讀的，大小剛好合適。您還可以隱藏一些可能妨礙良好可讀性的文本。把重要的文字放在上面，這樣用戶可以很容易地看到。
5 .只放置對用戶重要的內(nèi)容。你的可點(diǎn)擊元素必須足夠大的指尖?，F(xiàn)在大多數(shù)移動設(shè)備都是觸摸屏。所以，使用至少30px到40px的按鈕。您還應(yīng)該在這些元素周圍使用空格，以便更容易單擊。但這并不意味著你應(yīng)該使用超大按鈕。只需要增加一些填充來擴(kuò)大點(diǎn)擊區(qū)域。適度使用視頻和音頻。迪士尼移動網(wǎng)站仍然可以使用視頻和音頻。用戶也會樂于看到這一點(diǎn)，特別是如果他們的移動設(shè)備能夠提供出色的音頻和視頻質(zhì)量。
6. 不要使用flash和其他不能在其他設(shè)備上運(yùn)行的格式。優(yōu)化它以節(jié)省帶寬。
7. 避免自動播放，你應(yīng)該給用戶一個播放或不播放視頻的選項(xiàng)。
8. 使用移動友好語言。確保您使用的結(jié)構(gòu)和代碼適合移動瀏覽。確保它像WML或XHTML一樣工作良好。部分原因是考慮到成本和速度，這將使移動網(wǎng)站的使用更加方便。但是如果你認(rèn)為WML太基礎(chǔ)了，你可以簡單地使用普通的HTML或XTML，尤其是大多數(shù)手機(jī)已經(jīng)提高了它們的速度。把重要的信息放在頁面的頂部。你應(yīng)該注意所有重要的信息應(yīng)該放在頁面的頂部。包括導(dǎo)航和搜索欄。這一點(diǎn)對于手機(jī)瀏覽非常重要，因?yàn)槿绻畔⒎胖貌划?dāng)，瀏覽手機(jī)網(wǎng)站將非常耗時。
