手機(jī)網(wǎng)站建設(shè)速度至關(guān)重要

發(fā)布：2019-03-15 13:39:43 瀏覽：6247

設(shè)計(jì)一款移動(dòng)網(wǎng)站應(yīng)用,如何才能抓住用戶(hù)的心?首先,設(shè)計(jì)師應(yīng)該規(guī)避設(shè)計(jì)中一些常見(jiàn)的錯(cuò)誤,提高運(yùn)行速度。這里將會(huì)提供一些解決頁(yè)面加載緩慢,登錄墻用戶(hù)體驗(yàn)差和支付過(guò)程耗時(shí)久這些常見(jiàn)問(wèn)題的方法。

頁(yè)面加載緩慢

“三分之二的移動(dòng)網(wǎng)絡(luò)用戶(hù)表示,加載頁(yè)面所需的速度對(duì)他們的整體體驗(yàn)影響最大。”Google在全球范圍內(nèi)對(duì)90萬(wàn)個(gè)移動(dòng)網(wǎng)站進(jìn)行了測(cè)試,發(fā)現(xiàn)完全加載移動(dòng)網(wǎng)頁(yè)所需的平均時(shí)間為22秒。與此同時(shí):如果加載時(shí)間超過(guò)3秒,53%的用戶(hù)將離開(kāi)移動(dòng)網(wǎng)站。

解決方法

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

如果加載緩慢是你網(wǎng)站的常見(jiàn)情況,請(qǐng)嘗試找出具體原因并解決問(wèn)題。通常,頁(yè)面加載時(shí)間受以下影響:

視覺(jué)元素(圖像和動(dòng)畫(huà)):高清圖像和流暢的動(dòng)畫(huà)只能在不影響加載時(shí)間的情況下創(chuàng)建良好的用戶(hù)體驗(yàn)。因此,這可能是造成網(wǎng)站加載緩慢的原因之一。建議閱讀“圖像優(yōu)化”相關(guān)知識(shí)了解更多優(yōu)化細(xì)節(jié)。

自定義字體:與網(wǎng)站上其他資源一樣,下載自定義字體會(huì)耗費(fèi)一定的加載時(shí)間(如果字體位于第三方服務(wù)上,則需要更多時(shí)間)。

商業(yè)邏輯:程序編寫(xiě)不夠規(guī)范。

網(wǎng)站基礎(chǔ)設(shè)施:網(wǎng)站所使用的硬件,如服務(wù)器的性能、寬度速度以及服務(wù)器的硬件配置都會(huì)影響加載速度。

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

如何測(cè)試網(wǎng)站的性能?這里推薦兩個(gè)工具給大家。第一個(gè)是Google’sTestMySite,該網(wǎng)站會(huì)根據(jù)網(wǎng)站性能的現(xiàn)狀,提供有關(guān)如何加速和改進(jìn)網(wǎng)站的可操作報(bào)告。

WebPagetest是另一個(gè)測(cè)試和優(yōu)化網(wǎng)站性能的工具,它允許你對(duì)全球多個(gè)地方的真實(shí)用戶(hù)使用的真實(shí)瀏覽器(如IE瀏覽器和谷歌瀏覽器)的連接速度進(jìn)行一個(gè)免費(fèi)的測(cè)試。

3.使用加載占位圖

如果你不能提高網(wǎng)站實(shí)際的運(yùn)行速度,至少試著營(yíng)造一種加載速度很快的感覺(jué)———用戶(hù)對(duì)于網(wǎng)站速度快慢的感覺(jué)通常比實(shí)際的加載速度更重要。

加載占位圖是在加載內(nèi)容時(shí)顯示的頁(yè)面版本,占位圖會(huì)使用戶(hù)感覺(jué)網(wǎng)站速度的運(yùn)行起來(lái)比實(shí)際情況更快。設(shè)計(jì)師不妨在CodepenExample中查看占位圖效果,它的設(shè)計(jì)者就是利用壓力緩沖器的原理,使用占位圖給用戶(hù)營(yíng)造出一種錯(cuò)覺(jué):網(wǎng)站正在運(yùn)行,并且內(nèi)容在快速加載中。

登錄墻設(shè)置

在用戶(hù)使用應(yīng)用程序之前,一般會(huì)有一個(gè)強(qiáng)制性注冊(cè)的登錄墻。登錄墻是用戶(hù)在初次使用時(shí)放棄應(yīng)用的主要原因。對(duì)于品牌認(rèn)知度較低或價(jià)值主張不明確的應(yīng)用而言,使用應(yīng)用的用戶(hù)數(shù)量尤其重要。因此,建議推遲注冊(cè)提供用戶(hù)嘗試應(yīng)用該項(xiàng)服務(wù),他們會(huì)更樂(lè)意完成此步驟。

解決方法

1.使用電子郵件地址或電話號(hào)碼作為用戶(hù)ID

如果你讓用戶(hù)創(chuàng)建一個(gè)獨(dú)特的用戶(hù)名,他們很可能會(huì)遇到以下這些麻煩:

由于用戶(hù)名必須是唯一的,因此用戶(hù)可能需要花費(fèi)幾分鐘才能得到正確的名稱(chēng),因?yàn)槭走x用戶(hù)名已被其他用戶(hù)使用。

用戶(hù)可能會(huì)以用戶(hù)名注冊(cè),但過(guò)了一段時(shí)間后,他們就會(huì)完全忘記。根據(jù)Janrain+Blue的研究,92%的用戶(hù)如果忘記了用戶(hù)名就會(huì)放棄使用。

因此,允許用戶(hù)通過(guò)電子郵件或電話號(hào)碼作進(jìn)行注冊(cè),讓注冊(cè)更加簡(jiǎn)單輕松。

