酷播亮新聞
越來越多的移動端客戶開始在移動設備上購物，用戶對於購物結帳的流程和體驗自然也是越來越高。 本文將會為你提供一系列“提速”的技巧。
Nick Babich – 早在2016年的時候，移動端流量就已經超越桌面端成為目前主流。 根據Google UK 的研究，如今65%的英國成年人都以智能手機作為他們的主要上網設備。
人們通過移動端設備搜索信息，在線購物，使用移動端設備訂閱各種服務。 用戶偏好上的轉變推動著用戶期望發生變化。 現如今，絕大多數的用戶比以往更沒有耐心，當他們希望得到某個東西的時候，通常希望立刻能得到，否則，他們會迅速離開，選擇其他的方案。
在如今的移動端產品當中，加載緩慢，登錄艱難，流程複雜是常見的問題，今天的文章將會為你提供一系列“提速”的技巧。
緩慢的頁面加載
隨著技術的發展，越來越快的頁面加載體驗，使得比以往更不願意等待加載了。
2/3的移動端用戶標識，頁面的加載速度對於他們的瀏覽體驗而言影響是最大的。
Google 對全球範圍內 900000個移動端網站進行了測試，發現這些網站的平均加載時長為22秒。 與此同時，研究表明，如果移動端頁面加載時間超過3秒，53%的用戶將會直接離開。
1、試圖找出造成問題的原因
如果對於你的網站而言，加載緩慢是一個常見的情況的話，那麼你應該盡量找出問題所在。 通常，頁面加載的時間受到下面的因素的影響：
- 視覺元素（圖片和動畫）。 高清的圖片和流暢的動畫只有在不影響加載時間的前提下，才能帶來良好的體驗。
- 自定義字體。 和其他的素材一樣，下載自定義的字體會需要一點時間，如果字體是被第三方服務所託管，那麼這個時間還要長。
- 商業邏輯。 代碼質量。
- 基礎設施。 你的網站所採用的硬件。
2、測試你的網站
測試網站性能的工具並不少，其中之一就是Google 的 Test My Site ，這個網站將會為你提供如何加速和改進網站的可行性報告。
WebPage Test 是另外一個非常有用的工具，它將會從全球不同的地方來使用真實的瀏覽器（IE和Chrome）來測試用戶瀏覽的時候的真實數據。
3、使用骨架佈局
如果你想在現有的條件下讓網頁更快一點，那麼你可以試著讓它在視覺體驗上更“快”一些。
在加載頁面的過程中先加載整個佈局的骨架，能給人一種速度感，一種看起來比實際加載要快得多的主觀感受。
看看 Codepen 這個純CSS代碼所構建的骨架佈局吧，優先加載佈局讓用戶感受到頁面加載“有進展”。
登錄限制
很多網頁和APP 要求用戶必須註冊登錄之後才能夠使用其中的功能。 對於許多品牌認知度較低或者價值主張不明顯的應用而言，許多用戶會因為這種登錄限製而離開。 如果能夠推遲註冊，允許用戶試用服務和功能，那麼用戶可能會隨後註冊並登錄。
1、允許使用電子郵件和手機號碼作為用戶ID
如果你要求用戶創建一個唯一的用戶名，他們很可能會遭遇下面的困難：
- 用戶名必須是唯一的，用戶因此需要花費幾分鐘時間探索現有的用戶名體系，找到一個自己可用的用戶名。
- 用戶最終可能會在註冊一段時間之後忘記這個用戶名，而根據 Janrain+Blue Research 的研究，如果用戶忘記用戶名，92%的用戶會直接放棄登錄，而非想辦法找回。
允許用戶使用電子郵件和手機號碼作為登錄ID，能讓用戶方便不少。
2、讓密碼驗證的體驗盡量順暢
用戶忘記密碼是常有的事，忘記密碼本就是一件惱人的事情，而重置密碼這件事情也是一樣令人惱火。
Amazon 密碼丟失重置流程
通過簡化認證體驗，減少用戶放棄的風險。 使用第三方社交帳號登錄：
Flipboard 允許用戶使用使用社交帳號登錄。
還有的APP 已經開始允許 FaceID 和 TouchID 來登錄了。
3、提供其他可選的登錄方式
基於用戶所提供的信息允許他們使用額外的方式登錄。 舉個例子，如果你的用戶綁定了手機號，可以使用手機號獲得一次性密碼來登錄。 eBay 就是這樣做的：
漫長的結帳流程
越來越多的移動端客戶開始在移動設備上購物，用戶對於購物結帳的流程和體驗自然也是越來越高。 不過，說起來容易做起來難，在移動設備上填寫表單很痛苦，很多用戶會因為需要填寫表單過長而放棄。 這並不奇怪，根據Google 所提供的數據，50%的用戶會因為經驗不足而放棄移動交易。
1、不要強迫用戶創建賬戶
根據 Maymard 的研究，強迫用戶註冊賬戶是人們放棄購物的最主要原因。 應當允許用戶發生購買而無需註冊，在購買頁面應該有“作為訪客結帳”的選項，並且要明顯。 ebay 的購買頁面當中，就提供了“登錄”和“作為訪客結帳”的選項。
2、記住用戶提供的詳細信息
不要要求用戶輸入他們以前提供過的任何信息。 一旦是蒐集過的數據，就不要讓用戶反复提交，比如收貨地址和賬單細節等。 只需要確保用戶想修改的時候能夠修改就行。
3、用好地理信息數據
相比於每次都詢問用戶收貨地址和所處位置，不如記錄好用戶之前所提交的數據，並且允許提供默認選項，確保用戶能夠按需調整即可。
當用戶點擊“分享我的位置”按鈕的時候，表單中會填充當前地址信息。
4、使用移動支付
談及付款，你應該盡可能為用戶提供他們所喜歡的付款方式。 除了傳統的支付方式之外，還應該允許用戶使用諸如 Apple Pay 和 Android Pay 這樣的支付選項，這樣避免了複雜的表單填寫，並且可以提高安全感。
5、設計“快速購買”的選項
這種選項對於許多用戶是有益的。 當用戶點擊“快速購買”的時候，之後系統會自動加載預先填寫好的默認支付方式和收貨地址，快速完成購買任務。 （好像淘寶就是這樣的吧？）
6、允許在另外一台設備上繼續執行購買任務
雖然使用移動設備購物的用戶一直在增加，但是相當多的用戶只是在移動端上瀏覽，再到桌面端上完成購買。 允許用戶提供“保存稍後看”或者“將購物車發送到電子郵件”等選項來完成操作。
原文作者 : Nick Babich
譯者 : 陳子木
譯文地址：http://www.uisdc.com/mobile-web-when-speed-matters
本文由 @陳子木 授權發佈於人人都是產品經理，未經作者許可，禁止轉載。
題圖來自 Unsplash，基於 CC0 協議