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