開(kāi)發H5，如(rú)何知(zhī)道(•'♥ dào)用(yòng)戶的(de)想法？

來(lái)源：lexintech.com 發布時αφ$(shí)間(jiān)：2017-09-06

要(yào)開(kāi)發一(yī)個(g →✘αè)H5手機(jī)網頁，前期在設計(jì)、策劃時(shí)，我們經常需要(☆∏→yào)查看(kàn)各種案例，展開(kāi)各種腦(n εǎo)洞，甚至出各種方案A、方案B以作(zuò®←≠←)備選。滿懷期待地(dì)将自(zì)己×₽×的(de)項目推上(shàng)線後，卻總會(huì)發現(xiàn)這(z±✘hè)樣或那(nà)樣的(de)問(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è)種現(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)有β φα(yǒu)著(zhe)多(duō)年(nián)開(kāi)發®↕¥≈經驗的(de)APP開(kāi)發公司的(de)産品經理α→σ♥(lǐ)們，是(shì)否有(yǒu)認真思考并分(fēn)析過影∏λ✔(yǐng)響作(zuò)品最重要(yào)的∑∑(de)因素：”目标用(yòng)戶到(dào)底是(s÷×♣hì)怎麽想?” 這(zhè)個(gè)問 π<(wèn)題的(de)呢(ne)?有(yǒu)時(shí)£φ→ε候，重大(dà)的(de)疏忽來(lái)自(zì)于缺 §乏同理(lǐ)心地(dì)去(qù)觀察用(yòng)戶。

我們都(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)戶在第一(yī)個(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énβ×©&g)否盡可(kě)能(néng)壓縮?

2.加載頁增加一(yī)些(xiē)互動、或有(yǒu)趣的(de)小(xi✘ δΩǎ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í)慣，任何異常的(♣Ω‌de)操作(zuò)設計(jì)或改變用‍↔(yòng)戶習(xí)慣的(de)操作(z♦γ 'uò)都(dōu)有(yǒu)可(kě)能(néng)造成用(yòng)戶不(‌☆₽£bù)适。要(yào)求我們在策劃過程中使産品操作(z♠≥↓uò)更為(wèi)便捷舒适，合情合理("↕lǐ)，如(rú)靠右翻頁、靠右下(xià)點擊等↑✘©是(shì)比較符合用(yòng)戶操作(zuò)習(xí)慣的(deγ₩)。

在設計(jì)産品前了(le)解用(yòng)戶需求是÷δ(shì)老(lǎo)生(shēng)常談的(de)話(huà)題。€£我想每一(yī)位在策劃在設計(jì)H5前都(d♥→ōu)會(huì)或多(duō)或少(shǎo)思考過這(zhè)些(x≠&←δiē)問(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ì)己相(xiàng)關的→↔(de)東(dōng)西(xī)。(這(zhè)種相≥↕(xiàng)關一(yī)般包括內(nèi)容上(shàn≠γεg)的(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éng)會(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òn÷£&★g)戶找到(dào)自(zì)己的(de)存在感?

3.形式上(shàng)也(yě)許不(bù)夠新穎炫目☆♥，但(dàn)視(shì)覺效果上(shàng)是(×¶βshì)否讓人(rén)覺得(de)舒服?

總結：設計(jì)産品時(shí)應該多£ε≠(duō)以用(yòng)戶的(de)角度去(qù)考慮布局∞↕'。如(rú)該H5對(duì)于用(yòng)戶是(shì)否有(yǒuσπ)意義(産品本身(shēn)內(nèi)容是(shì)否優質¥≥↓、能(néng)給用(yòng)戶帶來(lái)什(shén) ππ麽好(hǎo)處等)?; 産品分(fēn)享機(jī)制(z♥‍π≤hì)是(shì)否完善、能(néng)否抓住用(yòng)戶÷>→≠心理(lǐ)(炫耀、分(fēn)享、趣味性、普适性)?，來(lái≠© )促進其分(fēn)享傳播。以質疑的(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。

上(shàng)一(yī)篇：APP開(kāi)發公司如(rú)何設計(jì)出令人(rén)難忘α✘™'的(de)優秀網站(zhàn)
下(xià)一(yī)篇：網站(zhàn)開(kāi)發和(hé)網頁設計β♠Ω←(jì)技(jì)巧經驗分(fēn)享