移動(dòng)終端是一項應用于互聯(lián)網(wǎng)的主要設備, 其中包括了手機、平板電腦、筆記本、POS機等, 在互聯(lián)網(wǎng)運行中發(fā)揮重要作用。近幾年, 移動(dòng)設備的全面普及, 用戶(hù)對瀏覽Web頁(yè)面提出更高要求, 為滿(mǎn)足人們的需求, 移動(dòng)終端的網(wǎng)頁(yè)設計逐漸得到優(yōu)化, 移動(dòng)終端瀏覽模式越發(fā)快捷、便利。
1 移動(dòng)終端的頁(yè)面布局方式
在移動(dòng)終端網(wǎng)頁(yè)設計中, 其頁(yè)面布局方式主要有以下幾種:拍扁式、手風(fēng)琴式、棋盤(pán)式。其中, 拍扁式主要是將主流頁(yè)面分為三欄布局, 布局比例為1∶2∶1, 導航欄在頁(yè)面的頂端, 排列順序以區塊重要性進(jìn)行排列, 文章以標題形式顯示, 頁(yè)尾處有返回頂端的設計。手風(fēng)琴式, 該種頁(yè)面布局下, 人們在打開(kāi)移動(dòng)終端瀏覽器時(shí), 僅能看到一個(gè)簡(jiǎn)單摘要, 后續內容可層層展開(kāi), 便于用戶(hù)觀(guān)看更多、更詳細的信息。棋盤(pán)式網(wǎng)頁(yè), 在打開(kāi)網(wǎng)頁(yè)時(shí), 用戶(hù)能夠對頁(yè)面全局有整體了解, 并且, 用戶(hù)還可利用局部縮放功能, 便于用戶(hù)觀(guān)看瀏覽器的細節布置。其缺點(diǎn)在于, 若移動(dòng)終端屏幕較小, 當用戶(hù)收縮頁(yè)面時(shí), 難以看清屏幕文字。
2 移動(dòng)終端網(wǎng)頁(yè)設計的優(yōu)化原則
2.1 精簡(jiǎn)原則
須知, 移動(dòng)終端因其的移動(dòng)性, 為滿(mǎn)足用戶(hù)需求, 所使用的網(wǎng)絡(luò )為無(wú)線(xiàn)網(wǎng)絡(luò ), 帶寬普遍低于有線(xiàn)網(wǎng)絡(luò )的帶寬;所使用的屏幕普遍小于固定終端設備的屏幕, 尤其是人們越來(lái)越依賴(lài)的智能手機, 其屏幕明顯小于PC機、平板、筆記本等, 因此, 在為智能手機設計并優(yōu)化頁(yè)面時(shí), 必須遵循精簡(jiǎn)原則, 突出主要內容, 力求一目了然。
2.2 兼容性原則
近年來(lái), 移動(dòng)終端市場(chǎng)需求不斷擴大, 加入該行業(yè)的企業(yè)越來(lái)越多, 各種不同品牌的筆記本、智能手機等在硬件配置與軟件設計上存在較大差異, 然而, 一款設計好的網(wǎng)頁(yè), 想要保障其廣泛應用, 兼容性非常重要。
2.3 避免彈窗
對于多數移動(dòng)終端用戶(hù)來(lái)講, 在瀏覽器搜索中, 彈窗已經(jīng)成為多數人煩惱的問(wèn)題, 因為, 彈窗不僅會(huì )帶來(lái)額外的等待時(shí)間, 還會(huì )造成多余的流量消耗, 因此, 若在瀏覽網(wǎng)頁(yè)時(shí)存在大量彈窗, 極易影響用戶(hù)對網(wǎng)頁(yè)的整體印象。對此, 在移動(dòng)終端網(wǎng)頁(yè)設計優(yōu)化中, 應添加攔截自動(dòng)彈窗的相關(guān)軟件。
2.4 優(yōu)化搜索引擎
在網(wǎng)頁(yè)設計的優(yōu)化中, 應重視搜索引擎的優(yōu)化。第一, 設計人員應對搜索引擎的響應速度進(jìn)行優(yōu)化, 降低用戶(hù)等待時(shí)間;第二, 搜索內容應進(jìn)行分類(lèi), 如在首頁(yè)上, 設計人員可加入meta標簽或者關(guān)鍵詞, 將用戶(hù)可能搜索的內容分門(mén)別類(lèi), 如新聞、視頻、購物等, 以保障用戶(hù)在搜索過(guò)程中快速尋找到所需要的信息。
2.5 觸屏設計優(yōu)化
目前, 我國移動(dòng)終端設備大多引進(jìn)了觸屏設計, 尤其是平板電腦、智能手機等, 同樣, 人們對觸屏的靈敏性提出更高要求。因此, 觸屏設計中, 設計人員應重視這一點(diǎn), 優(yōu)化觸屏的靈敏性。另外, 因觸屏網(wǎng)頁(yè)與依靠鼠標的網(wǎng)頁(yè)不同, 觸屏網(wǎng)頁(yè)設計中, 應使其結構扁平化, 翻頁(yè)、連接的響應區域較大, 突出編輯區域等, 便于用戶(hù)觸屏操作。
3 移動(dòng)終端的網(wǎng)頁(yè)的設計優(yōu)化
隨著(zhù)移動(dòng)終端的普及, 得益于其便利性與快捷性, 網(wǎng)上沖浪的用戶(hù)不斷增多, 人們對移動(dòng)終端的依賴(lài)性不斷增強。在移動(dòng)終端普及的幾年間, 可以發(fā)現, 移動(dòng)終端已經(jīng)改變人們的生活, 為門(mén)戶(hù)帶來(lái)諸多好處, “一部手機, 行走天下”已經(jīng)不是夢(mèng)。但是, 在移動(dòng)終端應用時(shí), 引起與網(wǎng)絡(luò )相互連接, 互聯(lián)網(wǎng)上的復雜內容, 影響了移動(dòng)終端網(wǎng)頁(yè)的響應速度、流量消耗等, 對此, 優(yōu)化移動(dòng)終端網(wǎng)頁(yè)設計成為重點(diǎn)。
3.1 用戶(hù)信息采集模塊的設計
新形勢下, 市場(chǎng)競爭越發(fā)激烈, 為在市場(chǎng)上立于不敗之地, 移動(dòng)終端的網(wǎng)頁(yè)設計優(yōu)化應重視個(gè)性化, 通過(guò)“與眾不同”吸引用戶(hù), 之后, 通過(guò)便利的網(wǎng)頁(yè)搜索模式, 快捷的響應速度, 較小的流量消耗等留住用戶(hù)。
在網(wǎng)頁(yè)設計中, 設計者應加強用戶(hù)信息采集模塊設計。因為, 用戶(hù)采集系統能夠將用戶(hù)瀏覽信息記錄, 并通過(guò)分析, 判斷用戶(hù)感興趣的內容, 并為用戶(hù)顯示類(lèi)似內容, 提高網(wǎng)頁(yè)的服務(wù)性能, 吸引用戶(hù)進(jìn)入網(wǎng)頁(yè)瀏覽。因為, 當用戶(hù)利用瀏覽器輸入信息, 訪(fǎng)問(wèn)頁(yè)面時(shí), 網(wǎng)頁(yè)會(huì )自動(dòng)記錄用戶(hù)的瀏覽信息, 并通過(guò)歷史信息反映用戶(hù)該段時(shí)間感興趣的內容。用戶(hù)信息庫的基本流程如下:其一, 用戶(hù)輸入信息或關(guān)鍵詞, 網(wǎng)頁(yè)通過(guò)用戶(hù)輸入的信息搜索與其相關(guān)的內容, 并響應用戶(hù)請求。其二, 用戶(hù)歷史記錄信息。通過(guò)觀(guān)看一個(gè)用戶(hù)在一段時(shí)間內的歷史記錄, 就能夠了解用戶(hù)關(guān)注重點(diǎn), 尤其是用戶(hù)收藏的內容, 更能反映用戶(hù)興趣所在。
3.2 預處理模塊設計
用戶(hù)信息采集模塊, 所采集到的信息都是用戶(hù)因自身行為產(chǎn)生的各類(lèi)信息, 但是, 行為信息并不標準, 若不對用戶(hù)行為信息進(jìn)行規范, 極易影響網(wǎng)頁(yè)的后續運行。對此, 制定標準化的文本格式, 將用戶(hù)行為信息進(jìn)行處理, 是網(wǎng)頁(yè)必不可少的一項功能。因此, 應重視預處理模塊的制定與優(yōu)化。
為推動(dòng)移動(dòng)終端網(wǎng)頁(yè)的良好運轉, 在信息系統設計中, 應重視預處理模塊的設計。信息預處理模塊, 位于系統中央, 接收用戶(hù)行為數據, 并對信息進(jìn)行處理, 將信息模式轉化為標準化文本, 并產(chǎn)出數據, 為后續建立用戶(hù)興趣庫做準備。
預處理模塊由三個(gè)子模塊構成, 分別是頁(yè)面抓取、文本內容提取、關(guān)鍵字提取。頁(yè)面抓取的主要功用是讀取用戶(hù)信息庫中儲存的行為信息, 分析用戶(hù)興趣所在, 抓取相對應的頁(yè)面。文本內容提取, 其主要功能是將抓取到的頁(yè)面信息進(jìn)行過(guò)濾, 去除不相關(guān)的信息, 提取與頁(yè)面主題相關(guān)聯(lián)的內容, 并將其以文本文件的形式保存至數據庫, 便于用戶(hù)觀(guān)看與查找。關(guān)鍵字提取, 該項子功能模塊會(huì )將用戶(hù)行為信息進(jìn)行分詞, 將文本中的內容以詞條形式顯示, 并計算每個(gè)詞條的重要性, 依此排序, 選出與詞條相關(guān)的內容。
3.3 頁(yè)面分割模塊的設計
在移動(dòng)終端日常應用中, 搜索功能一直是網(wǎng)頁(yè)不可或缺的一種功能, 移動(dòng)終端網(wǎng)頁(yè)的優(yōu)化, 必須保留搜索功能, 甚至優(yōu)化搜索功能, 以此吸引更多用戶(hù)瀏覽網(wǎng)站。諸多用戶(hù)幾乎每天都會(huì )利用搜索功能查找心儀產(chǎn)品、信息資料等, 因此, 可將搜索功能放置在網(wǎng)頁(yè)頂部。另外, 網(wǎng)絡(luò )擁有巨量資料, 當用戶(hù)查找信息時(shí), 通常會(huì )出現大量的信息, 而移動(dòng)終端的屏幕較小, 網(wǎng)頁(yè)所顯示的內容有限, 用戶(hù)往往需要不停地滾動(dòng)屏幕, 才能找到所需要的信息, 影響了信息查找的便捷性。對此, 設計者應對頁(yè)面信息進(jìn)行設計優(yōu)化。頁(yè)面分割是一種有效的方法, 其應用在保證了語(yǔ)義信息完整性的同時(shí), 將網(wǎng)頁(yè)頁(yè)面分割, 并根據移動(dòng)終端屏幕進(jìn)行合并, 便于用戶(hù)的查詢(xún)。