移動互聯(lián)背景下網(wǎng)頁設(shè)計分析

摘 要：隨著全球化時代的到來，互聯(lián)網(wǎng)為人類社會在各個領(lǐng)域的發(fā)展帶來了無比廣闊的空間。在現(xiàn)代人們的生活之中，互聯(lián)網(wǎng)已經(jīng)成為不可或缺的重要組成部分。由于智能手機與平板電腦的普及應(yīng)用，表明將有愈來愈多的人民群眾會通過移動設(shè)備訪問互聯(lián)網(wǎng)。4G網(wǎng)絡(luò)在生活中無所不在，已經(jīng)使移動互聯(lián)網(wǎng)成為社會熱點，而網(wǎng)頁設(shè)計作為網(wǎng)絡(luò)信息傳播的載體，也在潛移默化中有了更高的要求。本文就基于移動互聯(lián)網(wǎng)的背景下，對網(wǎng)頁設(shè)計如何給互聯(lián)網(wǎng)用戶更好的服務(wù)及體驗進行了分析。

關(guān)鍵詞：移動互聯(lián)網(wǎng)；4G；網(wǎng)頁設(shè)計；通訊產(chǎn)品；智能手機；平板電腦

通行設(shè)備性能與無線網(wǎng)絡(luò)通信速度的提升，以移動智能終端數(shù)量的快速增長為主要標(biāo)志，主要體現(xiàn)在智能手機和平板電腦在大眾生活中的出現(xiàn)。據(jù)中國工業(yè)和信息化部的研究與統(tǒng)計及互聯(lián)網(wǎng)應(yīng)用報告分析認(rèn)為，中國在全球互聯(lián)網(wǎng)世界中所扮演的角色，部分程度上是由其互聯(lián)網(wǎng)市場的規(guī)模所決定的。據(jù)研究顯示，2015年，中國移動互聯(lián)網(wǎng)用戶數(shù)預(yù)計達到了7.9億人，與2014年數(shù)量相比增長8.4%，增速呈現(xiàn)走低的趨勢，進入平穩(wěn)增長階段。2015年，中國移動互聯(lián)網(wǎng)市場規(guī)模達到23134.3億元，增幅達到72.2%。而2016年，移動互聯(lián)網(wǎng)整體將繼續(xù)保持高增長速度。雖然人口福利消失，但是基于商業(yè)模式的不斷創(chuàng)新，單用戶價值將呈現(xiàn)大幅提升的趨勢。預(yù)計在未來3～5年的時間里，移動互聯(lián)網(wǎng)規(guī)模將繼續(xù)保持高增長的速度。但是，每一項科學(xué)技術(shù)的發(fā)展都會帶來相關(guān)產(chǎn)業(yè)的變化，從互聯(lián)網(wǎng)到移動互聯(lián)網(wǎng)，體現(xiàn)在網(wǎng)絡(luò)速度得到飛速提高、網(wǎng)絡(luò)資費套餐更加優(yōu)惠。同時，擺脫了寬大固定的顯示屏和鍵盤鼠標(biāo)的局限，替代的是小巧方便的智能手機，易于攜帶的平板電腦以及各種各樣的袖珍終端。這樣，網(wǎng)頁設(shè)計作為網(wǎng)絡(luò)瀏覽的載體，在一定程度上也帶來了變化及要求。如何應(yīng)對及改造這一變化，成為移動互聯(lián)網(wǎng)中重要的問題。

1 移動互聯(lián)網(wǎng)當(dāng)前發(fā)展現(xiàn)狀

1.1 4G網(wǎng)絡(luò)的應(yīng)用推動了移動通信服務(wù)的發(fā)展

移動互聯(lián)網(wǎng)通信服務(wù)全世界得到了長足發(fā)展，而且發(fā)展勢頭十分迅猛，主要是通過4G網(wǎng)絡(luò)的推動。4G網(wǎng)絡(luò)，即移動通信系統(tǒng)的第四代產(chǎn)品，它的最大特點主要就是在通信容量上超大，在速度上超快，以及可在全球范圍內(nèi)實現(xiàn)自由對接、任意漫游。并且，能夠很好地處理圖像、聲頻和視頻，能夠以影視等各種多媒體形式來提供商務(wù)電話與視頻、電話會議及網(wǎng)頁瀏覽等信息服務(wù)。[1]所以，4G移動在生活中的廣泛應(yīng)用，給人們生活與工作帶來了便利，也有效地提高了移動互聯(lián)網(wǎng)的發(fā)展。

