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