移動網站應用設計:速度至關重要!

2018-06-22 14:14:34

 在 2016 年,全球的移動互聯網使用率首次超過台式電腦。根據谷歌英國地區研究:
“如今,65%的英國成年人都使用智能手機作為他們上網的主要設備。”
人們搜索信息,購買商品,訂閱服務都是使用移動設備。用戶偏好的轉變導緻用戶對産品的期望也大大增加。如今,大多數用戶對于糟糕的手機性能幾乎沒有耐心 – 如果他們不能立即獲取他們想要的東西,他們就會轉投其他産品的懷抱(這對于一款應用來說簡直是重擊)。
設計一款移動網站應用,如何才能抓住用戶的心?首先,設計師應該規避設計中一些常見的錯誤,提高運行速度。在這裡,我将會提供一些解決頁面加載緩慢,登錄牆用戶體驗差和支付過程耗時久這些常見問題的方法,以供參考。
頁面加載緩慢
由于目前的技術支持實現更快的體驗,用戶的等待意願開始下降。
“其中三分之二的移動網絡用戶表示,加載頁面所需的速度對他們的整體體驗影響最大。”
Google在全球範圍内對 90 萬個移動網站進行了測試,發現完全加載移動網頁所需的平均時間為 22 秒。與此同時:
如果加載時間超過 3 秒,53%的用戶将離開移動網站。
解決方法
1. 試着找出造成加載緩慢的原因
如果加載緩慢是你網站的常見情況,請嘗試找出具體原因并解決問題。通常,頁面加載時間受以下影響:
視覺元素(圖像和動畫)。高清圖像和流暢的動畫隻能在不影響加載時間的情況下創建良好的用戶體驗。因此,這可能是造成網站加載緩慢的原因之一。建議閱讀“圖像優化”相關知識了解更多優化細節。
自定義字體。與網站上其他資源一樣,下載自定義字體會耗費一定的加載時間(如果字體位于第三方服務上,則需要更多時間)。
商業邏輯。程序編寫不夠規範。
網站基礎設施。網站所使用的硬件,如服務器的性能、寬度速度以及服務器的硬件配置都會影響加載速度。
2.測試你的網站
如何測試網站的性能?這裡推薦兩個工具給大家。第一個是Google’s Test MySite,該網站會根據網站性能的現狀,提供有關如何加速和改進網站的可操作報告。
WebPagetest 是另一個測試和優化網站性能的工具,它允許你對全球多個地方的真實用戶使用的真實浏覽器 (如IE浏覽器和谷歌浏覽器) 的連接速度進行一個免費的測試。
3. 使用加載占位圖
如果你不能提高網站實際的運行速度,至少試着營造一種加載速度很快的感覺–用戶對于網站速度快慢的感覺通常比實際的加載速度更重要。
加載占位圖是在加載内容時顯示的頁面版本。占位圖會使用戶感覺網站速度的運行起來比實際情況更快。
設計師不妨在Codepen Example中查看占位圖效果。它的設計者就是利用壓力緩沖器的原理,使用占位圖給用戶營造出一種錯覺:網站正在運行,并且内容在快速加載中。


  • Copyright© 2015-2020 虚拟货币交易所 魯ICP備17001309号-3
  • QQ客服

    電話:13256739168

    掃碼關注我們