1.2 移動互聯(lián)網(wǎng)應(yīng)用的采用模式

在應(yīng)用的層面上，移動互聯(lián)網(wǎng)的業(yè)務(wù)在目前階段主要使用兩種應(yīng)用模式，其一為WAP方式。它所使用的是無線網(wǎng)絡(luò)應(yīng)用協(xié)議，其網(wǎng)站模式主要是針對手機電腦而設(shè)計的。移動終端與移動通信網(wǎng)絡(luò)二者的速率都有著自身的特點，固定互聯(lián)網(wǎng)就是依照它們的速率特點，從而設(shè)計出全新的適應(yīng)移動互聯(lián)網(wǎng)應(yīng)用的采用模式。在這個過程中也相應(yīng)地失去了一定的固定互聯(lián)網(wǎng)內(nèi)容。其二為Web方式。它所使用的是固定互聯(lián)網(wǎng)，將移動終端的速配完全輸進固定互聯(lián)網(wǎng)的內(nèi)容。它不需要再次開發(fā)網(wǎng)站內(nèi)容，只要通過移動客戶終端，使用移動瀏覽器就能夠?qū)崿F(xiàn)。目前所采用的兩種移動互聯(lián)網(wǎng)應(yīng)用模式，都可以滿足在互聯(lián)網(wǎng)中用戶實現(xiàn)網(wǎng)絡(luò)沖浪的需求。

2 移動互聯(lián)背景下網(wǎng)頁設(shè)計的可行性原則分析

2.1 明確目標(biāo)用戶群

在每一項產(chǎn)品設(shè)計中，最重要的是對目標(biāo)用戶群的確定。對移動互聯(lián)產(chǎn)品進行網(wǎng)頁設(shè)計。通常的慣性要求是以使用移動網(wǎng)絡(luò)用戶的需求為主要設(shè)計目標(biāo)，設(shè)計對象是移動手機電腦終端客戶群。因為利用手機上互聯(lián)網(wǎng)的用戶比使用電腦上互聯(lián)網(wǎng)的用戶數(shù)量多得多，所以在網(wǎng)頁設(shè)計上應(yīng)充分考慮到手機用戶的喜好特性，明確設(shè)計產(chǎn)品具體針對哪些用戶群，以達到事半功倍的效果。

2.2 了解應(yīng)用平臺的細(xì)節(jié)

由于網(wǎng)頁本身和外在的因素影響，在瀏覽網(wǎng)頁上呈現(xiàn)出的移動通訊產(chǎn)品具有一定的復(fù)雜性。所以，首先要掌握目標(biāo)應(yīng)用平臺的相關(guān)細(xì)節(jié)。一般來說，生產(chǎn)軟件或硬件的廠家會根據(jù)用戶的需要提供和介紹詳細(xì)的規(guī)范文檔，以便從中規(guī)范文檔中獲得自己所要求的目標(biāo)平臺信息，然后將所有不同的信息進行綜合處理，形成一種個性化的版本，這樣就提高了移動應(yīng)用的可用性。[2]

3 移動互聯(lián)產(chǎn)品在網(wǎng)頁設(shè)計上的具體策略

智能手機、平板電腦及各種移動互聯(lián)網(wǎng)的載體，為了使用戶方便攜帶及被充分利用，需要挖掘出一些使用功能。例如，功能的多方面改造提升，需要提高產(chǎn)品價格；尺寸的大小變化，要考慮到電池上的耐用問題。最重要而言，移動互聯(lián)網(wǎng)具有豐富而精彩的多媒體服務(wù)，這是受到終端客戶群青睞的重要原因。因此，要想使這些豐富的多媒體服務(wù)成為現(xiàn)實，在網(wǎng)頁設(shè)計上實行人性化設(shè)計是必不可少的。

3.1 改造舒適性整體

