快速掌握H5製作技巧
▲這是默楚先生的第8次跟你交流
唯有學習，才能立於不敗之地。
The Flood
In Deepest Blue (Bonus Track Version)
Joshua Hyslop
00:00/00:00
最近一直在面試，先給大家說說面試的幾個環節。
面試一般分為三個環節：
第一個環節：HR 面試
（考驗口才，溝通能力，和人打交道能力）
第二個環節：line manager 面試
（根據jd和簡歷，考察業務能力，專業能力，以及臨場能力）
第三個環節：大boss 面試
（具有一票否定權，考察你的價值觀和人品）
但這一般是大公司需要經過這三個環節，而一些小公司，直接就是HR面，面完就是業務部門老大面。
這裡說說我在第一個環節HR面試的一些體會，因為大部分HR對業務不是很了解，但他對業務方面的考察，問的大多是面試者是否具有相關技能要求（依據招聘頁面的任職要求來）。
例如我是面試互聯網運營崗位的，被問到的相關技能就是：文案撰寫能力，活動策劃能力、數據分析能力，ps製圖能力，以及H5頁面製作能力......
在多次面試過程中我都被問到會不會製作H5，才意識到公司比較看重運營職位會不會製作H5頁面的這個技能。
我雖然之前有所涉及，但是並沒有去刻意學習，所以為了彌補自己這方面的不足，也本著教是最好的學的原則，我把我最近學到的關於H5的製作技巧做一下分享，希望也能幫助你們快速的掌握H5的製作技巧。
01
當老闆叫我們製作一個H5頁面時，首先得想想：是否真的需要做一個H5頁面嗎？
從兩方面來分析（劣勢和優勢）
H5的劣勢：
①H5頁面很大
普通圖文：100k以內，1～4秒打開；
H5：上不封頂（嵌入音樂或者小視頻），1-n秒打開。
需要考慮用戶的流量問題，以及用戶打開場景，比如用戶在上下班的路上打開H5頁面，由於H5比較大，打開速度非常慢，用戶可能隨時會跳出去。
②H5展現信息的效果有限
普通圖文：一目十行，只要標題寫得差不多，用戶瞬間能找到興趣點；
H5：如果文案能力不強，則會分成好多頁。
如果用戶發現信息載入得又慢，不能馬上看到想看的東西，就會馬上退出來。
③一個好看的、有效的H5，挺費事的
要挑選素材，要設計動畫，要考慮配色，要挑選音樂.....
如果有這些時間，還不如多做幾版簡單的圖文，去測試效果，同等情況下帶來的成效會更大。
其實，說白了，任何推廣，都是用語言（文字/圖片）在傳達信息，只要信息傳達到位了，渠道選對了，形式真的不太重要。
那H5有哪些優勢呢？
可以在短時間內吸引一下用戶的注意力
配好音樂可以激發用戶的情感
有趣、感人的H5可以促進分享
H5的優勢也是顯而易見的，雖然刷屏的H5相對較少，但是這種信息傳達的形式我們至少需要了解。
02
做H5頁面前的準備有哪些？
1、確定你的推廣方案
2、確定用戶接觸H5頁面的場景
3、確定具體的H5投放計劃
4、寫一個詳細的腳本
逐個來分析下，這4個點具體要做些什麼？
一、確定你的推廣方案
推廣什麼？（什麼產品）
推廣目的？（是讓用戶記住你還是做其他事情）
推廣時間？（直接關聯到用戶的使用場景）
用戶是誰？（用戶畫像）
有哪些必須說的？（賣點）
轉化點是什麼？
二、確定用戶的場景
有沒有wifi？
能不能放音樂？
能不能立刻進入轉化環節？
進不了轉化環節，怎麼辦？
三、確定投放計劃
什麼時間點？（直接關聯用戶使用場景）
由哪裡開始？（決定第一波接觸到的用戶是誰？微信大號？微博大V？）
找誰/什麼時候推波助瀾？（過了第一波後，需要去找誰去做第二次第三次....推廣）
四、寫一個可執行的詳細腳本
首屏：吸引注意力，拋出最吸引人的點（產品），引起用戶的探索欲
2：吸引注意力，引出產品
3：詳細的產品介紹
4：為轉化做鋪墊
......
轉化：適合情景的轉化方式
不管是寫文章還是製作H5頁面，先把整體框架搭建好，前期準備做好，才能事半功倍。
03
前期準備工作做好了，接下來可通過哪些網站來製作H5呢？
當前市面上有很多製作H5的網站，在這裡介紹三種：
易企秀：功能較全，內容很豐富，模板較多（尤其是免費模板）但是界面有點繁雜。
兔展：兔展的編輯頁面簡單易上手，DIY程度較高，動畫實現較方便，而且界面很簡潔，視覺感受很舒服。
初頁：類PPT的移動端設備展示與傳播的H5頁面，主要特點是易操作、簡單方便（手機app）。
這裡我最喜歡用兔展，因為它的背景、界面風格比較符合年輕人的定位。
具體的製作H5教程，各個網站上都有自帶，這裡就不做過多的闡述哈。
04
最後再強調下，製作H5頁面前的準備才是製作H5的核心，
即：
1、確定你的推廣方案
2、確定用戶接觸H5頁面的場景
3、確定具體的H5投放計劃
4、寫一個詳細的腳本
這4點尤為的重要，當把這4點都確定好了，即整體框架搭建好了，就按著製作H5網站的教程向每頁填充內容就可以了，製作簡單的H5還是沒問題的，如果要做比較酷炫的H5，那就需要費很多時間了。
比如得有一個好的想法，以及花大量的時間挑選素材，設計動畫，考慮配色，挑選音樂等，並且需要開發和UI的配合才行。
TAG:默楚先生 |