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