為了移動通訊產(chǎn)品能夠走進人們的現(xiàn)實生活中，并被廣泛地接受，首先要針對網(wǎng)頁設(shè)計在整體性上進行有效改造。一般來說，用戶在瀏覽網(wǎng)頁時都是處于隨機狀態(tài)或者是浮動狀態(tài)。因此，網(wǎng)站上所有的信息要達到迅速、準(zhǔn)確、容易、方便地被瀏覽或者被閱讀。所以，在網(wǎng)頁設(shè)計中要合理地規(guī)劃菜單和文本，盡可能地優(yōu)化圖片與內(nèi)容，把較大面積與分辨率縮小成手機或平板電腦的顯示屏中，避免由此造成各種不合理的縮放變化，為用戶打造一個舒適性的網(wǎng)頁整體。

3.2 精準(zhǔn)化內(nèi)容

利用最小的成本呈現(xiàn)最有價值的內(nèi)容，是對流量的節(jié)約，用戶體驗的改善，最直接的是為用戶省去不必要的費用。[3]網(wǎng)頁設(shè)計者可以從精簡頁面設(shè)計到導(dǎo)航與書簽功能，盡可能地幫助用戶避免不必要的文本信息輸入，縮減不必要的程序與功能，減少設(shè)計過深的多級菜單，以人性化與客戶滿意度為主要目標(biāo)，對呈現(xiàn)內(nèi)容盡量精準(zhǔn)化。

3.3 增添延續(xù)性操作

互聯(lián)網(wǎng)的發(fā)展十分迅速，由Web1.0發(fā)展到Web2.0，再由Web2.0發(fā)展到現(xiàn)在的Web3.0[4]，所用時間非常之短。Web1.0是互聯(lián)網(wǎng)的發(fā)展初期，使用的技術(shù)是靜態(tài)網(wǎng)頁開發(fā)技術(shù)，由于靜態(tài)網(wǎng)頁為互聯(lián)網(wǎng)的發(fā)展初期，交互性差是它的短板，但是它具有快速訪問的特點以及穩(wěn)定性強的特點。Web2.0的發(fā)展保存了Web1.0的優(yōu)點，而揚棄了它的交互性差的缺點，從而改善了Web1.0存在的漏洞，提高了網(wǎng)站與用戶的交互性，給新聞網(wǎng)站、博客和電子商務(wù)等帶來了便利，但是它的缺點是安全性能不高。隨著在傳統(tǒng)技術(shù)上的改造與發(fā)展，Web3.0改善了這些技術(shù)問題，并逐步完善了網(wǎng)絡(luò)體系。因此，移動科學(xué)技術(shù)的發(fā)展與更替，還是以傳統(tǒng)互聯(lián)網(wǎng)為基礎(chǔ)。現(xiàn)不少手機用戶仍然堅持著傳統(tǒng)的互聯(lián)網(wǎng)操作，所以在網(wǎng)頁設(shè)計上，最好延續(xù)傳統(tǒng)互聯(lián)網(wǎng)的特點，取其精華，去其糟粕，讓用戶能夠更快地熟悉移動通訊產(chǎn)品的新興上網(wǎng)功能，更快地與移動互聯(lián)網(wǎng)融合。

3.4 設(shè)計視覺要素

在網(wǎng)頁設(shè)計中，文字、色彩、圖形以及圖像是最為根本的視覺傳達元素。通過點、線、面構(gòu)成了立體基本形態(tài)，在交互中以瞬息萬變的視覺變化沖擊著受眾的眼球，從而形成了網(wǎng)頁設(shè)計的視覺語言。文字作為一種傳統(tǒng)的視覺符號，設(shè)計人員通過對復(fù)雜繁瑣的文字信息經(jīng)過精心處理變成簡單濃縮的特性，有利于改善客戶的心理體驗。

把文字信息逐步向圖形、圖像及色彩轉(zhuǎn)變。[5]隨著網(wǎng)絡(luò)的不斷發(fā)展，原本只能呈現(xiàn)單一文字的互聯(lián)網(wǎng)現(xiàn)在可以利用每一個栩栩如生的圖形和圖像進行顯示。并且，這些圖形和圖像所表達的信息量大大超過了任何文字的表述，從而使用戶在視覺上受到了強烈的沖擊。但因圖形圖像本身數(shù)據(jù)量占用空間及數(shù)據(jù)量較大，給用戶在時間上和流量上產(chǎn)生了不少的費用。因此，網(wǎng)頁設(shè)計要盡可能地減少使用色彩艷麗的圖像。這樣不但能夠使數(shù)據(jù)量的穩(wěn)定性得到有效的保證，而且又可保障圖形圖像的表達效果，提高設(shè)計程序的工作效率。

