公司移動(dòng)互聯(lián)網(wǎng)站的設計,簡(jiǎn)易、明快是成功的一大秘訣。
市場(chǎng)調研公司Juniper Research預計移動(dòng)互聯(lián)網(wǎng)用戶(hù)將會(huì )持續增加,今年將達到12億人,而到2014年則將攀升至14億人。這中間絕大多數人將會(huì )像使用臺式機和筆記本那樣,輕松地在移動(dòng)互聯(lián)網(wǎng)上沖浪,但另外也有一部分人通過(guò)智能手機那塊小小的屏幕以及有限的帶寬接入移動(dòng)互聯(lián)世界。
所以,在進(jìn)行移動(dòng)網(wǎng)站優(yōu)化設計方面,讓公司的設計師掌握一定的技巧及工具非常必要。設計過(guò)程中,遵從極簡(jiǎn)主義是至關(guān)重要的,因為手機屏幕太小,用戶(hù)需要按照流量付費,并且其導航功能也非常復雜。
簡(jiǎn)化移動(dòng)網(wǎng)頁(yè)的設計,可以從以下幾個(gè)方面入手:
流線(xiàn)型的菜單系統。
盡量減少圖表的使用,尤其在導航時(shí)更應少用。
壓縮文字量,將之分散到不同的頁(yè)面。
摒棄Flash及JavaScript網(wǎng)頁(yè)特效,采用層疊樣式表單制作HTML/XHTML網(wǎng)頁(yè)。
不要設計彈出式廣告,因為在移動(dòng)互聯(lián)網(wǎng)平臺上它還存在較大的不確定性。
盡量小一點(diǎn)。手機屏幕的像素從128 x160至320 x 480不等。
設計時(shí)要遵從移動(dòng)互聯(lián)網(wǎng)時(shí)代的規則。在你的內容管理系統(CMS)中,注意對公司的官網(wǎng)和移動(dòng)網(wǎng)站的設計,采用兩個(gè)不同的系統。Wordpress及Joomla插件在很多開(kāi)源CSM中都可以使用,它們能夠幫助你建立一個(gè)符合移動(dòng)互聯(lián)網(wǎng)格調的網(wǎng)站。當你的移動(dòng)網(wǎng)站能夠自如運轉時(shí),你就可以將這些插件刪除了。
只設置垂直的滾動(dòng)條?刂祈(yè)面的寬度,用戶(hù)不必左右拖拽來(lái)觀(guān)看內容。僅僅上下拖動(dòng)鼠標就能夠一目了然,這將極大地方便用戶(hù)。
導航的設計應便于觸摸屏手機用戶(hù)。擴展每個(gè)選項條,并加大“點(diǎn)擊”鍵,這樣能夠更好地適應觸摸屏手機用戶(hù)的需要,同時(shí)這些舉措也將大大地方便非觸摸屏手機用戶(hù)。
讓移動(dòng)網(wǎng)站與官網(wǎng)保持高度的一致性。在設計移動(dòng)網(wǎng)站時(shí),盡量維持公司官網(wǎng)的界面、風(fēng)格,設置類(lèi)似的導航功能,以便用戶(hù)自如地在官網(wǎng)及移動(dòng)網(wǎng)站上來(lái)回切換,確保其便捷、輕松地找到自己喜歡的信息及其他內容。
你的網(wǎng)站進(jìn)入移動(dòng)互聯(lián)網(wǎng)時(shí)代了嗎?
這些工具或者裝置可以幫助你檢測一下,你的網(wǎng)站能否順利投身移動(dòng)互聯(lián)大潮中:
Ready.mobi網(wǎng)頁(yè)或站點(diǎn)測評
W3C移動(dòng)標準檢測工具:MobileOK Checker
移動(dòng)瀏覽器Mowser
諾基亞N70和索尼K750模擬器 |