Nick Babich – 早在 2016 年的時(shí)候，移動端流量就已經超越桌面端成為(wèi)目前主流。根據Google UK 的研究，如今65%的英國成年人(rén)都以智能手機作(zuò)為(wèi)他們的主要上(shàng)網設備。

人(rén)們通(tōng)過移動端設備搜索信息，在線購物，使用移動端設備訂閱各種服務。用戶偏好上(shàng)的轉變推動着用戶期望發生(shēng)變化。現如今，絕大(dà)多(duō)數(shù)的用戶比以往更沒有(yǒu)耐心，當他們希望得(de)到某個(gè)東西的時(shí)候，通(tōng)常希望立刻能得(de)到，否則，他們會(huì)迅速離開(kāi)，選擇其他的方案。

在如今的移動端産品當中，加載緩慢，登錄艱難，流程複雜是常見的問題，今天的文章将會(huì)為(wèi)你(nǐ)提供一系列“提速”的技(jì)巧。

緩慢的頁面加載

随着技(jì)術(shù)的發展，越來(lái)越快的頁面加載體(tǐ)驗，使得(de)比以往更不願意等待加載了。

2/ 3 的移動端用戶表示，頁面的加載速度對于他們的浏覽體(tǐ)驗而言影(yǐng)響是最大(dà)的。

Google 對全球範圍內(nèi)900000 個(gè)移動端網站(zhàn)進行(xíng)了測試，發現這些(xiē)網站(zhàn)的平均加載時(shí)長為(wèi) 22 秒(miǎo)。與此同時(shí)，研究表明(míng)，如果移動端頁面加載時(shí)間(jiān)超過 3 秒(miǎo)，53%的用戶将會(huì)直接離開(kāi)。

1、試圖找出造成問題的原因


如果對于你(nǐ)的網站(zhàn)而言，加載緩慢是一個(gè)常見的情況的話(huà)，那(nà)麽你(nǐ)應該盡量找出問題所在。通(tōng)常，頁面加載的時(shí)間(jiān)受到下面的因素的影(yǐng)響：

視(shì)覺元素（圖片和(hé)動畫(huà)）。高(gāo)清的圖片和(hé)流暢的動畫(huà)隻有(yǒu)在不影(yǐng)響加載時(shí)間(jiān)的前提下，才能帶來(lái)良好的體(tǐ)驗。
自定義字體(tǐ)。和(hé)其他的素材一樣，下載自定義的字體(tǐ)會(huì)需要一點時(shí)間(jiān)，如果字體(tǐ)是被第三方服務所托管，那(nà)麽這個(gè)時(shí)間(jiān)還(hái)要長。
商業邏輯。代碼質量。
基礎設施。你(nǐ)的網站(zhàn)所采用的硬件。
2、測試你(nǐ)的網站(zhàn)

測試網站(zhàn)性能的工具并不少(shǎo)，其中之一就是Google 的Test My Site ，這個(gè)網站(zhàn)将會(huì)為(wèi)你(nǐ)提供如何加速和(hé)改進網站(zhàn)的可(kě)行(xíng)性報告。

WebPage Test 是另外一個(gè)非常有(yǒu)用的工具，它将會(huì)從全球不同的地方來(lái)使用真實的浏覽器(qì)（IE和(hé)Chrome）來(lái)測試用戶浏覽的時(shí)候的真實數(shù)據。

3、使用骨架布局

如果你(nǐ)想在現有(yǒu)的條件下讓網頁更快一點，那(nà)麽你(nǐ)可(kě)以試着讓它在視(shì)覺體(tǐ)驗上(shàng)更“快”一些(xiē)。

在加載頁面的過程中先加載整個(gè)布局的骨架，能給人(rén)一種速度感，一種看起來(lái)比實際加載要快得(de)多(duō)的主觀感受。

看看 Codepen 這個(gè)純CSS代碼所構建的骨架布局吧(ba)，優先加載布局讓用戶感受到頁面加載“有(yǒu)進展”。

登錄限制(zhì)

很(hěn)多(duō)網頁和(hé)APP 要求用戶必須注冊登錄之後才能夠使用其中的功能。對于許多(duō)品牌認知度較低(dī)或者價值主張不明(míng)顯的應用而言，許多(duō)用戶會(huì)因為(wèi)這種登錄限制(zhì)而離開(kāi)。如果能夠推遲注冊，允許用戶試用服務和(hé)功能，那(nà)麽用戶可(kě)能會(huì)随後注冊并登錄。

1、允許使用電(diàn)子郵件和(hé)手機号碼作(zuò)為(wèi)用戶ID

