設計一款移動(dòng)網(wǎng)站應用, 如何才能抓住用戶(hù)的心?首先, 設計師應該規避設計中一些常見(jiàn)的錯誤, 提高運行速度。這里將會(huì )提供一些解決頁(yè)面加載緩慢, 登錄墻用戶(hù)體驗差和支付過(guò)程耗時(shí)久這些常見(jiàn)問(wèn)題的方法。
頁(yè)面加載緩慢
“三分之二的移動(dòng)網(wǎng)絡(luò )用戶(hù)表示, 加載頁(yè)面所需的速度對他們的整體體驗影響最大。”Google在全球范圍內對90萬(wàn)個(gè)移動(dòng)網(wǎng)站進(jìn)行了測試, 發(fā)現完全加載移動(dòng)網(wǎng)頁(yè)所需的平均時(shí)間為22秒。與此同時(shí):如果加載時(shí)間超過(guò)3秒, 53%的用戶(hù)將離開(kāi)移動(dòng)網(wǎng)站。
解決方法
1.試著(zhù)找出造成加載緩慢的原因
如果加載緩慢是你網(wǎng)站的常見(jiàn)情況, 請嘗試找出具體原因并解決問(wèn)題。通常, 頁(yè)面加載時(shí)間受以下影響:
視覺(jué)元素 (圖像和動(dòng)畫(huà)) :高清圖像和流暢的動(dòng)畫(huà)只能在不影響加載時(shí)間的情況下創(chuàng )建良好的用戶(hù)體驗。因此, 這可能是造成網(wǎng)站加載緩慢的原因之一。建議閱讀“圖像優(yōu)化”相關(guān)知識了解更多優(yōu)化細節。
自定義字體:與網(wǎng)站上其他資源一樣, 下載自定義字體會(huì )耗費一定的加載時(shí)間 (如果字體位于第三方服務(wù)上, 則需要更多時(shí)間) 。
商業(yè)邏輯:程序編寫(xiě)不夠規范。
網(wǎng)站基礎設施:網(wǎng)站所使用的硬件, 如服務(wù)器的性能、寬度速度以及服務(wù)器的硬件配置都會(huì )影響加載速度。
2.測試你的網(wǎng)站
如何測試網(wǎng)站的性能?這里推薦兩個(gè)工具給大家。第一個(gè)是Google’s Test My Site, 該網(wǎng)站會(huì )根據網(wǎng)站性能的現狀, 提供有關(guān)如何加速和改進(jìn)網(wǎng)站的可操作報告。
Web Pagetest是另一個(gè)測試和優(yōu)化網(wǎng)站性能的工具, 它允許你對全球多個(gè)地方的真實(shí)用戶(hù)使用的真實(shí)瀏覽器 (如IE瀏覽器和谷歌瀏覽器) 的連接速度進(jìn)行一個(gè)免費的測試。
3.使用加載占位圖
如果你不能提高網(wǎng)站實(shí)際的運行速度, 至少試著(zhù)營(yíng)造一種加載速度很快的感覺(jué)———用戶(hù)對于網(wǎng)站速度快慢的感覺(jué)通常比實(shí)際的加載速度更重要。
加載占位圖是在加載內容時(shí)顯示的頁(yè)面版本, 占位圖會(huì )使用戶(hù)感覺(jué)網(wǎng)站速度的運行起來(lái)比實(shí)際情況更快。設計師不妨在Codepen Example中查看占位圖效果, 它的設計者就是利用壓力緩沖器的原理, 使用占位圖給用戶(hù)營(yíng)造出一種錯覺(jué):網(wǎng)站正在運行, 并且內容在快速加載中。
登錄墻設置
在用戶(hù)使用應用程序之前, 一般會(huì )有一個(gè)強制性注冊的登錄墻。登錄墻是用戶(hù)在初次使用時(shí)放棄應用的主要原因。對于品牌認知度較低或價(jià)值主張不明確的應用而言, 使用應用的用戶(hù)數量尤其重要。因此, 建議推遲注冊提供用戶(hù)嘗試應用該項服務(wù), 他們會(huì )更樂(lè )意完成此步驟。
解決方法
1.使用電子郵件地址或電話(huà)號碼作為用戶(hù)ID
如果你讓用戶(hù)創(chuàng )建一個(gè)獨特的用戶(hù)名, 他們很可能會(huì )遇到以下這些麻煩:
由于用戶(hù)名必須是唯一的, 因此用戶(hù)可能需要花費幾分鐘才能得到正確的名稱(chēng), 因為首選用戶(hù)名已被其他用戶(hù)使用。
用戶(hù)可能會(huì )以用戶(hù)名注冊, 但過(guò)了一段時(shí)間后, 他們就會(huì )完全忘記。根據Janrain+Blue的研究, 92%的用戶(hù)如果忘記了用戶(hù)名就會(huì )放棄使用。
因此, 允許用戶(hù)通過(guò)電子郵件或電話(huà)號碼作進(jìn)行注冊, 讓注冊更加簡(jiǎn)單輕松。
2.使密碼驗證成為無(wú)摩擦的體驗
用戶(hù)經(jīng)常忘記他們的賬號密碼, 當他們不得不經(jīng)歷密碼重置這個(gè)過(guò)程時(shí), 他們會(huì )感到非常惱火。
這時(shí)候設計師應該怎么做?簡(jiǎn)化認證體驗, 減少放棄風(fēng)險。使用第三方登錄 (使用Facebook/Twitter登錄) :
Flipboard允許用戶(hù)通過(guò)社交網(wǎng)絡(luò )帳戶(hù)登錄, 或指紋觸摸/臉部識別登錄:
i Phone應用程序的Chase銀行提供了一鍵式登錄選項。
3.提供其他登錄方式
根據用戶(hù)提供的相關(guān)信息來(lái)提供其他登錄方式。例如, 如果你擁有用戶(hù)的手機號碼, 則可以在手機上輸入一次性密碼。
漫長(cháng)的支付過(guò)程
越來(lái)越多的移動(dòng)用戶(hù)不僅使用移動(dòng)設備搜索商品, 甚至會(huì )在手機上完成支付過(guò)程。這意味著(zhù)我們需要為小屏幕設備設計購物體驗, 并讓它盡可能舒適。但往往說(shuō)起來(lái)容易做起來(lái)難, 在移動(dòng)設備上填寫(xiě)結賬表單可能很痛苦。因此, 繁瑣的支付過(guò)程是導致用戶(hù)放棄支付的主要原因。這并不奇怪, 根據Google數據表明:“50%的用戶(hù)因為不愉快的移動(dòng)端支付體驗而放棄了交易”。
解決方法
1.不要強迫用戶(hù)創(chuàng )建賬號
據Baymard研究所稱(chēng), 強迫用戶(hù)創(chuàng )建賬號是消費者放棄購買(mǎi)的最大原因之一。正確的做法是支持用戶(hù)無(wú)需注冊進(jìn)行購買(mǎi)。因此, 應用不僅需要為消費者提供了“快捷支付”選項, 而且要讓該選項足夠清晰可見(jiàn) (Baymard研究所還發(fā)現, 88%的移動(dòng)端支持訪(fǎng)客支付, 這些選項往往由于不夠明顯而容易地被用戶(hù)忽略) 。
比如易趣就提供了兩種選擇:“登錄支付”和“訪(fǎng)客支付”。
2.記住用戶(hù)的詳細信息
不要要求用戶(hù)輸入他們之前提供的任何信息。收集過(guò)用戶(hù)數據之后, 可以再將其用于用戶(hù)的其他新交易中。這些數據可能是收貨地址和支付信息, 一定要確保用戶(hù)在需要的時(shí)候可以進(jìn)行修改。
3.利用地理位置數據
與其向用戶(hù)詢(xún)問(wèn)送貨地址, 不如將其當前位置作為配送貨物的默認選項。但在設計時(shí)需確保用戶(hù)在需要的時(shí)候, 可以輕松地更改收貨地址。
當用戶(hù)點(diǎn)擊“分享我的位置”按鈕時(shí), 表格中的信息將會(huì )自動(dòng)填入當前地址。
4.使用Apple Pay或Google Pay支付
談到付款問(wèn)題, 設計者應該盡可能提供用戶(hù)多種選擇, 這樣用戶(hù)就可以選擇他們喜歡的方法進(jìn)行支付。提供多種支付選項的應用程序, 如Apple Pay和Android Pay, 可以讓用戶(hù)在付款時(shí)從填寫(xiě)額外表單的痛苦中解脫出來(lái), 并能提供給他們更大的安全感。
5.設計“快速購買(mǎi)”選項
設置自“快速購買(mǎi)”這個(gè)選項可能對老用戶(hù)更有幫助。當用戶(hù)點(diǎn)擊“快速購買(mǎi)”按鈕時(shí), 網(wǎng)站應該自動(dòng)將用戶(hù)重定向到購買(mǎi)信息頁(yè)面進(jìn)行確認。所有常用的支付方式和收貨地址都應該直接從之前的訂單中進(jìn)行提取。
6.支持使用其他設備繼續購買(mǎi)
雖然使用移動(dòng)設備完成購買(mǎi)的人數正在增長(cháng), 但有相當多的用戶(hù)使用手機只是為了瀏覽, 更喜歡在臺式電腦上完成購買(mǎi)。設計者應該設置“保存以待后用”或“將購物車(chē)發(fā)送至郵箱”的選項來(lái)幫助用戶(hù)完成支付。

隨著(zhù)智能手機的發(fā)展，幾乎所有的學(xué)生都配備了智能手機，這給學(xué)生開(kāi)展移

動(dòng)學(xué)習帶來(lái)隨著(zhù)智能手機的發(fā)展，幾乎所有的學(xué)生都配備了智能手機，這給學(xué)生開(kāi)展移

動(dòng)學(xué)習帶來(lái)