3.5 增加返回按鈕和鏈接

為用戶帶來更好的人性化服務(wù)及直觀體驗，最好在網(wǎng)頁上設(shè)計出返回按鈕，以及設(shè)置鏈接等。[6]由于一些智能手機和平板電腦其自身程序沒有設(shè)置返回按鈕，所以在設(shè)計的過程中盡量設(shè)置返回按鈕，以便為用戶提供更多的方便。由于在移動網(wǎng)站上進行輸入非常不方便，其難度較大。因此，在網(wǎng)頁設(shè)計過程中，應(yīng)當(dāng)向客戶給出單選按鈕及列表，這樣用戶就能夠根據(jù)自己意愿進行自由選擇。一般來說，移動設(shè)備屏幕面積尺寸都較小，用戶點擊鏈接時需要準(zhǔn)確地點擊，所以設(shè)計師可以使用以下方法：第一，要適當(dāng)?shù)卦O(shè)計出較大的字體；第二，在鏈接的周圍，應(yīng)當(dāng)設(shè)計出較大面積的留白；第三，要為鏈接加上下劃線及背景顏色，以方便移動設(shè)備用戶能更快地確認(rèn)他們點擊的鏈接內(nèi)容。

4 結(jié)語

通過對移動互聯(lián)網(wǎng)的使用，人民群眾的工作和生活變得更加豐富多彩、方便快捷。移動互聯(lián)網(wǎng)將成為一種嶄新的多功能平臺，它包括媒體信息服務(wù)、社會公共服務(wù)、電子商務(wù)以及生活娛樂等等。網(wǎng)頁設(shè)計技術(shù)必須緊跟科學(xué)時代的發(fā)展不斷改革創(chuàng)新，為移動互聯(lián)網(wǎng)服務(wù)。如今，移動互聯(lián)網(wǎng)已成為大眾獲得信息和生活交流的一種重要方式，對移動設(shè)備的網(wǎng)頁進行科學(xué)設(shè)計是時代的要求。移動通訊產(chǎn)品的網(wǎng)頁設(shè)計大大地提高了人民群眾的生活水平。

參考文獻：

[1] 梅倩.移動互聯(lián)網(wǎng)時代下的網(wǎng)頁設(shè)計[J].科技創(chuàng)新導(dǎo)報，2010（4）.

[2] 陸遠蓉，李曉婷.與職業(yè)能力對接的高職計算機課程開發(fā)探索——以《移動互聯(lián)網(wǎng)站設(shè)計》為例[J].九江職業(yè)技術(shù)學(xué)院學(xué)報，2014（2）.

[3] 陸遠蓉，李曉婷.基于工作過程系統(tǒng)化的《移動互聯(lián)網(wǎng)站設(shè)計》學(xué)習(xí)情境設(shè)計[J].當(dāng)代職業(yè)教育，2014（6）.

[4] 楊穎.高職“網(wǎng)頁設(shè)計與制作”課程教學(xué)改革探索[J].職教通訊，2015（18）.

[5] 周勝安，王圓.移動互聯(lián)網(wǎng)下的電子商務(wù)專業(yè)課程體系構(gòu)建[J].中國信息技術(shù)教育，2014（19）.

[6] 李歡.基于移動互聯(lián)的IM交互設(shè)計研究[D].北京交通大學(xué)，2013.

[7] 于淼.淺析網(wǎng)頁設(shè)計的發(fā)展趨勢[J].中國科技博覽，2011（14）.

[8] 劉守鵬.基于用戶體驗的移動互聯(lián)網(wǎng)網(wǎng)頁設(shè)計研究[J].大眾文藝，2012（5）.

作者簡介：翁立立（1975—），男，江蘇蘇州人，碩士，蘇州工藝美術(shù)職業(yè)技術(shù)學(xué)院視覺傳達系副教授。