網(wǎng)絡(luò)信息時(shí)代高校移動(dòng)網(wǎng)頁(yè)的設(shè)計(jì)原則

隨著計(jì)算機(jī)網(wǎng)絡(luò)信息時(shí)代的迅速發(fā)展，現(xiàn)在已經(jīng)有不少高校建立了自己的移動(dòng)網(wǎng)站，簡(jiǎn)潔美觀的展示界面，方便快捷的信息獲取方式，通過(guò)移動(dòng)端手機(jī)等無(wú)線終端，廣大師生校友及社會(huì)公眾就可以瀏覽學(xué)校的公告、新聞、活動(dòng)、教育教學(xué)等消息，更可以通過(guò)移動(dòng)終端在線申請(qǐng)報(bào)名、在線支付學(xué)費(fèi)，在線辦公等全方面的服務(wù)，讓校友們感受到貼心的方便。文章就高校移動(dòng)網(wǎng)頁(yè)的設(shè)計(jì)原則做了闡述。

【關(guān)鍵詞】信息時(shí)代 高校 移動(dòng)網(wǎng)頁(yè)

1 網(wǎng)絡(luò)信息時(shí)代高校移動(dòng)網(wǎng)頁(yè)的分析

在智能手機(jī)開(kāi)始普及的今天，手機(jī)網(wǎng)頁(yè)通常意味著：較小的顯示空間。即使有的手機(jī)屏幕分辨率已經(jīng)與電腦屏幕分辨率相當(dāng)，但是移動(dòng)端屏幕的物理尺寸還是比電腦屏幕小很多。手指操作。用戶(hù)使用手指在手機(jī)屏幕上點(diǎn)、滑、按，進(jìn)行多點(diǎn)觸控操作。有限的網(wǎng)絡(luò)速度。根據(jù)CNNIC于12年11月公布的《中國(guó)手機(jī)網(wǎng)民上網(wǎng)行為研究報(bào)告》，使用2G/2.5G、3G、Wifi上網(wǎng)的手機(jī)用戶(hù)量分別為57%、30.4%、28.6%，大半用戶(hù)還是在用低速網(wǎng)絡(luò)上網(wǎng)，即使是3G用戶(hù)，也常常因?yàn)榫W(wǎng)絡(luò)狀況不好而遭遇上網(wǎng)速度慢。融合手機(jī)特性。智能手機(jī)帶來(lái)諸多便利，用戶(hù)可以直接在網(wǎng)頁(yè)上撥打電話(huà)、顯示電子地圖定位、進(jìn)行一鍵社交分享、下載安裝手機(jī)應(yīng)用等。

2 移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)的設(shè)計(jì)原則

2.1 要為移動(dòng)端的頁(yè)面做好優(yōu)化

建設(shè)PC網(wǎng)站不需要考慮流量問(wèn)題，所以通過(guò)PC網(wǎng)站展示的圖文內(nèi)容會(huì)非常豐富，說(shuō)明也會(huì)非常詳細(xì)，而包括手機(jī)在內(nèi)的移動(dòng)網(wǎng)站則需要考慮載體和流量的問(wèn)題，所以移動(dòng)網(wǎng)站的內(nèi)容是以簡(jiǎn)潔、精煉、明了為主，不僅要確保PC網(wǎng)站的內(nèi)容不變，還需提煉PC網(wǎng)站上的精華，讓訪客一目了然。

2.2 要為移動(dòng)端做好多點(diǎn)觸控優(yōu)化

為按鈕、菜單標(biāo)簽、鏈接等可點(diǎn)擊界面元素設(shè)置合適的大小，界面元素之間設(shè)置合適的間距。參考蘋(píng)果、谷歌、微軟、諾基亞各自的設(shè)計(jì)規(guī)范，可點(diǎn)擊界面元素在屏幕上的實(shí)際顯示尺寸不應(yīng)小于9毫米、間距不應(yīng)小于2毫米?？梢哉?qǐng)手指比較粗的男生和美甲的女生進(jìn)行測(cè)試。不要用較小的文字鏈接作為重要的功能或內(nèi)容入口，不要密集的堆放文字鏈接，不要將重要的可點(diǎn)擊界面元素做的過(guò)小、或放置在太過(guò)于靠近屏幕角落或邊緣的地方（不易點(diǎn)擊）。

