據(jù)統(tǒng)計(jì),目前很多職業(yè)的手機(jī)端流量份額已經(jīng)到達(dá)60~80%。手機(jī)網(wǎng)站建造已成為企業(yè)網(wǎng)絡(luò)推行布局的重點(diǎn)項(xiàng)目。一個(gè)好的移動(dòng)端網(wǎng)站布局應(yīng)該是簡(jiǎn)潔明了、風(fēng)格獨(dú)特,這樣有利于網(wǎng)站的用戶體會(huì)度,添加用戶的好感度。
通常來(lái)說(shuō),手機(jī)網(wǎng)站頁(yè)面不主張?zhí)L(zhǎng),文字內(nèi)容也應(yīng)該精簡(jiǎn),盡可能的削減特效。關(guān)于手機(jī)網(wǎng)站而言,承載量是關(guān)鍵,一般站在體會(huì)者的角度主張寬是滿屏不要存在橫向滑動(dòng)欄,高度到達(dá)8~10個(gè)屏幕高度就很合適!
在制造手機(jī)網(wǎng)站頁(yè)面的時(shí)分,先確定一個(gè)安全寬度,然后把重要的信息控制在適當(dāng)?shù)膶挾葍?nèi),安全寬度與擴(kuò)展區(qū)域讓頁(yè)面習(xí)慣主流分辨率,一般主張以自習(xí)慣寬度100%或采用常用的640寬度。
圖片有很強(qiáng)的視覺(jué)效果,關(guān)于手機(jī)用戶來(lái)說(shuō),如果一個(gè)頁(yè)面加載時(shí)間超越5秒,70%的用戶會(huì)選擇封閉網(wǎng)站,所以圖片要控制好大小,即使圖片分辨率再大,手機(jī)端的屏幕寬度一般也不會(huì)超越640PX。
目前PC站與移動(dòng)站裝備方法主要有三種:跳轉(zhuǎn)適配、代碼適配、自習(xí)慣。有條件的狀況下,我們主張采用自習(xí)慣的方法是搭建站點(diǎn)。這樣能夠做到URL共同,用戶體會(huì)更好。
跳轉(zhuǎn)適配是運(yùn)用獨(dú)自的網(wǎng)址向每種設(shè)備提供不同的代碼。這種裝備會(huì)測(cè)驗(yàn)檢測(cè)用戶所運(yùn)用的設(shè)備或ua,然后運(yùn)用 HTTP 重定向和 Vary HTTP 標(biāo)頭重定向到相應(yīng)的頁(yè)面。
代碼適配是運(yùn)用相同的網(wǎng)址(不考慮用戶所運(yùn)用的設(shè)備),但會(huì)根據(jù)服務(wù)器對(duì)用戶所用瀏覽器的了解(ua),針對(duì)不同設(shè)備類型生成不同版本的 HTML。
自習(xí)慣是經(jīng)過(guò)同一網(wǎng)址提供相同 HTML 代碼。不考慮用戶所運(yùn)用的設(shè)備(pc、平板電腦、移動(dòng)設(shè)備),但能夠根據(jù)屏幕尺度以不同方法呈現(xiàn)(即習(xí)慣)顯現(xiàn)屏。
最終,手機(jī)網(wǎng)站上線前要針對(duì)多個(gè)瀏覽器進(jìn)行兼容性測(cè)試,常用的有UC、360、QQ、Safari、百度等瀏覽器,避免網(wǎng)站在某些瀏覽器上呈現(xiàn)網(wǎng)頁(yè)變形、內(nèi)容顯現(xiàn)不全的狀況。 |