如果你(nǐ)要求用戶創建一個(gè)唯一的用戶名，他們很(hěn)可(kě)能會(huì)遭遇下面的困難：

用戶名必須是唯一的，用戶因此需要花(huā)費幾分鍾時(shí)間(jiān)探索現有(yǒu)的用戶名體(tǐ)系，找到一個(gè)自己可(kě)用的用戶名。
用戶最終可(kě)能會(huì)在注冊一段時(shí)間(jiān)之後忘記這個(gè)用戶名，而根據 Janrain+Blue Research 的研究，如果用戶忘記用戶名，92%的用戶會(huì)直接放棄登錄，而非想辦法找回。


允許用戶使用電(diàn)子郵件和(hé)手機号碼作(zuò)為(wèi)登錄ID，能讓用戶方便不少(shǎo)。

2、讓密碼驗證的體(tǐ)驗盡量順暢

用戶忘記密碼是常有(yǒu)的事，忘記密碼本就是一件惱人(rén)的事情，而重置密碼這件事情也是一樣令人(rén)惱火(huǒ)。



Amazon 密碼丢失重置流程

通(tōng)過簡化認證體(tǐ)驗，減少(shǎo)用戶放棄的風險。使用第三方社交帳号登錄：



Flipboard 允許用戶使用使用社交帳号登錄。



還(hái)有(yǒu)的APP 已經開(kāi)始允許 FaceID 和(hé) TouchID 來(lái)登錄了。

3、提供其他可(kě)選的登錄方式

基于用戶所提供的信息允許他們使用額外的方式登錄。舉個(gè)例子，如果你(nǐ)的用戶綁定了手機号，可(kě)以使用手機号獲得(de)一次性密碼來(lái)登錄。eBay 就是這樣做(zuò)的：

漫長的結帳流程

越來(lái)越多(duō)的移動端客戶開(kāi)始在移動設備上(shàng)購物，用戶對于購物結帳的流程和(hé)體(tǐ)驗自然也是越來(lái)越高(gāo)。不過，說起來(lái)容易做(zuò)起來(lái)難，在移動設備上(shàng)填寫表單很(hěn)痛苦，很(hěn)多(duō)用戶會(huì)因為(wèi)需要填寫表單過長而放棄。這并不奇怪，根據Google 所提供的數(shù)據，50%的用戶會(huì)因為(wèi)經驗不足而放棄移動交易。

1、不要強迫用戶創建賬戶

根據 Maymard 的研究，強迫用戶注冊賬戶是人(rén)們放棄狗屋的最主要原因。應當允許用戶發生(shēng)購買而無需注冊，在購買頁面應該有(yǒu)“作(zuò)為(wèi)訪客結帳”的選項，并且要明(míng)顯。ebay 的購買頁面當中，就提供了“登錄”和(hé)“作(zuò)為(wèi)訪客結帳”的選項。



2、記住用戶提供的詳細信息

不要要求用戶輸入他們以前提供過的任何信息。一旦是搜集過的數(shù)據，就不要讓用戶反複提交，比如收貨地址和(hé)賬單細節等。隻需要确保用戶想修改的時(shí)候能夠修改就行(xíng)。

3、用好地理(lǐ)信息數(shù)據

相比于每次都詢問用戶收貨地址和(hé)所處位置，不如記錄好用戶之前所提交的數(shù)據，并且允許提供默認選項，确保用戶能夠按需調整即可(kě)。



當用戶點擊“分享我的位置”按鈕的時(shí)候，表單中會(huì)填充當前地址信息。

4、使用移動支付

談及付款，你(nǐ)應該盡可(kě)能為(wèi)用戶提供他們所喜歡的付款方式。除了傳統的支付方式之外，還(hái)應該允許用戶使用諸如 Apple Pay 和(hé) Android Pay 這樣的支付選項，這樣避免了複雜的表單填寫，并且可(kě)以提高(gāo)安全感。




5、設計(jì)“快速購買”的選項

這種選項對于許多(duō)用戶是有(yǒu)益的。當用戶點擊“快速購買”的時(shí)候，之後系統會(huì)自動加載預先填寫好的默認支付方式和(hé)收貨地址，快速完成購買任務。（好像淘寶就是這樣的吧(ba)？）

6、允許在另外一台設備上(shàng)繼續執行(xíng)購買任務

雖然使用移動設備購物的用戶一直在增加，但(dàn)是相當多(duō)的用戶隻是在移動端上(shàng)浏覽，再到桌面端上(shàng)完成購買。允許用戶提供“保存稍後看”或者“将購物車(chē)發送到電(diàn)子郵件”等選項來(lái)完成操作(zuò)。