移動端網(wǎng)頁設(shè)計(jì)常見問題和技巧研究

彭芳

摘 要：互聯(lián)網(wǎng)時代的到來，加快了移動端網(wǎng)頁設(shè)計(jì)的發(fā)展速度，新時期下需要積極了解移動終端網(wǎng)頁設(shè)計(jì)工作的特殊性，積極掌握網(wǎng)頁設(shè)計(jì)技術(shù)。構(gòu)建移動終端網(wǎng)頁設(shè)計(jì)適配測試平臺，有效解決了移動端網(wǎng)頁設(shè)計(jì)常見問題。文章以移動端網(wǎng)頁設(shè)計(jì)為例，主要針對目前移動端網(wǎng)頁設(shè)計(jì)常見問題以及解決技巧進(jìn)行具體分析，以此方式促進(jìn)移動端網(wǎng)頁設(shè)計(jì)行業(yè)的穩(wěn)定發(fā)展。

關(guān)鍵詞：移動端網(wǎng)頁設(shè)計(jì) 常見問題 技巧研究

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1672-3791（2018）06（a）-0016-02

積極調(diào)查我國移動端網(wǎng)頁設(shè)計(jì)現(xiàn)狀，了解移動終端網(wǎng)頁設(shè)計(jì)技術(shù)的優(yōu)勢，強(qiáng)化移動端網(wǎng)頁設(shè)計(jì)技術(shù)效果，嚴(yán)格執(zhí)行科學(xué)有效的任務(wù)，掌握網(wǎng)頁設(shè)計(jì)技術(shù)。在智能手機(jī)不斷普及的情況下，移動終端成為人們獲取信息的主要渠道，積極進(jìn)行移動終端訪問，更好的進(jìn)行移動終端網(wǎng)頁設(shè)計(jì)實(shí)踐，從此來提高移動端網(wǎng)頁設(shè)計(jì)水平[1]。對移動網(wǎng)頁進(jìn)行無障礙設(shè)計(jì)，明確互聯(lián)網(wǎng)環(huán)境，積極了解移動終端網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn)。大力推進(jìn)網(wǎng)頁設(shè)計(jì)系統(tǒng)建設(shè)，促進(jìn)了網(wǎng)絡(luò)信息的及時傳遞，站在技術(shù)設(shè)計(jì)的角度來指導(dǎo)移動終端網(wǎng)頁設(shè)計(jì)工作，促進(jìn)了移動設(shè)備的有效運(yùn)用和普及，推動了移動網(wǎng)絡(luò)技術(shù)的健康發(fā)展，注重觸屏操作，更多的了解客戶需求，有效拓展移動終端的信息獲取渠道。

1 移動端網(wǎng)頁設(shè)計(jì)的必要性

科技研發(fā)部門推出了移動終端操作系統(tǒng)，實(shí)現(xiàn)了對其源代碼的開放式共享，其技術(shù)的關(guān)鍵是內(nèi)核代碼和上層接口，因此移動終端系統(tǒng)得到了迅速發(fā)展，同時得到廣大用戶喜愛。現(xiàn)如今移動終端操作系統(tǒng)較為復(fù)雜，鑒于當(dāng)前在移動終端網(wǎng)頁設(shè)計(jì)中出現(xiàn)的諸多問題，只有強(qiáng)化網(wǎng)頁設(shè)計(jì)，提高移動終端系統(tǒng)的設(shè)計(jì)能力才能滿足新時期下用戶的個性化需求。目前移動終端市場競爭環(huán)境復(fù)雜，網(wǎng)頁設(shè)計(jì)行業(yè)之間的競爭尤為激烈，一些移動終端廠商已經(jīng)遭到投訴[2]。為了促進(jìn)移動終端的國際化發(fā)展，需要強(qiáng)化移動端網(wǎng)頁設(shè)計(jì)，積極借助第三方檢測機(jī)構(gòu)來測試移動端網(wǎng)頁設(shè)計(jì)能力，更好的規(guī)范了市場，提高了移動終端的適配能力，促進(jìn)系統(tǒng)穩(wěn)定，便于用戶安裝，給用戶帶來了個性化體驗(yàn)。

2 移動端網(wǎng)頁設(shè)計(jì)常見問題的相關(guān)分析

2.1 沒有遵循網(wǎng)頁設(shè)計(jì)基本原則

