這些策略幫你提升行動網頁速度

這些策略幫你提升行動網頁速度

人們通過移動端設備搜索訊息,在線購物,使用移動端設備訂閱各種服務。用戶偏好上的轉變推動著用戶期望發生變化。現如今,絕大多數的用戶比以往更沒有耐心,當他們希望得到某個東西的時候,通常希望立刻能得到,否則,他們會迅速離開,選擇其他的方案。

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、允許在另外一台設備上繼續執行購買任務
雖然使用行動設備購物的用戶一直在增加,但是相當多的用戶只是在行動端上瀏覽,再到桌面端上完成購買。允許用戶提供「保存稍後看」或者「將購物車發送到電子郵件」等選項來完成操作。
 


 

【想讓你的網站其他人優秀嗎?這些設計趨勢一個都不要錯過!】

1.9種讓你的網頁很專業
2.預測2018網頁設計趨勢
3.2018年手機應用UI設計趨勢
4.這3個設計趨勢是網頁設計師的最愛
5.2018必看設計懶人包手冊


 

以下幾點請你深思一下

給你最好的網頁設計Gogoshark|鯊魚邦不私藏分享


 

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。