使用(yòng)移動設備已成為(wèi)當今人(rén)們生(shēng)活中不(bù)可(kě)或缺的(de)一(yī)部分(fēn)，他(tā)們習(xí)慣于在移動設備上(shàng)獲取信息β和(hé)購(gòu)物(wù)。因此，企業(yè)的(de)重心逐漸向移動方面轉移，移動網站(zhàn)的(de)建設迫在眉睫。
移動網站(zhàn)建設的(de)地(dì)位越來(lái)越重要(yào)。對(duì)于移動網站(zhàn)的(de)優化(huà)，它與PC網站( zhàn)的(de)優化(huà)既有(yǒu)相(xiàng)似之處，也(yě)有(yǒu)不(bù)同之處。在優化(huà)過程中，特别重要(yào)的(de<)是(shì)要(yào)注意內(nèi)容規劃策略。那(nà)麽，在構建移動網站(zhàn)時(shí)需要(yào)注意哪些(xiē)關鍵細₹節？建立移動網站(zhàn)的(de)技(jì)巧是(shì)什(shén)麽？
一(yī).獨立優化(huà)移動網站(zhàn)
移動網站(zhàn)的(de)建設與PC網站(zhàn)的(de)建設不(bù)同，因此在設計(jì)網站(zhàn)時(shí)，我們需要(yào)保¥持導航功能(néng)的(de)使用(yòng)，按鈕的(de)設計(jì)不(bù)應局限于PC端的(de)一(yī)些(xiē)設計(jì)經驗。
我們需要(yào)使用(yòng)專業(yè)的(de)移動技(jì)術(shù)來(lái)構建移動網站(zhà≈n)或保持與PC端完全不(bù)同的(de)體(tǐ)驗，并通(tōng)過更多(duō)地(dì)關注移動↓端用(yòng)戶的(de)體(tǐ)驗來(lái)優化(huà)移動網站(zhàn)。
二.構建移動網站(zhàn)時(shí)要(yào)考慮的(de)關鍵細節
1.導航模塊
移動台所需的(de)導航模塊。導航必須以明(míng)确和(hé)簡潔的(de)方式解釋這(zhè)一(yī)類别下(xià)的(de)內(nèi)容。還(hái)必須強調整個(gè)網站(>zhàn)導航按鈕和(hé)搜索模塊的(de)使用(yòng)，同時(shí)注意按鈕的(de)大(dà)小(xiǎo)。建議(yì)适合點擊手指✘，不(bù)應小(xiǎo)于32px*32px。
2.明(míng)确的(de)層次結構
移動網站(zhàn)應注意網頁設計(jì)，特别是(shì)層次結構，并應控制(zhì)在2-4個(gè)層次。建議(yì)使用(yòng)2-3級結構，通(tōng)常由主頁↕+詳細信息頁、主頁+列表頁+詳細信息頁組成。
3.字體(tǐ)大(dà)小(xiǎo)和(hé)字體(tǐ)
字體(tǐ)大(dà)小(xiǎo)直接影(yǐng)響用(yòng)戶的(de)浏覽行(xíng)為(wèi)，必須嚴格限制(zhì)字體(tǐ)大(dà)小(xiǎo)。一(y₽ī)般來(lái)說(shuō)，建議(yì)使用(yòng)Microsoft Black或Song，其次，使用(yòng)較少(sh≈ǎo)的(de)組合字體(tǐ)。
此外(wài)，字體(tǐ)的(de)顔色必須與背景形成鮮明(míng)對(duì)比，字體(tǐ)大(dà)小(xiǎo)必須易于閱®讀(dú)。必須為(wèi)每個(gè)設備設置自(zì)适應規則。建議(yì)：在主頁上(shàng)使用(yòng)14PX-18PX，♥在詳細信息頁上(shàng)使用(yòng)14PX-16PX。
4.頁面長(cháng)度和(hé)寬度
移動網頁的(de)長(cháng)度和(hé)寬度很(hěn)重要(yào)，而且能(néng)夠适應π各種移動設備的(de)屏幕并将其居中對(duì)齊。該頁面的(de)長(cháng)度和(hé)寬度÷适中，無需水(shuǐ)平滾動即可(kě)清晰可(kě)見(jiàn)，無需擴展視(shì)圖內(nèi)容。
測試環境建議(yì)：480*800和(hé)640*960像素屏幕
5.浏覽器(qì)支持
移動網站(zhàn)的(de)建設必須考慮支持各種移動設備浏覽器(qì)。目前，主要(yào)浏覽器(qì)有(yǒu)UC浏覽器(qì)、百度浏覽器(qì)、QQ浏覽器(qì)、Saf'ari浏覽器(qì)等。
6.設計(jì)方法
在設計(jì)或內(nèi)容設計(jì)過程中，重點将突出，主頁必須承擔重要(yào)信息的(de)類别導航和∑(hé)提示功能(néng)。主要(yào)模塊應包括橫幅焦點、類别導航、轉換工(gōng)具模塊等。
特别是(shì)要(yào)注意轉換工(gōng)具模塊的(de)輸出，如(rú)在線查詢、電(diàn)話(huà)查詢、在線留言等。這(zhè)些(xiē)模塊以'浮動方式顯示在移動網站(zhàn)的(de)底部，方便用(yòng)戶及時(shí)與企業(yè)溝通(tōng)，獲得(de)更多(duō)查詢。
7.主要(yào)內(nèi)容策略
在內(nèi)容策略方面，有(yǒu)必要(yào)考慮用(yòng)戶的(de)行(xíng)為(wèi)和(hé)浏覽習(xí)慣，這(zhè)與PC網站(zhàn)不(bù)同。在移動網站(zhàn)上(shàng)移動內(nèi)容時(shí)，建議(yì)控制(zhì)用(yòng)戶查看(kàn)的(de)下(xiàα)拉屏幕數(shù)量，建議(yì)範圍為(wèi)1-3個(gè)屏幕。
當然，有(yǒu)時(shí)為(wèi)了(le)突出重要(yào)信息，文(wén)本中有(yǒu)很(hěn)多(duō)內(nèi)容，考慮到(dào)有(yǒu)圖像和(hé®)真相(xiàng)，建議(yì)使用(yòng)截圖模式。
三.簡化(huà)操作(zuò)
在移動網站(zhàn)優化(huà)技(jì)術(shù)中，為(wèi)移動網站(zhàn)設置按鈕和(hé)滾動需要(yào)簡單實用(yòng)。将它們放(fàng)§在可(kě)見(jiàn)的(de)位置，以方便用(yòng)戶主動觸發它們。但(dàn)前提不(bù)應妨礙正常頁面。
手機(jī)在電(diàn)腦(nǎo)上(shàng)沒有(yǒu)方便的(de)鼠标和(hé)鍵盤操作(zuò)，因此操&作(zuò)過程必須簡化(huà)網站(zhàn)的(de)操作(zuò)。例如(rú)，當您打開(kāi)一(yī)個(gè)新頁面時(shí)，建議(yì)您在當前頁♠面上(shàng)打開(kāi)它，而不(bù)是(shì)通(tōng)過新窗(chuāng)口打開(kāi)它。
四.使網站(zhàn)設計(jì)盡可(kě)能(néng)簡單
由于手機(jī)固有(yǒu)的(de)局限性，充電(diàn)時(shí)間(jiān)比電(diàn)腦(nǎo)慢(màn)得(de)多(₽duō)。如(rú)果頁面包含大(dà)量內(nèi)容和(hé)圖像，加載時(shí)間(jiān)将非常緩慢(màn)。如(rú)果用(yòng)戶≈必須花(huā)很(hěn)長(cháng)時(shí)間(jiān)打開(kāi)它，他(tā)們将選擇直接離(líσ)開(kāi)，這(zhè)将導緻用(yòng)戶流失。
特别是(shì)在導航設計(jì)上(shàng)，要(yào)簡潔明(míng)了(le)，吸引用(yòng)戶深入網站(zhàn)。然而，網站(zhàn)★內(nèi)容的(de)構建必須簡潔明(míng)了(le)，而移動網站(zhàn)內(nèi)容豐富的(de)構建則不(bù)适λ用(yòng)。
特别是(shì)，不(bù)要(yào)設置彈出窗(chuāng)口，無論是(shì)連接的(de)對(duì)話(huà)框還(hái)是(shì)廣告，因為(wèi)這(zhè)不(bù)僅會(huì)影(yǐng)響加載速度，還(hái)會(huì)影(yǐng)響用(yòng)戶的(de)導航體(tǐ)驗。
五.注意視(shì)覺效果
高(gāo)質量的(de)高(gāo)清晰度材料：簡而言之，移動設備對(duì)材料的(de)要(yào)求很(hěn)高(gāo)，移動頁∞面的(de)優化(huà)需要(yào)高(gāo)清晰度材料來(lái)擴大(dà)與競争對(duì)手的(de)差距。
與電(diàn)腦(nǎo)相(xiàng)比，手機(jī)屏幕更小(xiǎo)，尺寸不(bù)同，分(fēn)辨率不(bù)同。
因此，在設計(jì)移動網站(zhàn)時(shí)，我們必須選擇響應性的(de)網站(zhàn)設¶計(jì)來(lái)改善用(yòng)戶體(tǐ)驗。當用(yòng)戶浏覽和(hé)離(lí)開(kāi)網站(zhàn)時(shí₽)，擁擠的(de)內(nèi)容和(hé)耀眼的(de)顔色可(kě)能(néng)會(huì)造成視(Ωshì)覺污染。
六.搜索框處于重要(yào)位置
在浏覽購(gòu)物(wù)中心網站(zhàn)時(shí)，很(hěn)容易在PC上(shàng)放(fàng)大(dà)和(hé)縮小(xi✔ǎo)圖像，但(dàn)在移動端則變得(de)困難。因此，在移動優化(huà)中，有(yǒu)必要(yào)保持文(wén)本、圖像和(hé→)頁面寬度的(de)合理(lǐ)配置，以方便用(yòng)戶訪問(wèn)移動網站(zhàn)的(de)內(nèi)容信±息。
移動網站(zhàn)的(de)優化(huà)是(shì)基于用(yòng)戶的(de)行(xíng)為(wèi)來(láiδ)改善用(yòng)戶體(tǐ)驗，并通(tōng)過一(yī)些(xiē)詳細的(de)設置使用(yò'ng)戶的(de)導航更加方便！
七.形象合理(lǐ)配置
在手機(jī)上(shàng)浏覽網站(zhàn)時(shí)，操作(zuò)和(hé)導航的(de)便利性可(kě)能(♠néng)會(huì)受到(dào)限制(zhì)。自(zì)适應設計(jì)确保了(le)包括圖像在內(nèi)的(de)屏幕的(de)适應性。
然而，有(yǒu)必要(yào)确保圖像的(de)清晰度，因此建議(yì)使用(yòng)通(tōng)用(yòng)©縮放(fàng)方法來(lái)确保圖像質量。移動網站(zhàn)的(de)設計(jì)必須最大(dà)限度地(dì)減少(shǎo)圖像的(de)使用(yòng)。
八.發展重點
目前，有(yǒu)兩種類型的(de)智能(néng)手機(jī)系統：蘋果和(hé)Android。由于這(zhè)兩個(gè)系統之間(jiān)的(®de)差異，必須開(kāi)發兩個(gè)版本的(de)移動網站(zhàn)來(lái)适應這(zhè)種情況。
如(rú)果一(yī)家(jiā)公司想要(yào)更好(hǎo)地(dì)發展，它必須跟上(shàng)互聯網時(shí)代，為(wèi)自(zì)己的(de)公司創建一(yī)個(gè)移動網站(zhàn)。
使用(yòng)手機(jī)訪問(wèn)個(gè)人(rén)電(diàn)腦(nǎo)網站(zhàn)不(bù)僅是(shì)一(yī)種糟糕的(de)體(tǐ)驗，而且還(hái)會(huì)增加流量，這(zhè)不(b®ù)會(huì)留住用(yòng)戶，也(yě)不(bù)會(huì)幫助企業(yè)成長(cháng)。
