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

彭芳

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

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

中圖分類號：TP393 文獻標識碼：A 文章編號：1672-3791（2018）06（a）-0016-02

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

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

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

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

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

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

2.2 自動彈窗設計不夠合理

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

2.3 對目標終端屏幕特征掌握不夠

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

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

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

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

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

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

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

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

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

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

4 結(jié)語

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

參考文獻

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

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

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

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

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

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