人們搜索信息，購買商品，訂閱服務都是使用移動設備。用戶偏好的轉變導致用戶對產品的期望也大大增加。如今，大多數用戶對于糟糕的手機性能幾乎沒有耐心 – 如果他們不能立即獲取他們想要的東西，他們就會轉投其他產品的懷抱（這對于一款應用來說簡直是重擊）。

   設計一款移動網站應用，如何才能抓住用戶的心？首先，設計師應該規避設計中一些常見的錯誤，提高運行速度。在這里，我將會提供一些解決頁面加載緩慢，登錄墻用戶體驗差和支付過程耗時久這些常見問題的方法，以供參考。

  由于目前的技術支持實現更快的體驗，用戶的等待意愿開始下降。

   “其中三分之二的移動網絡用戶表示，加載頁面所需的速度對他們的整體體驗影響最大。”

   Google在全球范圍內對 90 萬個移動網站進行了測試，發現完全加載移動網頁所需的平均時間為 22 秒。與此同時：

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

解決方法

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

如果加載緩慢是你網站的常見情況，請嘗試找出具體原因并解決問題。通常，頁面加載時間受以下影響：

視覺元素（圖像和動畫）。高清圖像和流暢的動畫只能在不影響加載時間的情況下創建良好的用戶體驗。因此，這可能是造成網站加載緩慢的原因之一。建議閱讀“圖像優化”相關知識了解更多優化細節。

自定義字體。與網站上其他資源一樣，下載自定義字體會耗費一定的加載時間(如果字體位于第三方服務上，則需要更多時間)。

商業邏輯。程序編寫不夠規范。

網站基礎設施。網站所使用的硬件，如服務器的性能、寬度速度以及服務器的硬件配置都會影響加載速度。

2.測試你的網站

如何測試網站的性能？這里推薦兩個工具給大家。第一個是Google’s Test MySite，該網站會根據網站性能的現狀，提供有關如何加速和改進網站的可操作報告。

WebPagetest 是另一個測試和優化網站性能的工具，它允許你對全球多個地方的真實用戶使用的真實瀏覽器 (如IE瀏覽器和谷歌瀏覽器) 的連接速度進行一個免費的測試。

3. 使用加載占位圖

如果你不能提高網站實際的運行速度，至少試著營造一種加載速度很快的感覺–用戶對于網站速度快慢的感覺通常比實際的加載速度更重要。

加載占位圖是在加載內容時顯示的頁面版本。占位圖會使用戶感覺網站速度的運行起來比實際情況更快。

設計師不妨在Codepen Example中查看占位圖效果。它的設計者就是利用壓力緩沖器的原理，使用占位圖給用戶營造出一種錯覺：網站正在運行，并且內容在快速加載中。

因此，允許用戶通過電子郵件或電話號碼作進行注冊，讓注冊更加簡單輕松。

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

用戶經常忘記他們的賬號密碼，如果不得不經歷密碼重置這個過程，就會讓用戶感覺到很不舒適。