訪問速度是移動端網(wǎng)頁設(shè)計的靈魂,提速有策略

移動端無疑是現(xiàn)代互聯(lián)網(wǎng)行業(yè)發(fā)展的必然趨勢，早在2016年的時候移動端流量就已經(jīng)超越了PC電腦端，在中國有65%的人都在以移動端為他們的主要上網(wǎng)工具，通過移動端去搜索信息，瀏覽網(wǎng)站，訂閱各種服務(wù)。深圳網(wǎng)站建設(shè)公司發(fā)現(xiàn)移動端APP的開發(fā)過程中，用戶偏好上的轉(zhuǎn)變推動著用戶期望發(fā)生變化，98%以上的人都沒有以往耐心，當(dāng)他們希望看到某個網(wǎng)頁時則需要立馬能夠看到，否則就會選擇離開。

 

從移動端網(wǎng)頁設(shè)計的角度來看，移動端產(chǎn)品加載緩慢、登陸艱難、流程復(fù)雜的主要問題還是網(wǎng)頁設(shè)計的不合理，比如網(wǎng)站建設(shè)過程中使用了大量的css、框架加載以及大圖等，在網(wǎng)速一定的情況下，移動端網(wǎng)站或APP服務(wù)器寬帶較慢和瀏覽人群較多時就會發(fā)生卡死現(xiàn)象。

 

一、緩慢的頁面加載

 

隨著技術(shù)的發(fā)展，越來越快的頁面加載體驗，使得比以往更不愿意等待加載了。

 

2/3的移動端用戶標(biāo)識，頁面的加載速度對于他們的瀏覽體驗而言影響是最大的。

 

Google 對全球范圍內(nèi) 900000個移動端網(wǎng)站進行了測試，發(fā)現(xiàn)這些網(wǎng)站的平均加載時長為22秒。與此同時，研究表明，如果移動端頁面加載時間超過3秒，53%的用戶將會直接離開。

 

1、試圖找出造成問題的原因

 

如果對于你的網(wǎng)站而言，加載緩慢是一個常見的情況的話，那么你應(yīng)該盡量找出問題所在。通常，頁面加載的時間受到下面的因素的影響：

 

（1）視覺元素（圖片和動畫）。高清的圖片和流暢的動畫只有在不影響加載時間的前提下，才能帶來良好的體驗。

 

（2）自定義字體。和其他的素材一樣，下載自定義的字體會需要一點時間，如果字體是被第三方服務(wù)所托管，那么這個時間還要長。

 

（3）商業(yè)邏輯。代碼質(zhì)量。

 

（4）基礎(chǔ)設(shè)施。你的網(wǎng)站所采用的硬件。

 

2、測試你的網(wǎng)站

 

測試網(wǎng)站性能的工具并不少，其中之一就是Google 的Test My Site ，這個網(wǎng)站將會為你提供如何加速和改進網(wǎng)站的可行性報告。

 

WebPage Test 是另外一個非常有用的工具，它將會從全球不同的地方來使用真實的瀏覽器（IE和Chrome）來測試用戶瀏覽的時候的真實數(shù)據(jù)。

 

3、使用骨架布局

 

如果你想在現(xiàn)有的條件下讓網(wǎng)頁更快一點，那么你可以試著讓它在視覺體驗上更“快”一些。

 

在加載頁面的過程中先加載整個布局的骨架，能給人一種速度感，一種看起來比實際加載要快得多的主觀感受。

 

看看 Codepen 這個純CSS代碼所構(gòu)建的骨架布局吧，優(yōu)先加載布局讓用戶感受到頁面加載“有進展”。

 

二、登錄限制

 

很多網(wǎng)頁和APP 要求用戶必須注冊登錄之后才能夠使用其中的功能。對于許多品牌認(rèn)知度較低或者價值主張不明顯的應(yīng)用而言，許多用戶會因為這種登錄限制而離開。如果能夠推遲注冊，允許用戶試用服務(wù)和功能，那么用戶可能會隨后注冊并登錄。

 

1、允許使用電子郵件和手機號碼作為用戶ID

 

