「H5案例分析」網易雲音樂：使用說明書

4 人贊了文章

點擊查看案例：https://st.music.163.com/c/m2-spec/190/index.html (二維碼自動識別)

這支H5出自網易雲音樂的一個叫M2的創意工作室，也就是之前的「噠噠」。這支團隊打造過很多刷屏的現象級H5，比如之前的《來，用五筆畫一個你的愛吧！》、《解鎖你的歡樂頌人設》等等。

策劃創意

首先從創意策划上來說，這支H5跟之前網易雲音樂刷屏的H5略有不同，從趣味測試的角度為切入點，但是又非常貼切的採用音樂的選題進行製作，符合品牌的調性。用戶在聽到音樂片段之後選擇感受，然後選擇性別，最後生成一張「個人」的使用說明書。

技術開發

從技術上來說，這支H5利用人人秀的答題插件就可以直接製作，套用答題插件，選擇趣味測試類型，把題目設置成相應的音頻內容，設置選項分值，最後劃分不同分值的生成的海報頁面，所以開發難度不大。這裡有一個非常重要的創意點，就是最後生成的是「使用說明書」，而用戶是實實在在的人，人的使用說明書聽起來有點奇怪，但是搭配上對應的文案，就是另一番感受，這就是需要說明的第三點，H5的文案內容。

文案內容

整支H5的文案，除了測試題和選項之外，吸引刷屏轉發的就是最後生成的「使用說明書」文案。最後生成的海報，採用讀取輸入昵稱技術，加上各種暖心或者雞湯的文案說明，激發用戶的優越感以及情感訴求，最終實現刺激轉發的效果。

交互體驗

再者就是整支H5的交互設計上，剛才說到技術上開發難度不大，利用答題插件就可以製作。但是在交互設計上構思的就比較巧妙，首先是生成的海報帶有用戶輸入的昵稱，給用戶營造專屬感和優越感；其次是可重複操作，體驗過這支H5的用戶應該都知道，這支H5可根據用戶選項不同，重複生成不同的海報，這樣可以滿足用戶再次體驗和選擇保存哪一張海報的需求，這也會增加轉發的幾率。

頁面設計

最後想說一說這支H5的設計。這支H5色彩搭配上不像以往的H5在色彩上比較單一，而是採用顏色比較鮮亮的多彩設計，在經過首發傳播之後，容易在朋友圈吸引人和刺激關注，這樣轉發的人越多就越容易引爆和形成現象級刷屏。

推薦閱讀：