本文來自?網易云社區?。

?

H5一般頁面不會很多，看似簡單，實際上會有很多細節需要注意，我自己在做過了幾個H5之后，發現了一些常犯的問題，做了小結，希望給新開始做H5的產品相關的同學提供一些幫助。

首先說說一個常容易被忽略但是又很關鍵的問題：

?

H5雖簡單，但活動方案不能糙，避免兩三句話就講完的需求。

一個簡單的H5，需求方常常會把需求口述或者兩三句話提單給產品同學，但是這種方案往往非常簡陋，目的沒有寫，邏輯不全，很多細節沒考慮清楚，文案提綱也沒有最終確定就匆匆交付產品做原型了。

接下去是雙方討論，然后產品同學開始畫原型，原型畫好后，往往還是需要反反復復的修改。運營覺得產品理解力不夠，產品覺得運營的表達能力太差。實際上雙方都沒有過錯，問題出在了需求方案階段的溝通效率上。

?

舉個例子，一句話的需求工單↓

粗糙的活動策劃方案，會大大降低信息傳遞效率。粗糙的方案，需求方通常只能表達出來50%信息，產品同學能接收到信息的就更少了。
什么樣的活動策劃方案算粗糙呢？一個不完整的活動策劃方案，常常會：
1，沒有明確的活動目的。
目的考慮不清楚，會導致：H5側重點放錯或者活動不能達到預期效果。
2，不清楚面向的目標用戶是誰。
3，只有一個大主題，但是沒有分場景去串這個主題或是場景之間串的不流暢，和大主題的銜接很牽強。

比較常見的一個現象是，需求方這樣告訴產品，“我第一頁要放什么...第二頁要放什么...最后一頁放什么“通常只說了內容， 而沒有說，用戶會在什么情況下看到什么樣的信息，看到以后會有什么反應，接下去他會怎么做怎么想， 然后怎樣自然而然的進入第二頁并繼續。 比如這個H5，主要是盤點用戶一周年產生的數據，這是三個連續的上下頁面，就幾乎沒有什么關聯性和場景↓

?

4，只考慮了怎么做活動，而忽略了怎么去傳播。
這點上嚴選很多正面的例子，他們通過朋友砍價、免費領東西、占卜新年關鍵詞、回顧10年前用的手機等讓用戶去自傳播，有物質獎勵也會有情感牌。
5，在文案的表達上缺乏整體性，沒有清晰的主線和思路.，或者文案不統一，有歧義，每個頁面分開看沒毛病，但是上下頁面串不到一起或者很牽強。 文案看上去對整個H5的影響并不會太大，但是它有時候會反應一些其他的關鍵問題。比如有時候看上去問題出在文案上，其實仔細一推敲，是活動方案沒想清楚。舉個例子，我曾經做過一個H5，文案沒定，后來反復改了十幾次，然后經過討論，我們發現是活動主題沒想清楚，美術設計到一半，活動方案推翻重來，表面上看是文案沒定，實際是主題在開始就沒有想透徹。活動上線后，一旦發現方案有問題，也只能簡單改改文案，很難補救到理想效果。

上述這5個基本個問題，開始想不清楚，在后面的環節它們也會漸漸的浮現出來，在產品制作過程中再去考慮，往往就會導致各個環節的返工。

不講解決方案的提問題都是耍流氓，那么接下來我們再來談談如何避免上述問題。

第一步,產品同學要在開始畫原型前就參與進來，確認活動方案是否完善。
在活動方案提交后，自己先和運營同學理一遍幾個關鍵問題，和運營一起吧這些問題想清楚了，再開始動手畫原型，來避免出現溝通上的低效。剛開始做產品的同學可能會容易犯一個錯，就是接到一個活動后，先不說話不討論，埋頭畫完原型再去和需求方討論，其實這樣是比較低效的，應該在開始動手前進行充分的溝通，現在腦子里畫完原型再動手畫。

首先需要考慮清楚3個問題：
1、首先，也是最重要的一點，為什么要做這個H5，目的是什么，期望達到什么效果？
如果是廠商活動，則需要確認廠商希望達到什么效果，我們的活動能帶給他們什么影響？
如果是運營活動，則要確認是想拉新，提升用戶活躍度，召回老用戶，還是增強品牌的影響，擴大知名度?

為什么這一點最重要呢？因為不同的目的決定H5設計的側重點。

品牌宣傳向的：重點在做好分享引導和分享落地頁，讓盡可能多的用戶去分享出去H5，不是任務，而是讓用戶炫耀和分享給朋友。

用戶運營向的：
1）拉新向需要考慮的側重點：:重點在于轉化，新用戶看到之后能讓他們有動力或者有興趣下載app。
2）老用戶召回型：通過通知或者短信召回，重點在通知或者短信里的超鏈接對應的落地頁。