如果你要求用戶創(chuàng)建一個唯一的用戶名，他們很可能會遭遇下面的困難：

 

用戶名必須是唯一的，用戶因此需要花費幾分鐘時間探索現(xiàn)有的用戶名體系，找到一個自己可用的用戶名。

 

用戶最終可能會在注冊一段時間之后忘記這個用戶名，而根據(jù) Janrain+Blue Research 的研究，如果用戶忘記用戶名，92%的用戶會直接放棄登錄，而非想辦法找回。

 

允許用戶使用電子郵件和手機號碼作為登錄ID，能讓用戶方便不少。

 

2、讓密碼驗證的體驗盡量順暢

 

用戶忘記密碼是常有的事，忘記密碼本就是一件惱人的事情，而重置密碼這件事情也是一樣令人惱火。

 

Amazon 密碼丟失重置流程

 

通過簡化認(rèn)證體驗，減少用戶放棄的風(fēng)險。使用第三方社交帳號登錄：

 

Flipboard 允許用戶使用使用社交帳號登錄。

 

還有的APP 已經(jīng)開始允許 FaceID 和 TouchID 來登錄了。

 

3、提供其他可選的登錄方式

 

基于用戶所提供的信息允許他們使用額外的方式登錄。舉個例子，如果你的用戶綁定了手機號，可以使用手機號獲得一次性密碼來登錄。eBay 就是這樣做的：

 

三、漫長的結(jié)帳流程

 

越來越多的移動端客戶開始在移動設(shè)備上購物，用戶對于購物結(jié)帳的流程和體驗自然也是越來越高。不過，說起來容易做起來難，在移動設(shè)備上填寫表單很痛苦，很多用戶會因為需要填寫表單過長而放棄。這并不奇怪，根據(jù)Google 所提供的數(shù)據(jù)，50%的用戶會因為經(jīng)驗不足而放棄移動交易。

 

1、不要強迫用戶創(chuàng)建賬戶

 

根據(jù) Maymard 的研究，強迫用戶注冊賬戶是人們放棄狗屋的最主要原因。應(yīng)當(dāng)允許用戶發(fā)生購買而無需注冊，在購買頁面應(yīng)該有“作為訪客結(jié)帳”的選項，并且要明顯。ebay 的購買頁面當(dāng)中，就提供了“登錄”和“作為訪客結(jié)帳”的選項。

 

2、記住用戶提供的詳細(xì)信息

 

不要要求用戶輸入他們以前提供過的任何信息。一旦是搜集過的數(shù)據(jù)，就不要讓用戶反復(fù)提交，比如收貨地址和賬單細(xì)節(jié)等。只需要確保用戶想修改的時候能夠修改就行。

 

3、用好地理信息數(shù)據(jù)

 

相比于每次都詢問用戶收貨地址和所處位置，不如記錄好用戶之前所提交的數(shù)據(jù)，并且允許提供默認(rèn)選項，確保用戶能夠按需調(diào)整即可。

 

當(dāng)用戶點擊“分享我的位置”按鈕的時候，表單中會填充當(dāng)前地址信息。

 

4、使用移動支付

 

談及付款，你應(yīng)該盡可能為用戶提供他們所喜歡的付款方式。除了傳統(tǒng)的支付方式之外，還應(yīng)該允許用戶使用諸如 Apple Pay 和 Android Pay 這樣的支付選項，這樣避免了復(fù)雜的表單填寫，并且可以提高安全感。

 

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

 

這種選項對于許多用戶是有益的。當(dāng)用戶點擊“快速購買”的時候，之后系統(tǒng)會自動加載預(yù)先填寫好的默認(rèn)支付方式和收貨地址，快速完成購買任務(wù)。（好像淘寶就是這樣的吧？）

 

6、允許在另外一臺設(shè)備上繼續(xù)執(zhí)行購買任務(wù)

 

雖然使用移動設(shè)備購物的用戶一直在增加，但是相當(dāng)多的用戶只是在移動端上瀏覽，再到桌面端上完成購買。允許用戶提供“保存稍后看”或者“將購物車發(fā)送到電子郵件”等選項來完成操作。