手機網頁建設網頁設計

發布：2019-03-10 13:16:16 瀏覽：5259

移動終端是一項應用于互聯網的主要設備,其中包括了手機、平板電腦、筆記本、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頁面分割模塊的設計

在移動終端日常應用中,搜索功能一直是網頁不可或缺的一種功能,移動終端網頁的優化,必須保留搜索功能,甚至優化搜索功能,以此吸引更多用戶瀏覽網站。諸多用戶幾乎每天都會利用搜索功能查找心儀產品、信息資料等,因此,可將搜索功能放置在網頁頂部。另外,網絡擁有巨量資料,當用戶查找信息時,通常會出現大量的信息,而移動終端的屏幕較小,網頁所顯示的內容有限,用戶往往需要不停地滾動屏幕,才能找到所需要的信息,影響了信息查找的便捷性。對此,設計者應對頁面信息進行設計優化。頁面分割是一種有效的方法,其應用在保證了語義信息完整性的同時,將網頁頁面分割,并根據移動終端屏幕進行合并,便于用戶的查詢。