手機(jī)網(wǎng)頁(yè)建設(shè)網(wǎng)頁(yè)設(shè)計(jì)

發(fā)布：2019-03-10 13:16:16 瀏覽：6202

移動(dòng)終端是一項(xiàng)應(yīng)用于互聯(lián)網(wǎng)的主要設(shè)備,其中包括了手機(jī)、平板電腦、筆記本、POS機(jī)等,在互聯(lián)網(wǎng)運(yùn)行中發(fā)揮重要作用。近幾年,移動(dòng)設(shè)備的全面普及,用戶(hù)對(duì)瀏覽Web頁(yè)面提出更高要求,為滿(mǎn)足人們的需求,移動(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)琴式、棋盤(pán)式。其中,拍扁式主要是將主流頁(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),便于用戶(hù)觀看更多、更詳細(xì)的信息。棋盤(pán)式網(wǎng)頁(yè),在打開(kāi)網(wǎng)頁(yè)時(shí),用戶(hù)能夠?qū)?yè)面全局有整體了解,并且,用戶(hù)還可利用局部縮放功能,便于用戶(hù)觀看瀏覽器的細(xì)節(jié)布置。其缺點(diǎn)在于,若移動(dòng)終端屏幕較小,當(dāng)用戶(hù)收縮頁(yè)面時(shí),難以看清屏幕文字。

2移動(dòng)終端網(wǎng)頁(yè)設(shè)計(jì)的優(yōu)化原則

2.1精簡(jiǎn)原則

須知,移動(dòng)終端因其的移動(dòng)性,為滿(mǎn)足用戶(hù)需求,所使用的網(wǎng)絡(luò)為無(wú)線網(wǎng)絡(luò),帶寬普遍低于有線網(wǎng)絡(luò)的帶寬;所使用的屏幕普遍小于固定終端設(shè)備的屏幕,尤其是人們?cè)絹?lái)越依賴(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)終端用戶(hù)來(lái)講,在瀏覽器搜索中,彈窗已經(jīng)成為多數(shù)人煩惱的問(wèn)題,因?yàn)?彈窗不僅會(huì)帶來(lái)額外的等待時(shí)間,還會(huì)造成多余的流量消耗,因此,若在瀏覽網(wǎng)頁(yè)時(shí)存在大量彈窗,極易影響用戶(hù)對(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)化,降低用戶(hù)等待時(shí)間;第二,搜索內(nèi)容應(yīng)進(jìn)行分類(lèi),如在首頁(yè)上,設(shè)計(jì)人員可加入meta標(biāo)簽或者關(guān)鍵詞,將用戶(hù)可能搜索的內(nèi)容分門(mén)別類(lèi),如新聞、視頻、購(gòu)物等,以保障用戶(hù)在搜索過(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ū)域等,便于用戶(hù)觸屏操作。

3移動(dòng)終端的網(wǎng)頁(yè)的設(shè)計(jì)優(yōu)化

隨著移動(dòng)終端的普及,得益于其便利性與快捷性,網(wǎng)上沖浪的用戶(hù)不斷增多,人們對(duì)移動(dòng)終端的依賴(lài)性不斷增強(qiáng)。在移動(dòng)終端普及的幾年間,可以發(fā)現(xiàn),移動(dòng)終端已經(jīng)改變?nèi)藗兊纳?為門(mén)戶(hù)帶來(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用戶(hù)信息采集模塊的設(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ò)“與眾不同”吸引用戶(hù),之后,通過(guò)便利的網(wǎng)頁(yè)搜索模式,快捷的響應(yīng)速度,較小的流量消耗等留住用戶(hù)。

在網(wǎng)頁(yè)設(shè)計(jì)中,設(shè)計(jì)者應(yīng)加強(qiáng)用戶(hù)信息采集模塊設(shè)計(jì)。因?yàn)?用戶(hù)采集系統(tǒng)能夠?qū)⒂脩?hù)瀏覽信息記錄,并通過(guò)分析,判斷用戶(hù)感興趣的內(nèi)容,并為用戶(hù)顯示類(lèi)似內(nèi)容,提高網(wǎng)頁(yè)的服務(wù)性能,吸引用戶(hù)進(jìn)入網(wǎng)頁(yè)瀏覽。因?yàn)?當(dāng)用戶(hù)利用瀏覽器輸入信息,訪問(wèn)頁(yè)面時(shí),網(wǎng)頁(yè)會(huì)自動(dòng)記錄用戶(hù)的瀏覽信息,并通過(guò)歷史信息反映用戶(hù)該段時(shí)間感興趣的內(nèi)容。用戶(hù)信息庫(kù)的基本流程如下:其一,用戶(hù)輸入信息或關(guān)鍵詞,網(wǎng)頁(yè)通過(guò)用戶(hù)輸入的信息搜索與其相關(guān)的內(nèi)容,并響應(yīng)用戶(hù)請(qǐng)求。其二,用戶(hù)歷史記錄信息。通過(guò)觀看一個(gè)用戶(hù)在一段時(shí)間內(nèi)的歷史記錄,就能夠了解用戶(hù)關(guān)注重點(diǎn),尤其是用戶(hù)收藏的內(nèi)容,更能反映用戶(hù)興趣所在。

3.2預(yù)處理模塊設(shè)計(jì)

用戶(hù)信息采集模塊,所采集到的信息都是用戶(hù)因自身行為產(chǎn)生的各類(lèi)信息,但是,行為信息并不標(biāo)準(zhǔn),若不對(duì)用戶(hù)行為信息進(jìn)行規(guī)范,極易影響網(wǎng)頁(yè)的后續(xù)運(yùn)行。對(duì)此,制定標(biāo)準(zhǔn)化的文本格式,將用戶(hù)行為信息進(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)中央,接收用戶(hù)行為數(shù)據(jù),并對(duì)信息進(jìn)行處理,將信息模式轉(zhuǎn)化為標(biāo)準(zhǔn)化文本,并產(chǎn)出數(shù)據(jù),為后續(xù)建立用戶(hù)興趣庫(kù)做準(zhǔn)備。

預(yù)處理模塊由三個(gè)子模塊構(gòu)成,分別是頁(yè)面抓取、文本內(nèi)容提取、關(guān)鍵字提取。頁(yè)面抓取的主要功用是讀取用戶(hù)信息庫(kù)中儲(chǔ)存的行為信息,分析用戶(hù)興趣所在,抓取相對(duì)應(yīng)的頁(yè)面。文本內(nèi)容提取,其主要功能是將抓取到的頁(yè)面信息進(jìn)行過(guò)濾,去除不相關(guān)的信息,提取與頁(yè)面主題相關(guān)聯(lián)的內(nèi)容,并將其以文本文件的形式保存至數(shù)據(jù)庫(kù),便于用戶(hù)觀看與查找。關(guān)鍵字提取,該項(xiàng)子功能模塊會(huì)將用戶(hù)行為信息進(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)化搜索功能,以此吸引更多用戶(hù)瀏覽網(wǎng)站。諸多用戶(hù)幾乎每天都會(huì)利用搜索功能查找心儀產(chǎn)品、信息資料等,因此,可將搜索功能放置在網(wǎng)頁(yè)頂部。另外,網(wǎng)絡(luò)擁有巨量資料,當(dāng)用戶(hù)查找信息時(shí),通常會(huì)出現(xiàn)大量的信息,而移動(dòng)終端的屏幕較小,網(wǎng)頁(yè)所顯示的內(nèi)容有限,用戶(hù)往往需要不停地滾動(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)行合并,便于用戶(hù)的查詢(xún)。