在移動終端網(wǎng)頁設(shè)計(jì)環(huán)節(jié)要積極體現(xiàn)精簡原則，在頁面設(shè)計(jì)中要盡量做到重點(diǎn)突出、精簡，這樣的設(shè)計(jì)才能更好的滿足用戶的個性化要求，提升網(wǎng)頁瀏覽的便捷性和畫面感，給用戶帶來不同的視覺體驗(yàn)。然而，當(dāng)前在移動終端網(wǎng)頁設(shè)計(jì)的過程中相關(guān)人員沒有嚴(yán)格按照標(biāo)準(zhǔn)流程進(jìn)行設(shè)計(jì)，設(shè)計(jì)重點(diǎn)不突出，不夠精簡，手機(jī)屏幕尺寸偏大，這給用戶造成了諸多不便，網(wǎng)頁瀏覽起來不方便，網(wǎng)頁相應(yīng)內(nèi)容不夠簡明扼要[3]。

2.2 自動彈窗設(shè)計(jì)不夠合理

用戶在網(wǎng)頁瀏覽的過程中，網(wǎng)頁自動彈窗，用戶等待時間過長，從而導(dǎo)致了流量消耗過多，這使得用戶的滿意度降低，不利于移動終端網(wǎng)頁設(shè)計(jì)工作的更好發(fā)展。

2.3 對目標(biāo)終端屏幕特征掌握不夠

在移動終端網(wǎng)頁設(shè)計(jì)的過程中相關(guān)人員一定要積極了解目標(biāo)終端屏幕特征。然而在實(shí)際工作中，設(shè)計(jì)人員卻沒有做到這點(diǎn)，對目標(biāo)終端屏幕特征的了解不夠，頁面渲染效果受到瀏覽器像素寬度的影響。多數(shù)用戶都經(jīng)常使用豎屏手機(jī)，而平板電腦是橫屏使用的，因此，實(shí)際設(shè)計(jì)中由于沒有考慮到這點(diǎn)，導(dǎo)致了用戶頁面的渲染效果受到了一定影響，對分辨率范圍的劃分不夠合理，沒有考慮到移動終端不同，相應(yīng)的屏幕分辨率就會不同。

3 移動端網(wǎng)頁設(shè)計(jì)的技巧研究

3.1 了解移動終端網(wǎng)頁設(shè)計(jì)的功能需求

在用戶界面設(shè)計(jì)環(huán)節(jié)，需要合理設(shè)計(jì)任務(wù)列表、任務(wù)創(chuàng)建頁、任務(wù)詳情、設(shè)備列表、反饋頁等多項(xiàng)設(shè)計(jì)，因此要求相應(yīng)的設(shè)計(jì)人員要及時為用戶提供任務(wù)必要信息，便于用戶操作，提高用戶對移動終端網(wǎng)頁設(shè)計(jì)的滿意度。在任務(wù)創(chuàng)建頁還包括了任務(wù)內(nèi)容、任務(wù)名稱、終端分辨率、執(zhí)行條件、瀏覽器安裝、終端廠商等內(nèi)容，要對屏幕分辨率、廠商、瀏覽器等作出合理選擇，只有這樣才能提高網(wǎng)頁設(shè)計(jì)的有效性，最終選用了最佳設(shè)備[4]。任務(wù)列表是為用戶提供了暫停、刪除、修改、查看等多項(xiàng)頁面功能選項(xiàng)，對每個任務(wù)的執(zhí)行結(jié)果進(jìn)行科學(xué)嚴(yán)格的審查，將系統(tǒng)功能通過率的檢測結(jié)果顯示出來，大大提升了頁面的流暢性。在任務(wù)詳情里還設(shè)置有執(zhí)行結(jié)果審核入口，將相應(yīng)設(shè)備的任務(wù)網(wǎng)頁截圖及時顯示在瀏覽器上，便于進(jìn)行審核結(jié)果統(tǒng)計(jì)，有效減少用戶在頁面的等待時間[5]。

3.2 加大移動終端網(wǎng)頁設(shè)計(jì)的功能測試力度

對于移動終端客戶需要加大對系統(tǒng)的開發(fā)力度，用戶自動獲取相應(yīng)測試任務(wù)，利用任務(wù)選擇瀏覽器來進(jìn)行系統(tǒng)測試，促進(jìn)頁面觸發(fā)，積極對服務(wù)器的運(yùn)行狀態(tài)和設(shè)備信息進(jìn)行有效測試，提高網(wǎng)頁瀏覽速度，給用戶操作頁面提供更多便利。任務(wù)服務(wù)器功能進(jìn)行測試，需要向客戶端提供不同接口功能，如：客戶端運(yùn)行狀態(tài)、客戶端下發(fā)任務(wù)測試、客戶端上傳測試等，更好的確保了設(shè)備信息流暢，用戶可以利用服務(wù)器直接對前臺頁面信息進(jìn)行修改。加大了功能測試力度，大大提升了移動終端網(wǎng)頁設(shè)計(jì)功能的完善性。

3.3 考慮客戶端系統(tǒng)的兼容性

