設(shè)計一個移動網(wǎng)站應(yīng)用程序，你怎么能抓住用戶的心？

2016年，全球移動互聯(lián)網(wǎng)使用量首次超過臺式電腦。根據(jù)谷歌英國地區(qū)研究：

“今天，65％的英國成年人使用智能手機(jī)作為互聯(lián)網(wǎng)接入的主要設(shè)備。 ”的

人們使用移動設(shè)備搜索信息，購買商品和訂閱服務(wù)。用戶偏好的轉(zhuǎn)變導(dǎo)致用戶對產(chǎn)品的期望顯著增加。今天，大多數(shù)用戶對手機(jī)性能不佳并沒有多少耐心–如果他們不能馬上得到他們想要的東西，他們就會切換到其他產(chǎn)品（這對應(yīng)用來說是一個很大的打擊）。

設(shè)計移動網(wǎng)站應(yīng)用程序，我們?nèi)绾巫プ∮脩舻男模渴紫?，設(shè)計者應(yīng)該避免設(shè)計中的一些常見錯誤并提高運(yùn)行速度。在這里，我將為慢速頁面加載，登錄墻上的用戶體驗不佳以及漫長的支付流程等常見問題提供一些解決方案。

頁面加載速度很慢

由于當(dāng)前的技術(shù)支持能夠?qū)崿F(xiàn)更快的體驗，因此用戶的等待意愿開始下降。

“三分之二的移動網(wǎng)絡(luò)用戶表示，加載頁面所需的速度對他們的整體體驗影響最大。 ”的

谷歌測試了全球900,000個移動網(wǎng)站，發(fā)現(xiàn)完全加載移動網(wǎng)頁所需的平均時間為22秒。同時：

如果加載時間超過3秒，則53％的用戶將離開移動網(wǎng)站。

溶液

1.試著找出加載緩慢的原因

如果您的網(wǎng)站上經(jīng)常出現(xiàn)緩慢加載，請嘗試找出具體原因并解決問題。通常，頁面加載時間受以下因素影響：

視覺元素（圖像和動畫）。高清圖像和流暢的動畫可在不影響加載時間的情況下創(chuàng)建良好的用戶體驗。因此，這可能是網(wǎng)站加載緩慢的原因之一。建議閱讀“圖像優(yōu)化”以獲取有關(guān)優(yōu)化的更多詳細(xì)信息。

自定義字體。與網(wǎng)站上的其他資源一樣，下載自定義字體可能需要一段時間才能加載（如果字體在第三方服務(wù)上，則需要更多時間）。

商業(yè)邏輯。編程不夠標(biāo)準(zhǔn)化。

網(wǎng)站基礎(chǔ)設(shè)施網(wǎng)站使用的硬件，如服務(wù)器性能，寬度和速度，以及服務(wù)器的硬件配置都會影響加載速度。

2.測試您的網(wǎng)站

如何測試網(wǎng)站的性能？這里有兩個適合每個人的工具。第一個是Google的測試MySite，它根據(jù)網(wǎng)站當(dāng)前的性能狀態(tài)提供有關(guān)如何加速和改進(jìn)網(wǎng)站的可操作報告。

WebPagetest是另一種用于測試和優(yōu)化網(wǎng)站性能的工具。它允許您對世界各地的真實用戶使用的真實瀏覽器（如Internet Explorer和Google Chrome）的連接速度進(jìn)行免費(fèi)測試。

3.使用加載占位符

如果你無法提高網(wǎng)站的實際速度，至少要嘗試創(chuàng)造一種快速加載的感覺–用戶對網(wǎng)站速度的感受通常比實際加載速度更重要。

加載占位符是加載內(nèi)容時顯示的頁面版本。占位符貼圖將使用戶感覺網(wǎng)站的運(yùn)行速度比實際速度快。

設(shè)計人員可能希望在Codepen示例中看到位圖效果。它的設(shè)計者使用壓力緩沖的原理，使用占位符映射為用戶創(chuàng)建幻覺：網(wǎng)站正在運(yùn)行，內(nèi)容正在快速加載。

登錄墻設(shè)置

在用戶可以使用該應(yīng)用程序之前，通常會有強(qiáng)制注冊墻。登錄墻是用戶在首次使用時放棄應(yīng)用程序的主要原因。對于品牌知名度低或價值主張不明確的應(yīng)用，使用應(yīng)用的用戶數(shù)量尤為重要。因此，建議推遲注冊–提供用戶嘗試應(yīng)用服務(wù)，他們將更愿意完成這一步。

溶液

1.使用電子郵件地址或電話號碼作為用戶ID

如果您讓用戶創(chuàng)建唯一的用戶名，他們可能會遇到以下問題:

由于用戶名必須是唯一的，因此用戶可能需要幾分鐘才能獲得正確的名稱，因為首選用戶名已被其他用戶使用。