2.使密碼驗(yàn)證成為無(wú)摩擦的體驗(yàn)

用戶(hù)經(jīng)常忘記他們的賬號(hào)密碼,當(dāng)他們不得不經(jīng)歷密碼重置這個(gè)過(guò)程時(shí),他們會(huì)感到非常惱火。

這時(shí)候設(shè)計(jì)師應(yīng)該怎么做?簡(jiǎn)化認(rèn)證體驗(yàn),減少放棄風(fēng)險(xiǎn)。使用第三方登錄(使用Facebook/Twitter登錄):

Flipboard允許用戶(hù)通過(guò)社交網(wǎng)絡(luò)帳戶(hù)登錄,或指紋觸摸/臉部識(shí)別登錄:

iPhone應(yīng)用程序的Chase銀行提供了一鍵式登錄選項(xiàng)。

3.提供其他登錄方式

根據(jù)用戶(hù)提供的相關(guān)信息來(lái)提供其他登錄方式。例如,如果你擁有用戶(hù)的手機(jī)號(hào)碼,則可以在手機(jī)上輸入一次性密碼。

漫長(zhǎng)的支付過(guò)程

越來(lái)越多的移動(dòng)用戶(hù)不僅使用移動(dòng)設(shè)備搜索商品,甚至?xí)谑謾C(jī)上完成支付過(guò)程。這意味著我們需要為小屏幕設(shè)備設(shè)計(jì)購(gòu)物體驗(yàn),并讓它盡可能舒適。但往往說(shuō)起來(lái)容易做起來(lái)難,在移動(dòng)設(shè)備上填寫(xiě)結(jié)賬表單可能很痛苦。因此,繁瑣的支付過(guò)程是導(dǎo)致用戶(hù)放棄支付的主要原因。這并不奇怪,根據(jù)Google數(shù)據(jù)表明:“50%的用戶(hù)因?yàn)椴挥淇斓囊苿?dòng)端支付體驗(yàn)而放棄了交易”。

解決方法

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

據(jù)Baymard研究所稱(chēng),強(qiáng)迫用戶(hù)創(chuàng)建賬號(hào)是消費(fèi)者放棄購(gòu)買(mǎi)的最大原因之一。正確的做法是支持用戶(hù)無(wú)需注冊(cè)進(jìn)行購(gòu)買(mǎi)。因此,應(yīng)用不僅需要為消費(fèi)者提供了“快捷支付”選項(xiàng),而且要讓該選項(xiàng)足夠清晰可見(jiàn)(Baymard研究所還發(fā)現(xiàn),88%的移動(dòng)端支持訪客支付,這些選項(xiàng)往往由于不夠明顯而容易地被用戶(hù)忽略)。

比如易趣就提供了兩種選擇:“登錄支付”和“訪客支付”。

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

不要要求用戶(hù)輸入他們之前提供的任何信息。收集過(guò)用戶(hù)數(shù)據(jù)之后,可以再將其用于用戶(hù)的其他新交易中。這些數(shù)據(jù)可能是收貨地址和支付信息,一定要確保用戶(hù)在需要的時(shí)候可以進(jìn)行修改。

3.利用地理位置數(shù)據(jù)

與其向用戶(hù)詢(xún)問(wèn)送貨地址,不如將其當(dāng)前位置作為配送貨物的默認(rèn)選項(xiàng)。但在設(shè)計(jì)時(shí)需確保用戶(hù)在需要的時(shí)候,可以輕松地更改收貨地址。

當(dāng)用戶(hù)點(diǎn)擊“分享我的位置”按鈕時(shí),表格中的信息將會(huì)自動(dòng)填入當(dāng)前地址。

4.使用ApplePay或GooglePay支付

談到付款問(wèn)題,設(shè)計(jì)者應(yīng)該盡可能提供用戶(hù)多種選擇,這樣用戶(hù)就可以選擇他們喜歡的方法進(jìn)行支付。提供多種支付選項(xiàng)的應(yīng)用程序,如ApplePay和AndroidPay,可以讓用戶(hù)在付款時(shí)從填寫(xiě)額外表單的痛苦中解脫出來(lái),并能提供給他們更大的安全感。

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

設(shè)置自“快速購(gòu)買(mǎi)”這個(gè)選項(xiàng)可能對(duì)老用戶(hù)更有幫助。當(dāng)用戶(hù)點(diǎn)擊“快速購(gòu)買(mǎi)”按鈕時(shí),網(wǎng)站應(yīng)該自動(dòng)將用戶(hù)重定向到購(gòu)買(mǎi)信息頁(yè)面進(jìn)行確認(rèn)。所有常用的支付方式和收貨地址都應(yīng)該直接從之前的訂單中進(jìn)行提取。

6.支持使用其他設(shè)備繼續(xù)購(gòu)買(mǎi)

雖然使用移動(dòng)設(shè)備完成購(gòu)買(mǎi)的人數(shù)正在增長(zhǎng),但有相當(dāng)多的用戶(hù)使用手機(jī)只是為了瀏覽,更喜歡在臺(tái)式電腦上完成購(gòu)買(mǎi)。設(shè)計(jì)者應(yīng)該設(shè)置“保存以待后用”或“將購(gòu)物車(chē)發(fā)送至郵箱”的選項(xiàng)來(lái)幫助用戶(hù)完成支付。

隨著智能手機(jī)的發(fā)展，幾乎所有的學(xué)生都配備了智能手機(jī)，這給學(xué)生開(kāi)展移

動(dòng)學(xué)習(xí)帶來(lái)隨著智能手機(jī)的發(fā)展，幾乎所有的學(xué)生都配備了智能手機(jī)，這給學(xué)生開(kāi)展移

動(dòng)學(xué)習(xí)帶來(lái)