實(shí)戰(zhàn)：優(yōu)化移動(dòng)登錄頁(yè)的12個(gè)提示

實(shí)戰(zhàn)：優(yōu)化移動(dòng)登錄頁(yè)的12個(gè)提示

優(yōu)化桌面的著陸頁(yè)是個(gè)技術(shù)活，你需要確保所有有吸引力的內(nèi)容和喚起行動(dòng)按鈕可見(jiàn)。而當(dāng)你要把這些內(nèi)容賽到小小的智能手機(jī)屏幕中時(shí)，這個(gè)問(wèn)題就變得更加顯著了。因?yàn)橐苿?dòng)用戶會(huì)更加沒(méi)有耐心，因此你要確保他們通過(guò)盡可能少的點(diǎn)擊就能獲得相關(guān)的內(nèi)容。下面是你在設(shè)計(jì)移動(dòng)登陸頁(yè)時(shí)應(yīng)該參考的一些信息。當(dāng)然真正對(duì)你有用的登陸頁(yè)應(yīng)該來(lái)自你不斷的用戶測(cè)試：如果你的移動(dòng)站點(diǎn)設(shè)計(jì)得當(dāng)，這個(gè)不應(yīng)該成為問(wèn)題，用戶沒(méi)有興趣通過(guò)縮放來(lái)找到核心的內(nèi)容。要讓用戶縮放帶來(lái)的不僅是糟糕的用戶體驗(yàn)，還意味著你的內(nèi)容和喚起行動(dòng)按鈕需要用戶的憐憫才能活著。最好確保你的站點(diǎn)一開(kāi)始就能很少適應(yīng)屏幕在瀏覽網(wǎng)頁(yè)時(shí)，用戶橫向，縱向?yàn)g覽頁(yè)面都是非常普遍的，確保你的站點(diǎn)適應(yīng)這個(gè)變化，并能提供一致性的用戶體驗(yàn)。在移動(dòng)屏幕中，空間緊缺，所以確保文字，背景顏色對(duì)比要明顯，這樣就不會(huì)模糊。這對(duì)于喚起行動(dòng)按鈕尤為重要，這些內(nèi)容需要可視化能吸引用戶的注意力。在移動(dòng)屏幕中，內(nèi)容很容易顯得擁擠，所以登陸頁(yè)的內(nèi)容要減到剩下關(guān)鍵內(nèi)容。你沒(méi)有空間通過(guò)長(zhǎng)篇大論去打動(dòng)用戶，所以確保內(nèi)容關(guān)鍵并直入主題。想想你想要達(dá)成的目標(biāo)，確保用戶完成必要?jiǎng)幼鞯牟襟E明顯，使用明顯較大的按鈕。下面這兩個(gè)例子的好壞立馬對(duì)比出來(lái)研究顯示64%的智能手機(jī)用戶想要網(wǎng)頁(yè)在4秒內(nèi)打開(kāi)，82%的人不希望超過(guò)5秒。因此你要確保你的頁(yè)面加載速度快，要知道很多用戶還在用3G。去掉任何不必要的內(nèi)容，如大的圖像或Flash，可以加快速度。如果你還想著iOS用戶，最好不要在你的移動(dòng)站點(diǎn)上使用Flash根據(jù)Google的調(diào)研，61%的手機(jī)用戶在本地搜索后撥打電話，那么何不方便他們。移動(dòng)搜索用戶手上有電話，添加點(diǎn)擊呼叫按鈕能夠增加他們跟你溝通的可能性。要讓用戶在瀏覽網(wǎng)站時(shí)非常舒適，所有的喚起行動(dòng)按鈕需要大到可以輕松點(diǎn)擊。一個(gè)44×44的按鈕一般來(lái)說(shuō)足夠適應(yīng)多數(shù)人的手指點(diǎn)擊，但你也要確保這個(gè)按鈕周圍有足夠的空間以避免誤點(diǎn)擊。40%的移動(dòng)搜索都有本地意圖，因此網(wǎng)站的設(shè)計(jì)要滿足這種需求，這意味著可以提供諸如尋找附近的商店，點(diǎn)擊撥打電話這樣的按鈕。盡管在登錄頁(yè)面提供聯(lián)系的詳情和營(yíng)業(yè)時(shí)間并非必須，但這些信息應(yīng)該只需要鼠標(biāo)點(diǎn)擊幾次就能獲得。餐廳連鎖可以提供餐廳定位工具，下面就是例子如果你的登陸頁(yè)想獲取