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