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

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

移動(dòng)終端是一項(xiàng)應(yīng)用于互聯(lián)網(wǎng)的主要設(shè)備,其中包括了手機(jī)、平板電腦、筆記本、POS機(jī)等,在互聯(lián)網(wǎng)運(yùn)行中發(fā)揮重要作用。近幾年,移動(dòng)設(shè)備的全面普及,用戶對瀏覽Web頁面提出更高要求,為滿足人們的需求,移動(dòng)終端的網(wǎng)頁設(shè)計(jì)逐漸得到優(yōu)化,移動(dòng)終端瀏覽模式越發(fā)快捷、便利。

1移動(dòng)終端的頁面布局方式

在移動(dòng)終端網(wǎng)頁設(shè)計(jì)中,其頁面布局方式主要有以下幾種:拍扁式、手風(fēng)琴式、棋盤式。其中,拍扁式主要是將主流頁面分為三欄布局,布局比例為1∶2∶1,導(dǎo)航欄在頁面的頂端,排列順序以區(qū)塊重要性進(jìn)行排列,文章以標(biāo)題形式顯示,頁尾處有返回頂端的設(shè)計(jì)。手風(fēng)琴式,該種頁面布局下,人們在打開移動(dòng)終端瀏覽器時(shí),僅能看到一個(gè)簡單摘要,后續(xù)內(nèi)容可層層展開,便于用戶觀看更多、更詳細(xì)的信息。棋盤式網(wǎng)頁,在打開網(wǎng)頁時(shí),用戶能夠?qū)撁嫒钟姓w了解,并且,用戶還可利用局部縮放功能,便于用戶觀看瀏覽器的細(xì)節(jié)布置。其缺點(diǎn)在于,若移動(dòng)終端屏幕較小,當(dāng)用戶收縮頁面時(shí),難以看清屏幕文字。

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

2.1精簡原則

須知,移動(dòng)終端因其的移動(dòng)性,為滿足用戶需求,所使用的網(wǎng)絡(luò)為無線網(wǎng)絡(luò),帶寬普遍低于有線網(wǎng)絡(luò)的帶寬;所使用的屏幕普遍小于固定終端設(shè)備的屏幕,尤其是人們越來越依賴的智能手機(jī),其屏幕明顯小于PC機(jī)、平板、筆記本等,因此,在為智能手機(jī)設(shè)計(jì)并優(yōu)化頁面時(shí),必須遵循精簡原則,突出主要內(nèi)容,力求一目了然。

2.2兼容性原則

近年來,移動(dòng)終端市場需求不斷擴(kuò)大,加入該行業(yè)的企業(yè)越來越多,各種不同品牌的筆記本、智能手機(jī)等在硬件配置與軟件設(shè)計(jì)上存在較大差異,然而,一款設(shè)計(jì)好的網(wǎng)頁,想要保障其廣泛應(yīng)用,兼容性非常重要。

2.3避免彈窗

對于多數(shù)移動(dòng)終端用戶來講,在瀏覽器搜索中,彈窗已經(jīng)成為多數(shù)人煩惱的問題,因?yàn)?彈窗不僅會(huì)帶來額外的等待時(shí)間,還會(huì)造成多余的流量消耗,因此,若在瀏覽網(wǎng)頁時(shí)存在大量彈窗,極易影響用戶對網(wǎng)頁的整體印象。對此,在移動(dòng)終端網(wǎng)頁設(shè)計(jì)優(yōu)化中,應(yīng)添加攔截自動(dòng)彈窗的相關(guān)軟件。

2.4優(yōu)化搜索引擎

在網(wǎng)頁設(shè)計(jì)的優(yōu)化中,應(yīng)重視搜索引擎的優(yōu)化。第一,設(shè)計(jì)人員應(yīng)對搜索引擎的響應(yīng)速度進(jìn)行優(yōu)化,降低用戶等待時(shí)間;第二,搜索內(nèi)容應(yīng)進(jìn)行分類,如在首頁上,設(shè)計(jì)人員可加入meta標(biāo)簽或者關(guān)鍵詞,將用戶可能搜索的內(nèi)容分門別類,如新聞、視頻、購物等,以保障用戶在搜索過程中快速尋找到所需要的信息。

2.5觸屏設(shè)計(jì)優(yōu)化

