通常我們做好電腦端,，還得做手機(jī)端的適配，畢竟手機(jī)的瀏覽屏幕沒有電腦那么寬,，也不方便打開多個頁面同時瀏覽,，如果直接把電腦的版式放到手機(jī)上來看，就會造成一些兼容性問題,，頁面顯示不全,，文字很小，用戶手機(jī)體驗(yàn)幾乎為零,。

如何做好手機(jī)端的適配問題,，需要做哪些準(zhǔn)備工作？

做好以下這6點(diǎn),，你的手機(jī)網(wǎng)站用戶體驗(yàn)會提高一大截：

1,、移動端導(dǎo)航設(shè)計

2、整站營銷頁面結(jié)構(gòu)

3,、規(guī)劃好布局設(shè)計

4,、靈活的交互設(shè)計

5、移動網(wǎng)站加載問題

6,、做好PC端和移動端之間的切換

移動端導(dǎo)航設(shè)計

網(wǎng)站導(dǎo)航是對用戶的引導(dǎo),，移動端導(dǎo)航的設(shè)計,，既要顯眼容易點(diǎn)擊，又不擋住主要內(nèi)容展示,。比較流行的做法是采用展開收縮的方式,，以圖標(biāo)式+簡要文字說明濃縮在頁面的頭部,，用戶點(diǎn)擊的時候才全屏展開詳細(xì)的欄目結(jié)構(gòu),，這樣就節(jié)省了很多空間，也方便用戶快速找到想要的內(nèi)容信息,。

整站營銷頁面結(jié)構(gòu)

手機(jī)端不會自動打開一個新的窗口頁面,，應(yīng)盡量減少手機(jī)端的頁面層級，方便用戶返回原來的頁面,，切換自如,。一個標(biāo)準(zhǔn)的企業(yè)展示手機(jī)站點(diǎn)應(yīng)該包含首頁、列表頁和詳情頁三種類型,，頁面層級一般不超過3層,，提升用戶瀏覽體驗(yàn)。

相近的頁面內(nèi)容可以合并到一個欄目頁面,，以減少不必要的跳轉(zhuǎn)等待,，比如關(guān)于我們可能包含了公司簡介、資質(zhì),、公司文化之類的信息,，可以把他們合并在一個頁面展示，而不是建立多個頁面,。

規(guī)劃好布局設(shè)計

手機(jī)網(wǎng)站設(shè)計 在布局方面,，根據(jù)自身產(chǎn)品特性，可以采用一排兩個或者三個的放,，對瀏覽者來看是比較方便的,，一排放的太多太擠，太少又太空洞,，都不是最佳的布局方案,。新聞可以采用左圖右文的結(jié)構(gòu)排列，圖片占屏幕的三分之一,，凸顯標(biāo)題文字內(nèi)容,。

如果你還不是很熟悉手機(jī)端設(shè)計這塊，在布局上盡量避免采用不規(guī)則的布局,，雖然在電腦端上看起來比較新穎有個性,，但是手機(jī)端屏幕小，看起來就會比較奇怪,。

靈活的交互設(shè)計

手機(jī)網(wǎng)站建設(shè) 最注重頁面之間的交互設(shè)計,，合理的設(shè)置按鈕銜接跳轉(zhuǎn),，保持這種交互能夠增加用戶的停留。

移動網(wǎng)站加載問題

手機(jī)端的網(wǎng)絡(luò)可能沒有電腦端速度那么快,，因此要嚴(yán)格把控頁面的內(nèi)容,。如果網(wǎng)站打開過慢，超過5秒就需要整站營銷一下頁面的加載了,。

首先要壓縮手機(jī)端的圖片,，不能直接搬用電腦站的圖片。圖片大小盡量控制在100KB以內(nèi),。

其次減少頁面模塊動畫的使用,。使用動效能讓網(wǎng)站更加靈動，但是手機(jī)端應(yīng)盡量減少,，因?yàn)樗鼤绊戫撁娴募虞d,，大量的動畫會使得整個頁面變得卡頓，尤其在配置沒有那么高的手機(jī)上瀏覽,，這種卡頓會更加明顯,。

做好PC端和移動端之間的切換

對于很多用戶來說，習(xí)慣于PC端之間的瀏覽和用戶,，因此我們在設(shè)置和整站營銷移動端頁面就需要注重移動端和PC端切換保持正常的進(jìn)行,，讓用戶在PC端和移動端暢通無阻的瀏覽。