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

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

一、緩慢的頁(yè)面加載

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

2/3的移動(dòng)端用戶(hù)標(biāo)識(shí)，頁(yè)面的加載速度對(duì)于他們的瀏覽體驗(yàn)而言影響是大的。

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

1、試圖找出造成問(wèn)題的原因

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

（1）視覺(jué)元素（圖片和動(dòng)畫(huà)）。高清的圖片和流暢的動(dòng)畫(huà)只有在不影響加載時(shí)間的前提下，才能帶來(lái)良好的體驗(yàn)。

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

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

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

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

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

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

3、使用骨架布局

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

在加載頁(yè)面的過(guò)程中先加載整個(gè)布局的骨架，能給人一種速度感，一種看起來(lái)比實(shí)際加載要快得多的主觀感受。

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

二、登錄限制

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

1、允許使用電子郵件和手機(jī)號(hào)碼作為用戶(hù)ID

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

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

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

允許用戶(hù)使用電子郵件和手機(jī)號(hào)碼作為登錄ID，能讓用戶(hù)方便不少。

2、讓密碼驗(yàn)證的體驗(yàn)盡量順暢

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

Amazon 密碼丟失重置流程

通過(guò)簡(jiǎn)化認(rèn)證體驗(yàn)，減少用戶(hù)放棄的風(fēng)險(xiǎn)。使用第三方社交帳號(hào)登錄：

Flipboard 允許用戶(hù)使用使用社交帳號(hào)登錄。

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

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

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

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

越來(lái)越多的移動(dòng)端客戶(hù)開(kāi)始在移動(dòng)設(shè)備上購(gòu)物，用戶(hù)對(duì)于購(gòu)物結(jié)帳的流程和體驗(yàn)自然也是越來(lái)越高。不過(guò)，說(shuō)起來(lái)容易做起來(lái)難，在移動(dòng)設(shè)備上填寫(xiě)表單很痛苦，很多用戶(hù)會(huì)因?yàn)樾枰顚?xiě)表單過(guò)長(zhǎng)而放棄。這并不奇怪，根據(jù)Google 所提供的數(shù)據(jù)，50%的用戶(hù)會(huì)因?yàn)榻?jīng)驗(yàn)不足而放棄移動(dòng)交易。

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

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

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

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

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

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

當(dāng)用戶(hù)點(diǎn)擊“分享我的位置”按鈕的時(shí)候，表單中會(huì)填充當(dāng)前地址信息。

4、使用移動(dòng)支付

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

5、設(shè)計(jì)“快速購(gòu)買(mǎi)”的選項(xiàng)

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

6、允許在另外一臺(tái)設(shè)備上繼續(xù)執(zhí)行購(gòu)買(mǎi)任務(wù)

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

網(wǎng)站欄目：訪(fǎng)問(wèn)速度是移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)的靈魂,提速有策略
標(biāo)題URL：http://jinyejixie.com/news14/156864.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站維護(hù)、定制開(kāi)發(fā)、做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)