咱們先問(wèn)自己幾個(gè)扎心的問(wèn)題：現(xiàn)在打開(kāi)自己公司的網(wǎng)站，用手機(jī)刷刷看：
頁(yè)面是不是得手動(dòng)放大縮小才能看清字？
圖片是不是半天加載不出來(lái)，或者比例都亂了？
點(diǎn)個(gè)按鈕是不是感覺(jué)手指頭太粗，總誤觸旁邊？
滑動(dòng)起來(lái)是不是一頓一頓，感覺(jué)特別慢？
如果你的回答里有幾個(gè)“是”，那不好意思，你可能正在勸退一多半的用戶。因?yàn)楝F(xiàn)在大部分人都是用手機(jī)上網(wǎng)的，網(wǎng)站做不好手機(jī)端，就像開(kāi)店不打掃衛(wèi)生，東西再好，顧客進(jìn)門就想走。
簡(jiǎn)單說(shuō)，就是讓你在電腦上做的網(wǎng)站，能在各種大小、各種型號(hào)的手機(jī)屏幕上，都看著舒服、用著順手。
這不是簡(jiǎn)單的把電腦版網(wǎng)站按比例縮小就完事了。手機(jī)屏幕窄、操作靠手指、網(wǎng)絡(luò)環(huán)境多變，這都需要專門的設(shè)計(jì)和調(diào)整。
第一，速度是第一生命線
沒(méi)人愿意等。在手機(jī)上，耐心更少。
壓縮圖片：別把電腦上的大圖直接扔到手機(jī)站上，用專門的工具壓縮，清晰度夠用就行。
簡(jiǎn)化代碼：清理沒(méi)用的代碼，能加快加載速度。
考慮“懶加載”：先加載用戶能看到的內(nèi)容，下面的等用戶滑下去再加載，別一次性全堆上來(lái)。
挑個(gè)靠譜的服務(wù)商：服務(wù)器響應(yīng)快不快，對(duì)速度影響巨大。
第二，布局要“手指友好”
手指不是鼠標(biāo)，操作精度低。
按鈕做大點(diǎn)：別設(shè)計(jì)得太小太密，免得用戶點(diǎn)不中，著急。
留夠間距：內(nèi)容之間、段落之間，留出足夠的空白，看著不擠，點(diǎn)起來(lái)也不容易出錯(cuò)。
簡(jiǎn)化導(dǎo)航：電腦上那一排復(fù)雜的菜單，在手機(jī)上最好收起來(lái)，變成清晰明了的“漢堡包”菜單（三條橫線那種圖標(biāo)）。
字體用對(duì)：字號(hào)不能太小，默認(rèn)起碼要保證在手機(jī)上不用放大就能輕松閱讀。
第三，內(nèi)容要“直給”
手機(jī)屏幕小，用戶注意力短。
突出重點(diǎn)：把用戶最關(guān)心的信息（比如產(chǎn)品核心賣點(diǎn)、聯(lián)系方式、行動(dòng)按鈕）放在最顯眼的位置。
精簡(jiǎn)文字：段落要短，多用小標(biāo)題、列表，讓人一眼掃過(guò)去就能抓住重點(diǎn)。
優(yōu)化表單：如果需要用戶填表，能少一欄是一欄。盡量用下拉選擇代替手動(dòng)輸入，自動(dòng)調(diào)起手機(jī)的數(shù)字鍵盤或郵箱鍵盤。
第四，交互要符合手機(jī)習(xí)慣
別讓用戶覺(jué)得別扭。
可以左右滑的圖（輪播圖），要容易操作，指示清晰。
能用滑動(dòng)解決的問(wèn)題，就別非讓用戶去點(diǎn)一個(gè)很小的按鈕。
別用Flash之類的東西，很多手機(jī)根本不支持。
第五，別忘記測(cè)試！
這是最實(shí)在的一步。
別只用最新款的手機(jī)測(cè)。找?guī)着_(tái)不同牌子、不同尺寸、不同系統(tǒng)的舊手機(jī)，真機(jī)上去劃一劃、點(diǎn)一點(diǎn)。
在不同的網(wǎng)絡(luò)環(huán)境下（比如用4G、用稍慢的WiFi）都試試，看看加載速度怎么樣。
把手機(jī)橫過(guò)來(lái)（橫屏）看看，布局會(huì)不會(huì)亂掉。
它考驗(yàn)的是，你是不是真的在乎用戶在手機(jī)上的感受。一個(gè)加載飛快、瀏覽順暢、操作輕松的手機(jī)網(wǎng)站，傳遞出的信息是：“我尊重你的時(shí)間和體驗(yàn)，我的產(chǎn)品/服務(wù)也值得你信賴。”
現(xiàn)在就去用手機(jī)打開(kāi)你自己的網(wǎng)站，像個(gè)挑剔的用戶一樣用上五分鐘。每一個(gè)讓你皺眉、讓你等待、讓你找不到地方的瞬間，都是一個(gè)需要立刻記下來(lái)的優(yōu)化點(diǎn)。
這件事沒(méi)有“做完”的時(shí)候，因?yàn)榧夹g(shù)和用戶習(xí)慣總在變。但把它當(dāng)成一個(gè)持續(xù)改進(jìn)的過(guò)程，你的網(wǎng)站才能真正抓住移動(dòng)時(shí)代里，那些最重要的流量和人心。
聯(lián)系電話題-1.jpg)