在移動終端系統(tǒng)更新環(huán)節(jié)，增加了移動開發(fā)應(yīng)用接口和關(guān)閉應(yīng)用接口，明確了用戶的權(quán)限。因?yàn)橐苿咏K端版本不同，為了避免程序兼容性差的問題，在網(wǎng)頁設(shè)計(jì)的過程中需要更多的考慮客戶端系統(tǒng)的兼容性。平臺借助移動終端自動化網(wǎng)頁適配測試功能來完提高客戶端系統(tǒng)的兼容性，積極提升系統(tǒng)的可拓展性，對于移動終端網(wǎng)頁設(shè)計(jì)工作來說，要想給用戶帶來全新體驗(yàn)，需要考慮客戶端系統(tǒng)的可拓展性，確?？蛻舳酥С诌m配測試，具有良好的拓展性，只有滿足這個條件才能有效提升移動終端的功能開發(fā)能力。

3.4 重視網(wǎng)頁優(yōu)化

在移動搜索市場，用戶需求呈現(xiàn)出了多樣化和個性化的趨勢，需要提高用戶服務(wù)的實(shí)時性，盡可能在最短時間內(nèi)出現(xiàn)多個搜索結(jié)果，提高移動終端的搜索查詢速度，在系統(tǒng)安全的前提下適當(dāng)增加查找關(guān)鍵詞的個數(shù)，同時不會受到搜索查詢字?jǐn)?shù)的限制。利用移動樣式表單將傳統(tǒng)的移動終端網(wǎng)頁轉(zhuǎn)化為移動設(shè)備可直接瀏覽的網(wǎng)頁，對移動端的網(wǎng)頁標(biāo)簽進(jìn)行實(shí)時優(yōu)化。比如在標(biāo)簽優(yōu)化環(huán)節(jié)，積極使用開放適配協(xié)議，在站點(diǎn)位置的源代碼頭部及時嵌入多行信息，利用移動客戶端系統(tǒng)來指明移動端對應(yīng)的手機(jī)頁[6]。利用描述標(biāo)簽來說明頁面的主體內(nèi)容，作為網(wǎng)頁內(nèi)容瀏覽的一個導(dǎo)向，提升移動用戶的使用體驗(yàn)，采用滑動切換來提高用戶操作的主動性，吸引更多用戶，有效增強(qiáng)了動畫效果，便于用戶在瀏覽頁面時進(jìn)行隨時切換。

4 結(jié)語

強(qiáng)化移動端網(wǎng)頁設(shè)計(jì)技術(shù)效果，嚴(yán)格執(zhí)行科學(xué)有效的任務(wù)，從而掌握移動終端網(wǎng)頁設(shè)計(jì)技術(shù)。更好的滿足用戶個性化要求，強(qiáng)化移動端網(wǎng)頁設(shè)計(jì)，促進(jìn)移動終端的國際化發(fā)展。了解移動終端網(wǎng)頁設(shè)計(jì)的功能需求，為用戶提供任務(wù)必要信息，便于用戶操作，提高用戶對移動終端網(wǎng)頁設(shè)計(jì)的滿意度。考慮客戶端系統(tǒng)的兼容性，重視網(wǎng)頁優(yōu)化，將傳統(tǒng)的移動終端網(wǎng)頁轉(zhuǎn)化為移動設(shè)備可直接瀏覽的網(wǎng)頁，實(shí)現(xiàn)了移動端網(wǎng)頁標(biāo)簽的合理優(yōu)化，增強(qiáng)動畫效果，提升了用戶滿意度。

參考文獻(xiàn)

[1] 王政達(dá).面向移動終端的網(wǎng)頁適配測試平臺的設(shè)計(jì)與實(shí)現(xiàn)[D].哈爾濱工業(yè)大學(xué)，2013.

[2] 趙壤，黎藝，鄧雪剛，等.基于HTML5+CSS3的政府網(wǎng)站移動前端設(shè)計(jì)[J].電子技術(shù)與軟件工程，2016（12）：11-12.

[3] 李一佳.移動端搜索結(jié)果頁自動優(yōu)化與優(yōu)選方案的設(shè)計(jì)與實(shí)現(xiàn)[D].北京交通大學(xué)，2014.

[4] 王維斐，李德英，李旭，等.基于政府網(wǎng)站的智能移動客戶端設(shè)計(jì)和分析[J].電子政務(wù)，2014（11）：104-110.

[5] 田地.支持移動終端的C語言在線編譯系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].信息通信，2015（1）：113-114.

[6] 吳振全.移動終端界面設(shè)計(jì)中的視覺元素表現(xiàn)[J].美術(shù)學(xué)報(bào)，2016（4）：108-111.