目前,我國移動(dòng)終端設(shè)備大多引進(jìn)了觸屏設(shè)計(jì),尤其是平板電腦、智能手機(jī)等,同樣,人們對觸屏的靈敏性提出更高要求。因此,觸屏設(shè)計(jì)中,設(shè)計(jì)人員應(yīng)重視這一點(diǎn),優(yōu)化觸屏的靈敏性。另外,因觸屏網(wǎng)頁與依靠鼠標(biāo)的網(wǎng)頁不同,觸屏網(wǎng)頁設(shè)計(jì)中,應(yīng)使其結(jié)構(gòu)扁平化,翻頁、連接的響應(yīng)區(qū)域較大,突出編輯區(qū)域等,便于用戶觸屏操作。

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

隨著移動(dòng)終端的普及,得益于其便利性與快捷性,網(wǎng)上沖浪的用戶不斷增多,人們對移動(dòng)終端的依賴性不斷增強(qiáng)。在移動(dòng)終端普及的幾年間,可以發(fā)現(xiàn),移動(dòng)終端已經(jīng)改變?nèi)藗兊纳?為門戶帶來諸多好處,“一部手機(jī),行走天下”已經(jīng)不是夢。但是,在移動(dòng)終端應(yīng)用時(shí),引起與網(wǎng)絡(luò)相互連接,互聯(lián)網(wǎng)上的復(fù)雜內(nèi)容,影響了移動(dòng)終端網(wǎng)頁的響應(yīng)速度、流量消耗等,對此,優(yōu)化移動(dòng)終端網(wǎng)頁設(shè)計(jì)成為重點(diǎn)。

3.1用戶信息采集模塊的設(shè)計(jì)

新形勢下,市場競爭越發(fā)激烈,為在市場上立于不敗之地,移動(dòng)終端的網(wǎng)頁設(shè)計(jì)優(yōu)化應(yīng)重視個(gè)性化,通過“與眾不同”吸引用戶,之后,通過便利的網(wǎng)頁搜索模式,快捷的響應(yīng)速度,較小的流量消耗等留住用戶。

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

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

用戶信息采集模塊,所采集到的信息都是用戶因自身行為產(chǎn)生的各類信息,但是,行為信息并不標(biāo)準(zhǔn),若不對用戶行為信息進(jìn)行規(guī)范,極易影響網(wǎng)頁的后續(xù)運(yùn)行。對此,制定標(biāo)準(zhǔn)化的文本格式,將用戶行為信息進(jìn)行處理,是網(wǎng)頁必不可少的一項(xiàng)功能。因此,應(yīng)重視預(yù)處理模塊的制定與優(yōu)化。

為推動(dòng)移動(dòng)終端網(wǎng)頁的良好運(yùn)轉(zhuǎn),在信息系統(tǒng)設(shè)計(jì)中,應(yīng)重視預(yù)處理模塊的設(shè)計(jì)。信息預(yù)處理模塊,位于系統(tǒng)中央,接收用戶行為數(shù)據(jù),并對信息進(jìn)行處理,將信息模式轉(zhuǎn)化為標(biāo)準(zhǔn)化文本,并產(chǎn)出數(shù)據(jù),為后續(xù)建立用戶興趣庫做準(zhǔn)備。

預(yù)處理模塊由三個(gè)子模塊構(gòu)成,分別是頁面抓取、文本內(nèi)容提取、關(guān)鍵字提取。頁面抓取的主要功用是讀取用戶信息庫中儲(chǔ)存的行為信息,分析用戶興趣所在,抓取相對應(yīng)的頁面。文本內(nèi)容提取,其主要功能是將抓取到的頁面信息進(jìn)行過濾,去除不相關(guān)的信息,提取與頁面主題相關(guān)聯(lián)的內(nèi)容,并將其以文本文件的形式保存至數(shù)據(jù)庫,便于用戶觀看與查找。關(guān)鍵字提取,該項(xiàng)子功能模塊會(huì)將用戶行為信息進(jìn)行分詞,將文本中的內(nèi)容以詞條形式顯示,并計(jì)算每個(gè)詞條的重要性,依此排序,選出與詞條相關(guān)的內(nèi)容。

3.3頁面分割模塊的設(shè)計(jì)

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