2.3 要為移動(dòng)端的屏幕做好優(yōu)化

移動(dòng)網(wǎng)頁(yè)要盡可能的速度快，就必須壓縮移動(dòng)網(wǎng)頁(yè)的大小，為移動(dòng)網(wǎng)頁(yè)提供專(zhuān)門(mén)的小尺寸、經(jīng)過(guò)壓縮的圖片內(nèi)容，盡可能減少背景圖和小動(dòng)畫(huà)等裝飾性、但在手機(jī)上效果不佳的圖片素材的使用，使手機(jī)網(wǎng)頁(yè)能夠更快的加載。用分步下載、提示加載狀態(tài)等方式，使用戶(hù)感覺(jué)網(wǎng)頁(yè)加載很快，在等待的過(guò)程中有事可做，或至少讓他們安心等待。不要直接使用電腦網(wǎng)頁(yè)的大圖，不要讓頁(yè)面內(nèi)容太多、加載緩慢，不要等到整個(gè)頁(yè)面完全加載以后才顯示給用戶(hù)，不要在網(wǎng)頁(yè)上使用手機(jī)瀏覽器不支持的內(nèi)容、代碼或插件，導(dǎo)致部分網(wǎng)頁(yè)示出錯(cuò)或顯示。

2.4 要重新規(guī)劃移動(dòng)頁(yè)面的顯示形式

手機(jī)網(wǎng)頁(yè)上沒(méi)有鼠標(biāo)懸停的狀態(tài)，并且屏幕空間有限，無(wú)法像在電腦網(wǎng)頁(yè)上那樣同時(shí)看到多層、豐富的導(dǎo)航內(nèi)容。手機(jī)網(wǎng)頁(yè)上的導(dǎo)航以?xún)蓪右詢(xún)?nèi)為宜，每層的導(dǎo)航內(nèi)容以一屏之內(nèi)可以顯示為宜，導(dǎo)航的形式以縱向排列或者九宮格圖標(biāo)排列為宜，復(fù)雜網(wǎng)站可以加入搜索功能。手機(jī)用戶(hù)希望快速解決問(wèn)題，所以盡可能直接展示給他們具體內(nèi)容，而不是強(qiáng)制他們必須通過(guò)導(dǎo)航選擇。不要使用鼠標(biāo)懸停功能，不要在手機(jī)網(wǎng)頁(yè)的導(dǎo)航上使用過(guò)多的內(nèi)容和層級(jí)，不要把在手機(jī)上重要的導(dǎo)航隱藏或顯示在屏幕以外。

2.5 要充分利用移動(dòng)端的特性

允許用戶(hù)直接在網(wǎng)頁(yè)上撥打電話(huà)可以顯著提升轉(zhuǎn)化率，并且中國(guó)用戶(hù)更習(xí)慣于在電話(huà)中與人溝通，而不是通過(guò)填表與機(jī)器溝通；顯示電子地圖和用戶(hù)的定位信息，能幫助用戶(hù)更加直觀的了解周?chē)闆r，并進(jìn)行位置導(dǎo)航；向用戶(hù)提供分享的內(nèi)容并鼓勵(lì)用戶(hù)進(jìn)行一鍵社交分享，能幫你贏得更多的客戶(hù)；在頁(yè)面提供下載安裝你的手機(jī)應(yīng)用的鏈接，能增加手機(jī)應(yīng)用的曝光度。不要顯示電話(huà)號(hào)碼卻不能直接撥打，顯示地圖卻只是一張圖片，放置社交分享鏈接卻不考慮向用戶(hù)提供適合分享的內(nèi)容。

2.6 盡量少使用彈出窗口的頁(yè)面

在中國(guó)，點(diǎn)擊鏈接彈出新窗口的做法比較常見(jiàn)；但是因?yàn)樵谑謾C(jī)上進(jìn)行多窗口操作比較困難，而且往往在多窗口切換的時(shí)候還會(huì)導(dǎo)致頁(yè)面重新載入和等待，應(yīng)盡可能避免在手機(jī)上不必要的彈出新窗口。不要使用彈窗廣告、浮動(dòng)窗口廣告等。

