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