用戶可以使用他們的用戶名注冊，但過了一段時間他們會完全忘記。根據(jù)Janrain + Blue的說法，92％的用戶會忘記用戶名而放棄。

因此，允許用戶通過電子郵件或電話號碼進(jìn)行注冊，使注冊更容易，更輕松。

2.使密碼驗證成為無摩擦的體驗

用戶經(jīng)常忘記他們的帳戶密碼，當(dāng)他們必須經(jīng)歷密碼重置過程時，他們會非常惱火。

設(shè)計師此時應(yīng)該做些什么？簡化認(rèn)證體驗并降低放棄風(fēng)險。使用第三方登錄（使用Facebook/Twitter登錄）：

Flipboard允許用戶通過社交網(wǎng)絡(luò)帳戶登錄，

或指紋觸摸/面部識別登錄：

Chase Bank for iPhone應(yīng)用程序提供一鍵登錄選項。

3.提供其他登錄方法

根據(jù)用戶提供的相關(guān)信息提供其他登錄方法。例如，如果您有用戶的手機(jī)號碼，則可以在手機(jī)上輸入一次性密碼。

長期付款流程

越來越多的移動用戶不僅使用移動設(shè)備搜索商品，甚至還在手機(jī)上完成支付流程。這意味著我們需要為小屏幕設(shè)備設(shè)計購物體驗并使其盡可能舒適。但說起來容易做起來難，在移動設(shè)備上填寫結(jié)賬表格會很痛苦。因此，繁瑣的支付過程是用戶放棄支付的主要原因。根據(jù)Google的數(shù)據(jù)，這并不奇怪：

“由于令人不快的移動支付體驗，50％的用戶放棄了交易。

溶液

1.不要強(qiáng)迫用戶創(chuàng)建帳戶

根據(jù)Baymard Institute的說法，強(qiáng)迫用戶創(chuàng)建賬戶是消費(fèi)者放棄購買的最大原因之一。正確的方法是支持用戶而無需注冊進(jìn)行購買。因此，該應(yīng)用程序不僅需要為消費(fèi)者提供“快速支付”選項，而且還使選項足夠清晰（Baymard Institute還發(fā)現(xiàn)88％的手機(jī)支持訪客支付，這些選項往往不夠明顯）。被用戶忽略）。

易趣提供兩種選擇 - “登錄付款” && quoquo;訪客付款”

2.記住用戶的詳細(xì)信息

請勿要求用戶輸入之前提供的任何信息。一旦收集了用戶數(shù)據(jù)，就可以將其用于用戶的其他新事務(wù)。這些數(shù)據(jù)可能是送貨地址和付款信息，因此請確保用戶可以在需要時進(jìn)行更改。

3.使用位置數(shù)據(jù)

不要向用戶詢問送貨地址，最好使用當(dāng)前位置作為運(yùn)送貨物的默認(rèn)選項。但是，確保用戶在需要時可以輕松更改送貨地址非常重要。

當(dāng)用戶點(diǎn)擊“分享我的位置”時按鈕，表單中的信息將自動填入當(dāng)前地址。

4.使用Apple Pay或Google Pay付款

在支付問題上，設(shè)計人員應(yīng)該為用戶提供盡可能多的選項，以便用戶可以選擇他們喜歡的方式。提供各種支付選項的應(yīng)用程序，例如Apple Pay和Android Pay，可以讓用戶免于填寫其他表單并為他們提供更高的安全感。

5.設(shè)計“快速購買”選項

從“快速購買”選項設(shè)置可能對老用戶更有幫助。當(dāng)用戶點(diǎn)擊“快速購買”時按鈕，網(wǎng)站應(yīng)自動將用戶重定向到購買信息頁面進(jìn)行確認(rèn)。所有常用的付款方式和送貨地址都應(yīng)直接從之前的訂單中獲取。

6.支持繼續(xù)使用其他設(shè)備購買

盡管使用移動設(shè)備進(jìn)行購物的人數(shù)不斷增加，但仍有不少用戶僅使用手機(jī)進(jìn)行瀏覽，而更愿意在自己的桌面上購物。設(shè)計人員應(yīng)將選項設(shè)置為“保存等待”或“將購物車發(fā)送到郵箱”以幫助用戶完成付款。

閱讀本文后（本文最初發(fā)表于babich.biz），您對提高移動網(wǎng)站性能有何建議？歡迎分享以下評論部分！

原作者：Nick Babich

原始鏈接：https://uxplanet.org/mobile-web-when-speed-matters-d371a961cf46

本文由@Mockplus團(tuán)隊翻譯和發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。我

該地圖來自unsplash，基于CC0協(xié)議

« 加快Momo的商業(yè)化你能否在移動營銷中發(fā)揮新的作用？ | 傳統(tǒng)的電子商務(wù)行業(yè)正在掙扎，小型項目扭轉(zhuǎn)了這一趨勢 »