怎樣打造你的移動網(wǎng)站?

2010-11-08 12:15:53      Mikal E. Belicove

  公司移動互聯(lián)網(wǎng)站的設(shè)計,簡易、明快是成功的一大秘訣。

  市場調(diào)研公司Juniper Research預(yù)計移動互聯(lián)網(wǎng)用戶將會持續(xù)增加,今年將達到12億人,而到2014年則將攀升至14億人。這中間絕大多數(shù)人將會像使用臺式機和筆記本那樣,輕松地在移動互聯(lián)網(wǎng)上沖浪,但另外也有一部分人通過智能手機那塊小小的屏幕以及有限的帶寬接入移動互聯(lián)世界。

  所以,在進行移動網(wǎng)站優(yōu)化設(shè)計方面,讓公司的設(shè)計師掌握一定的技巧及工具非常必要。設(shè)計過程中,遵從極簡主義是至關(guān)重要的,因為手機屏幕太小,用戶需要按照流量付費,并且其導(dǎo)航功能也非常復(fù)雜。

  簡化移動網(wǎng)頁的設(shè)計,可以從以下幾個方面入手

  流線型的菜單系統(tǒng)。

  盡量減少圖表的使用,尤其在導(dǎo)航時更應(yīng)少用。

  壓縮文字量,將之分散到不同的頁面。

  摒棄Flash及JavaScript網(wǎng)頁特效,采用層疊樣式表單制作HTML/XHTML網(wǎng)頁。

  不要設(shè)計彈出式廣告,因為在移動互聯(lián)網(wǎng)平臺上它還存在較大的不確定性。

  盡量小一點。手機屏幕的像素從128 x160至320 x 480不等。

  設(shè)計時要遵從移動互聯(lián)網(wǎng)時代的規(guī)則。在你的內(nèi)容管理系統(tǒng)(CMS)中,注意對公司的官網(wǎng)和移動網(wǎng)站的設(shè)計,采用兩個不同的系統(tǒng)。Wordpress及Joomla插件在很多開源CSM中都可以使用,它們能夠幫助你建立一個符合移動互聯(lián)網(wǎng)格調(diào)的網(wǎng)站。當(dāng)你的移動網(wǎng)站能夠自如運轉(zhuǎn)時,你就可以將這些插件刪除了。

  只設(shè)置垂直的滾動條。控制頁面的寬度,用戶不必左右拖拽來觀看內(nèi)容。僅僅上下拖動鼠標(biāo)就能夠一目了然,這將極大地方便用戶。

  導(dǎo)航的設(shè)計應(yīng)便于觸摸屏手機用戶。擴展每個選項條,并加大“點擊”鍵,這樣能夠更好地適應(yīng)觸摸屏手機用戶的需要,同時這些舉措也將大大地方便非觸摸屏手機用戶。

  讓移動網(wǎng)站與官網(wǎng)保持高度的一致性。在設(shè)計移動網(wǎng)站時,盡量維持公司官網(wǎng)的界面、風(fēng)格,設(shè)置類似的導(dǎo)航功能,以便用戶自如地在官網(wǎng)及移動網(wǎng)站上來回切換,確保其便捷、輕松地找到自己喜歡的信息及其他內(nèi)容。

  你的網(wǎng)站進入移動互聯(lián)網(wǎng)時代了嗎

  這些工具或者裝置可以幫助你檢測一下,你的網(wǎng)站能否順利投身移動互聯(lián)大潮中:

  Ready.mobi網(wǎng)頁或站點測評

  W3C移動標(biāo)準(zhǔn)檢測工具:MobileOK Checker

  移動瀏覽器Mowser

  諾基亞N70和索尼K750模擬器

相關(guān)閱讀