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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.6 盡量少使用彈出窗口的頁面

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

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

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

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

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

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

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

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

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

3 結(jié)束語

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

作者簡介

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

作者單位

南陽醫(yī)學(xué)高等?？茖W(xué)校網(wǎng)絡(luò)中心 河南省南陽市 473000