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