公司移動(dòng)互聯(lián)網(wǎng)站的設(shè)計(jì)，簡(jiǎn)易、明快是成功的一大秘訣。
市場(chǎng)調(diào)研公司Juniper Research預(yù)計(jì)移動(dòng)互聯(lián)網(wǎng)用戶將會(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ī)屏幕太小，用戶需要按照流量付費(fèi)，并且其導(dǎo)航功能也非常復(fù)雜。
簡(jiǎn)化移動(dòng)網(wǎng)頁(yè)的設(shè)計(jì)，可以從以下幾個(gè)方面入手：
流線型的菜單系統(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è)面的寬度，用戶不必左右拖拽來(lái)觀看內(nèi)容。僅僅上下拖動(dòng)鼠標(biāo)就能夠一目了然，這將極大地方便用戶。
導(dǎo)航的設(shè)計(jì)應(yīng)便于觸摸屏手機(jī)用戶。擴(kuò)展每個(gè)選項(xiàng)條，并加大“點(diǎn)擊”鍵，這樣能夠更好地適應(yīng)觸摸屏手機(jī)用戶的需要，同時(shí)這些舉措也將大大地方便非觸摸屏手機(jī)用戶。
讓移動(dòng)網(wǎng)站與官網(wǎng)保持高度的一致性。在設(shè)計(jì)移動(dòng)網(wǎng)站時(shí)，盡量維持公司官網(wǎng)的界面、風(fēng)格，設(shè)置類(lèi)似的導(dǎo)航功能，以便用戶自如地在官網(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模擬器
|