營銷向的：
1）傳播：重點在于事件營銷，既要宣傳合作的廠商，又要宣傳我們的app
2）品牌露出相對要多一些。
3）也需要注意轉化，不要只是傳播了但是沒有轉化。比如之前朋友圈刷屏的招行留學卡的廣告，傳播效果很好，但是產品露出的太少，廣告和產品聯系的也比較牽強。

2、我們的目標用戶是誰？
老用戶怎么玩? 比如xxapp一周年之中主題的，就比較適合老用戶玩，新用戶進來很多數據都會是空的。
新用戶怎么玩?
哪些不是目標用戶，需要放棄哪些?
要去哪些渠道推廣？不登錄或者沒有愛玩賬號的用戶是否允許參與？

3、我們的經費，獎品是什么?（純靠獎品來激勵轉發分享拉進的活動中，直接決定活動效果）
考慮清楚上面幾點，再去決定用什么形式去做這個這個H5。


第二步，確認H5類型。

一般h5內容類型：
1）答題類：考慮問題的難易度，用戶的參與感會更強，得分高的用戶可能會更愿意去分享。
2）ugc數據展示類：用戶在app上產生的數據來做文章，這類活動對品牌自身的影響力有一定要求， 平臺知名度越高，傳播度越高，比如年度知乎大數據。
3）用戶自身性格、運氣等猜測或者占卜。
4）用戶提交內容類：提交照片，圖片，回復來參與，參與門檻相對高，需要保證提供的獎品價值，讓獎品激勵用戶更多的參與。

第三步，考慮場景，都有哪些場景，主次關系是什么。
個場景如何連貫起來串成一個完整的故事，把用戶帶入故事中去。
需要做到能在腦海中連續的播出每個場景，再把場景串成一個完整的故事。

第四步，考慮如何讓用戶傳播？傳播點設置在哪兒。
如果想讓用戶自己主動傳播，用戶傳播的點在哪兒，如何激勵分享（如何讓用戶炫耀/尋求幫助）。
如果想不出傳播點，那該如何激勵用戶傳播（獎品鼓勵）。

第五步，考慮如何轉化。 如何給app帶新用戶。

如何給app帶新用戶。
四五步屬于進階版的內容，后續再總結。
此階段不要太糾結于頁面上的元素、交互和設計。上述問題思考完畢就可以進入動手階段了。

產品設計階段需要考慮：
1，按方案中的場景去做原型，場景要連貫。
2，篇幅盡量短：用最短的篇幅去講清楚整個故事。
3，信息需要聚焦：同時每個頁面信息又不能太多，每個頁面要有明確的主題和想要表達的主要信息。
4，重點要突出：重點要放在3個頁面上，這3個頁面可以說直接決定了h5是否會做的好。
1）h5首頁：決定老用戶會不會繼續參與。
2）內容的最后一頁：決定用戶會不會分享。
3）分享落地頁：決定新用戶會不會下載app，老用戶會不會啟動app

其他tips：
設計評審需注意
色調和情感表達密不可分，大多數主題都需要避免太喪的配色和素材。
舉個例子，主題是希望小學相關的，但是第一個設計師做成了很喪的風格，想突出苦孩子的氛圍，但是出來效果以后....按第二個設計師的說法，你讓孩子們的父母看到怎么想...↓

如何和某個游戲相關，則注意盡量和游戲主色調接近
如果是過年、國慶、中秋之類的：可考慮喜慶的顏色
字體不能太小
輸入框不能太小
圖片不能太小
除了主要的h5頁面設計，還需要設計留推廣位圖片

開發評審需注意

需要和開發一起考慮如何防止刷號刷獎品。

上線后的推廣
如果有抽獎一定避開iOS包提審階段，被發現一定會被App Store打回。

其他：
設計答題類的的h5，要把問題控制在10個以內
活動規則不要寫太多，沒人看，盡量做到簡潔明了
題目不要設置的太難，控制中獎人數可以從中獎概率去控制。
如果答題類的H5提供了幫助文章，一定要做到有效，不要提供無效的信息。
如果獎品價值較高且稀少，可以考慮強制轉發規則。
抽獎獲獎概率的設置：開始設置的高一些后面再降低，讓首批用戶嘗到甜頭，去帶動傳播和口碑。

正文到此結束，如有說的不對或者不完善的地方，歡迎來指正或者討論。

?

本文已由作者網易愛玩高級產品策劃——納穎授權網易云社區發布，原文鏈接：H5活動產品設計指南基礎版

轉載于:https://www.cnblogs.com/163yun/p/9099683.html

總結

以上是生活随笔為你收集整理的H5活动产品设计指南基础版的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。