如(rú)何提升H5頁面的(de)用(yòng)戶體(tπ$ǐ)驗,H5頁面交互提升

發布來(lái)源:武漢瑞傑時代網絡科技有限公司

發布時(shí)間(jiān):2024.12.03


作(zuò)為(wèi)H5策劃,在設計(jì)H5産品時(shí)我& 們經常需要(yào)查看(kàn)各種案例,展開(α☆∏kāi)各種腦(nǎo)洞,甚至出各種方案A、™&¥•方案B以作(zuò)備選。滿懷期待地(dì)将自(δΩ₩¶zì)己的(de)項目推上(shàng)線後,卻總會(↑↓huì)發現(xiàn)這(zhè)樣或那(nà)樣的(d₩π<πe)問(wèn)題:為(wèi)什(shén)麽用(y>δαòng)戶訪問(wèn)這(zhè)麽少(shǎo)?為(wèi÷↑')什(shén)麽頁面留存如(rú)此低(dī)?為(wèi)什(sh↕∞én)麽轉化(huà)率數(shù)據那(nà)麽可(kě)憐?
網站(zhàn)制(zhì)作(zuò)

導緻這(zhè)種現(xiàn)象的(de)原因可(kě)能(néng∞¥​ )有(yǒu)很(hěn)多(duō)種,∑×我們可(kě)以說(shuō)推廣力度不(bù)∞λφ夠,技(jì)術(shù)實現(xiàn)不(bù)∞¥到(dào)位,客戶需求太複雜(zá)等。

抛開(kāi)這(zhè)些(xiē)影(yǐng)響産品質量的(∏÷↑¥de)外(wài)在因素不(bù)談,作(zuò)€₹為(wèi)項目策劃者的(de)我們,是(©&↔shì)否有(yǒu)認真思考并分(fēn)×ε∞¥析過影(yǐng)響作(zuò)品重要(yà‌÷ o)的(de)因素:”目标用(yòng)戶到(dào)底是(shì)怎麽想πε↑γ?” 這(zhè)個(gè)問(wèn)題的(de)★✔呢(ne)?有(yǒu)時(shí)候,重β★大(dà)的(de)疏忽來(lái)自(zì)于缺乏同理(lǐ)心地(dì)去☆•₹✔(qù)觀察用(yòng)戶。

一(yī)、用(yòng)戶不(bù)是(shì)親媽(māα÷),不(bù)會(huì)花(huā)時(shí)間(jiān)等λ☆←≠loading

我們都(dōu)知(zhī)道(dào≠→₩),用(yòng)戶的(de)耐心是(shì)有(yǒu)限€>σ©的(de)。騰訊TGideas曾調查了(le)H5頁面用(yòng)戶δβ行(xíng)為(wèi),數(shù)據顯示,加載時(shí)間(jiā≈ ‌n)超過5秒(miǎo),就(jiù)會(huì)有(yǒu)74%的(de♠$∞)用(yòng)戶選擇關閉頁面,而且隻有(♣♠yǒu)近(jìn)半的(de)用(yòng)戶會(huì)‌₹λ閱讀(dú)完整個(gè) h5的(de)±¥內(nèi)容。頁面層級越深入玩(wán)家(jiā)流×>φ失的(de)越多(duō),且前兩頁的(de)流失率高(g€↔αāo),84.22%的(de)用(yòng)戶在個(gè)頁面就(jiù)會( ±₹ huì)選擇去(qù)留。所以我們提倡好(hǎo)的(×¶"de)設計(jì)要(yào)放(fàng)在前面,λ₹頁的(de)操作(zuò)和(hé)選擇越簡單越好(hǎoλ₽ )。那(nà)麽有(yǒu)幾個(gè)小(xiǎo)點平時(sh± "í)大(dà)家(jiā)是(shì)否有(yǒu)思考:

1.在不(bù)影(yǐng)響內(nèi)容的(de)前提下(xià)ε÷Ω ,頁加載時(shí)間(jiān)能(néng)否盡可(♦&¥kě)能(néng)壓縮?

2.加載頁增加一(yī)些(xiē)互動、或有(yǒu)趣的(de)小(x±↔iǎo)動畫(huà)?減少(shǎo)因等待而流失的(de)用(yòng‍™)戶?

3.H5的(de)所有(yǒu)資源能(néng)否在次加載即基¥&↔本加載完畢,以減少(shǎo)用(yòng)戶在後續體(tǐ)驗中可(kě)<∑≤能(néng)出現(xiàn)的(de)延遲或等待?

4.在思考布局時(shí),是(shì)否有(yǒu€≈↓)意識的(de)減少(shǎo)頁面層級,且盡可(kě)能(néng)簡潔、清Ω✔晰地(dì)表達産品的(de)全部內(nèi)容來(lái)提高₹§∑✔(gāo)頁面轉化(huà)率?

同時(shí),大(dà)多(duō)數(shù)用(yòng)戶已經≥¶培養了(le)穩定的(de)操作(zuò)習(xí)慣,網站(zhàn)建設認β  ₽為(wèi)任何異常的(de)操作(zuò)設計(jì)‍♦或改變用(yòng)戶習(xí)慣的(de)操作(zuò)都(≈₽≥dōu)有(yǒu)可(kě)能(néng)造成用(y☆<✘♠òng)戶不(bù)适。要(yào)求我們在策劃過程中使≈Ω産品操作(zuò)更為(wèi)便捷舒适,合情合理×π(lǐ),如(rú)靠右翻頁、靠右下(xià)點擊等是(shì)比較&<¥符合用(yòng)戶操作(zuò)習(xí)慣的(de)。
網站(zhàn)制(zhì)作(zuò)

二、把用(yòng)戶當寶寶,盡量滿足、盡量簡單

在設計(jì)産品前了(le)解用(yòng)戶需求是(shì)老(l‌ ǎo)生(shēng)常談的(de)話(huà)題。我想每一∑✘(yī)位在策劃在設計(jì)H5前都(d✔β<ōu)會(huì)或多(duō)或少(shǎo)思考過這(✔♦↑zhè)些(xiē)問(wèn)題:用(yòng↕ €)戶在體(tǐ)驗自(zì)己的(de)H5作(zuò)品的(de)會(hu&£ì)不(bù)會(huì)覺得(de)有(yǒu)趣;自(zì∑₩¶)己的(de)H5作(zuò)品給用(yòng)戶帶來(∞βlái)哪些(xiē)價值;自(zì)己傳達給用(yòng)戶的¥π✔£(de)核心內(nèi)容是(shì)否很(hěn)好(₽≠₽hǎo)的(de)結合了(le)營銷要(yào)求。γ&₩

可(kě)我們要(yào)注意的(de)是δ←π(shì):用(yòng)戶隻關注與自(zì)己相(x≥εiàng)關的(de)東(dōng)西(xī)。(這(zhè)種相(xiàng≈♥β)關一(yī)般包括內(nèi)容上(shàng)♣↑  的(de)興趣感,互動上(shàng)的(de)參↔$λ與感,形式上(shàng)的(de)認同感以及結束後的(de)分(fēn)γ∏"享欲)

所以當我們産品表現(xiàn)力不(bù)好(hǎo)的(de♦>&)時(shí)候,我們可(kě)以思考的(de)是(★​λσshì):

1.自(zì)身(shēn)有(yǒu)定位好(hǎo)目标用(yòng♠≤↕ )戶嗎(ma),作(zuò)品的(de)內(nèi)容能(β≈πnéng)否勾起目标用(yòng)戶的(deε±σ♣)興趣呢(ne)?

年(nián)近(jìn)30的(de)大(dàβε✔♠)叔可(kě)能(néng)不(bù)會(huì)對(duì)EXO感興趣,但‍∏&γ(dàn)20左右的(de)小(xiǎo)年(nián)輕可(kě)能(nén÷₩πg)會(huì)對(duì)複仇者聯盟樂(yuè)此不(b¥σ≥©ù)疲。

找準目标用(yòng)戶并分(fēn)析用(yòng)戶需δ✔求尤為(wèi)重要(yào)。

2.産品的(de)形式上(shàng)是(sh™♣₽≤ì)否像說(shuō)教似的(de)的(de)一(yī)廂情願安利,還(h©♥ái)是(shì)可(kě)以參與其中讓用(yòng)戶找到(dào)自(zì&☆★)己的(de)存在感?

3.形式上(shàng)也(yě)許不(bù)夠新穎炫目,但(dàn)視(s₹↔‍hì)覺效果上(shàng)是(shì)否讓人(rén)覺得(de)舒服?

三、給用(yòng)戶轉發分(fēn)享的(de)理(lǐ)由才是(shì)→>γΩ硬道(dào)理(lǐ)

大(dà)多(duō)數(shù)用(yòng)•®€<戶會(huì)出于新奇或朋(péng)友(yǒu)的(de)推薦進ε∞★∏入一(yī)個(gè)H5,且隻轉發自(z≠Ωπσì)認為(wèi)有(yǒu)價值的(de)內(nèi)容。 數£≤(shù)年(nián)之前,将flash小(xiǎo)遊戲移植 "‍到(dào)H5營銷領域較為(wèi)新穎,現(xiàn)在卻變成越來(lá¥₹i)越吃(chī)力不(bù)討(tǎo)好(hǎo)的(de)事(s$σhì)情。 用(yòng)戶會(huì)對(du±↔✘ ì)同質化(huà)嚴重內(nèi)容産生(shēng)免♥≠疫力甚至排斥。那(nà)什(shén)麽樣​≠的(de)內(nèi)容會(huì)讓用(y ®↔↑òng)戶覺得(de)有(yǒu)價值并且轉發呢(ne)? 總結來(lπ✘ái)看(kàn)不(bù)外(wài)乎以下(xγ᱕ià)幾點:

1.形式或視(shì)覺技(jì)術(shù)上(shàng✘ >₹)的(de)炫酷刷新了(le)的(de)眼球。♠✘$↑

這(zhè)使我們自(zì)然的(de)想到(dào)曾經刷爆朋(pén✔&g)友(yǒu)圈的(de)《吳亦凡入伍》, 《這(zh≥¶è)個(gè)陌生(shēng)電(diàn)話(huà)你(nǐ↔"©)敢接嗎(ma)》,甚至非h5的(de)₩§≤uc愚人(rén)節開(kāi)的(de)“裂屏”玩(wán)笑(xiλ£≈₩ào),這(zhè)些(xiē)都(dōu)是(shì"±)形式和(hé)視(shì)覺上(shànγδ±g)刷新用(yòng)戶眼球的(de)案例。

H5策劃,你(nǐ)知(zhī)道(dào)你(nǐ)的(de)用(yòn₩γ‌↓g)戶正在想什(shén)麽嗎(ma)?
  2.對(duì)內(nèi)容傳達的 ™φ(de)情感産生(shēng)共鳴或認同感。
“每個(gè)人(rén)都(dōu)隻δ∏±™會(huì)在自(zì)己的(de)故事(shì)中哭泣”,用≥↑÷↓(yòng)戶也(yě)隻會(huì)在自(zì®®‍→)己的(de)情感中感動。避免做(zuò)作(zuò)的(de)情懷和(hé∏©λ)一(yī)廂情願的(de)自(zì)嗨 ®✔。一(yī)句引人(rén)共鳴的(de)文(wén)案,給人(rén‍‍≥')們帶來(lái)的(de)回響,比幾頁‌σ$一(yī)廂情願的(de)文(wén)案強百倍。許多(duō)看↔₹™☆(kàn)過《下(xià)雪(xuě)了(↓λle)》的(de)人(rén)并不(bù)是(shì)因為(wèi)的(d← e)變化(huà)而流下(xià)眼淚,而是(s☆>δhì)被置身(shēn)于環境的(de)自(z&↕ì)己感動。

H5策劃,你(nǐ)知(zhī)道(dào)你(nǐ)的(d ®™e)用(yòng)戶正在想什(shén)麽嗎(ma)?
  3. 內(nèi)容結果讓人(rén)有(yǒu)炫耀感÷$‍γ,且分(fēn)享獎勵大(dà)于自(zì)己的(de)分(fēn)享代價。↔'$™
如(rú)果說(shuō)分(fēn)析曾經紅(hóng)✔ε極一(yī)時(shí)的(de)《圍住神經貓》被刷爆朋(péng€≤)友(yǒu)圈的(de),大(dà)原因就≥↑©(jiù)是(shì)結果可(kě)以炫耀。但(dàn)值得(d←λe)注意的(de)是(shì),玩(wán)家(jiā)極度抵觸分(f♥♣↕​ēn)享折射自(zì)己缺陷的(de)信息‌♠≠↑。例如(rú)下(xià)圖孤獨指數(shù)測↕✔'試的(de)H5。

H5策劃,你(nǐ)知(zhī)道(dào)你(nǐ)的(dσ↔e)用(yòng)戶正在想什(shén)麽嗎←Ω♦‍(ma)?
  誠然,這(zhè)個(gè)産品互動形式和(≥$☆hé)表現(xiàn)手法都(dōu)挺有(yǒu)意思,但(dàn)問(€¶εwèn)題在于它的(de)測試結果是(shì)不(bù)可(kě)分(f'₹®Ωēn)享的(de),“孤獨指數(shù)”折射出個(gè)人(rén)的(¶Ωε<de)弱社交能(néng)力,用(yòng₽♣®)戶會(huì)抗拒分(fēn)享此類信息。這(zhè)和(hé£φ)鬥地(dì)主打得(de)再犀利,也(yě)極少✔©‍♠(shǎo)有(yǒu)人(rén)去(qù)炫耀自≠¥(zì)己有(yǒu)多(duō)少(shǎo)歡樂(yuèεε₹δ)豆是(shì)同樣的(de)道(dào)理(lǐ♠β)。
4.為(wèi)了(le)獎品,或争取更多(duō)的(de)獲獎機(j" ∏ī)會(huì)。

用(yòng)戶會(huì)對(duì)有(yǒu)自(zì)認價值的(dλβ™πe)獎品産生(shēng)興趣。即使用(yòng)戶發現(xiàn)這(zh& ‌è)是(shì)一(yī)個(gè)營銷H5。但(dàn)值得(de)注∑←↕≤意的(de)是(shì)領獎的(de)流程必須要‌φ(yào)簡單易操作(zuò),避免涉及σ←較為(wèi)隐私的(de)個(gè)人(rén)✔×£信息。一(yī)旦用(yòng)戶覺得(de)麻煩,獎品難以觸及就(jiα>₽€ù)會(huì)失去(qù)原來(lái)的(de)耐心。

5.內(nèi)容有(yǒu)趣且具備社交價值。

近(jìn)朋(péng)友(yǒu)圈流行(xíngφ )的(de)“猜猜你(nǐ)的(de)好(hǎo)友(♦•>yǒu)xxx畫(huà)的(de)是(shì§★σ)那(nà)副畫(huà)”就(jiù)是'✔(shì)知(zhī)名的(de)例子(zǐ)。

後,針對(duì)這(zhè)些(xiē)用(yòng)戶的(de)心理(l✔§ǐ)我們該做(zuò)什(shén)麽

1.設計(jì)産品時(shí)應該多(₹₩§duō)以用(yòng)戶的(de)角度去(qù)考慮布局。如(rú)該H‍♥5對(duì)于用(yòng)戶是(shì)否有(yǒu)意義(産品本身(&×←↑shēn)內(nèi)容是(shì)否優質、能(néng)給用(y₽ ≈≈òng)戶帶來(lái)什(shén)麽好(hǎo)♦σ₽處等)?; 産品分(fēn)享機(jī)制(zhì)是(shì)否完善、能(n∏γ≈éng)否抓住用(yòng)戶心理(lǐ)(炫耀、分(fēnε§γ¶)享、趣味性、普适性)?,來(lái)促進其分(fēn)享傳播•&。

2. 以質疑的(de)态度去(qù)感受自(♦'zì)己的(de)産品。從(cóng)始至終,我們都(dōu)應該設身( "®shēn)處地(dì)的(de)站(zhàn)在用(yòng)戶的(↓∑εde)角度來(lái)做(zuò)産品,你(n∏γ★ǐ)不(bù)是(shì)一(yī)個(gè)從(cóng)業( ₩‌>yè)者,你(nǐ)是(shì)一(yī)個(gè)看(kàn)這★≤ (zhè)個(gè)H5的(de)觀衆,你(nǐ)肯不≈₽(bù)肯轉發這(zhè)個(gè)H5。

TAG:
相(xiàng)關資訊
多(duō)一(yī)份參考,總有(yǒu)益處
聯系三好(hǎo)網絡,免費(fèi)獲得(de)專屬定制(zhì)《策劃方案δ≠​§》及網站(zhàn)建設、網站(zhàn)λ₹¶§設計(jì)、網站(zhàn)制(zhì)作(zuò)報(bào)價
網站(zhàn)建設

咨詢相(xiàng)關問(wèn)題或預約面談,<‍可(kě)以通(tōng)過以下(xià)方式與我★♦π↑們聯系

業(yè)務熱(rè)線13387655359大(dà)客戶專線13543255359

提交需求提交需求

提交需求
熱(rè)線
微(wēi)信掃碼咨詢
電(diàn)話(huà)咨詢
微(wēi)信
業(yè)務熱(rè)線
提交需求
官方微(wēi)信
準備好(hǎo)開(kāi)始了(le)嗎(m®"a),
那(nà)就(jiù)與我們取得(de)聯系吧(ba)
13387655359
有(yǒu)更多(duō)服務咨詢,請(qǐng)聯系我們
請(qǐng)填寫您的(de)需求
您希望我們為(wèi)您提供什(shén)麽服務呢(↑↓★ne)
您的(de)預算(suàn)