2.7 要注意各種顏色在移動(dòng)端上的顯示效果

手機(jī)設(shè)備眾多、對(duì)顏色的顯示效果各不相同，并且手機(jī)使用的光線環(huán)境復(fù)雜，要注意使網(wǎng)頁(yè)內(nèi)容具有合適的視覺(jué)對(duì)比度（比如深色背景、淺色文字，或淺色背景、深色文字），以便閱讀；要注意顏色顯示色差帶來(lái)的負(fù)面影響。不要以電腦上的視覺(jué)效果為準(zhǔn)，必須在手機(jī)上測(cè)試效果，尤其是在不同價(jià)位、不同品牌的手機(jī)上測(cè)試。

2.8 要注意文字在移動(dòng)手機(jī)上的顯示效果

不同操作系統(tǒng)、不同品牌的手機(jī)往往內(nèi)置不同的字體、擁有不同范圍的字符集，需要確認(rèn)網(wǎng)頁(yè)文字所選用的字體、以及所用的文字是否能正常顯示，尤其是繁體中文、特殊字符的內(nèi)容。另外，文字內(nèi)容盡可能精簡(jiǎn)，也會(huì)更適合手機(jī)閱讀。不要默認(rèn)文字在手機(jī)上和電腦上顯示的效果會(huì)一樣。不要認(rèn)為用戶(hù)一定會(huì)有耐心在手機(jī)上讀一大段的文字、并從中看到你認(rèn)為重要的關(guān)鍵內(nèi)容。

2.9 要使手機(jī)和pc頁(yè)面保持視覺(jué)感官的一致性

可以為手機(jī)網(wǎng)頁(yè)做特別的、或符合手機(jī)操作系統(tǒng)規(guī)范的設(shè)計(jì)調(diào)整，但是必須讓手機(jī)和pc網(wǎng)頁(yè)保持視覺(jué)設(shè)計(jì)的一致性，以使用戶(hù)獲得一致的品牌印象，以及延續(xù)對(duì)網(wǎng)頁(yè)功能和內(nèi)容的整體認(rèn)知、無(wú)需重新學(xué)習(xí)或?qū)ふ?。不要在手機(jī)和電腦網(wǎng)頁(yè)上使用不同的視覺(jué)設(shè)計(jì)風(fēng)格，分裂用戶(hù)印象和認(rèn)知。

2.10 要考慮跨平臺(tái)的跳轉(zhuǎn)。

有的高校同時(shí)擁有pc、wap、微信應(yīng)用，分別對(duì)應(yīng)不同的用戶(hù)使用情景，就需要考慮用戶(hù)在這幾個(gè)不同平臺(tái)對(duì)應(yīng)的產(chǎn)品之間跳轉(zhuǎn)時(shí)的體驗(yàn)。不要讓重要的功能在不同載體產(chǎn)品上的使用體驗(yàn)非常不同、甚至缺失，不要限制用戶(hù)停留在手機(jī)網(wǎng)頁(yè)上、而不能跳轉(zhuǎn)到體驗(yàn)和功能更豐富的手機(jī)應(yīng)用上。

3 結(jié)束語(yǔ)

總之，移動(dòng)建站需要考慮各個(gè)方面的因素，應(yīng)該根據(jù)高校的需求做出適當(dāng)?shù)恼{(diào)整，做出適合各個(gè)高校的移動(dòng)網(wǎng)頁(yè)，需要各個(gè)部門(mén)的共同努力，提高用戶(hù)的體驗(yàn)度。

作者簡(jiǎn)介

駱海玉（1981-），男，河南省南陽(yáng)市人，大學(xué)本科學(xué)歷?，F(xiàn)為南陽(yáng)醫(yī)學(xué)高等專(zhuān)科學(xué)校助理工程師，主要從事學(xué)校校園網(wǎng)的建設(shè)及維護(hù)工作。

作者單位

南陽(yáng)醫(yī)學(xué)高等專(zhuān)科學(xué)校網(wǎng)絡(luò)中心 河南省南陽(yáng)市 473000