點擊是最常見的手勢之壹，可用於頁面過渡。這種交互手勢壹般需要設置點擊引導。
指導可以作為評論，幫助用戶了解H5，讓用戶跟隨H5的想法，促進劇情發展。符合主題的個性化引導設計能迅速將用戶帶入情境。
比如在紅網的“把希望的種子帶到北京”，用戶可以點擊行李傳送帶上的行李進行“拆包檢查”，查看代表們的建議，聽聽他們的故事。
H5用行李箱作為壹個點擊按鈕，為用戶構建壹個去北京的場景。即使不能親自到現場，也可以“參與”會議，了解會議內容。
點擊手勢也常用於測試H5，用戶點擊屏幕選擇不同的選項，並生成獨家測試結果。
網易的《測測妳的哲學氣質》《歡樂頌測測妳是誰》《餵食手冊》都是測測H5，只需點擊互動即可完成。
02組合互動
連擊互動主要用於遊戲H5。持續點擊屏幕節奏感強，點擊量和積分排名的相關性會有競爭性，可以激發分享，吸引更多人參與。
這種單壹的互動模式操作起來比較簡單，所以會結合限時和限時的玩法。
網易的“漫威漫畫電影十周年”H5設計了壹個“擊敗”滅霸的鏈接，用戶需要點擊屏幕記錄10秒內“擊敗”滅霸的次數。10秒後，用戶可以看到combo的數量及其在全網的排名。
守護妳的幸運足球屬於H5，沒有連擊次數的限制。為了精確而不求數量，妳需要點擊屏幕來控制足球的高度。不能“飛”得太高撞到鳥和石柱，也不能掉到地上。
《穿越中國70年》是網易為慶祝新中國成立70周年制作的視頻《H5》。
其中“為祖國點贊”鏈接要求用戶雙擊屏幕，每點擊壹次計壹分。combo時產生的愛情特效會變色，畫面會給用戶新鮮感。
贊的創意來源於短視頻贊，交互手勢是用戶熟悉的形式，有利於帶動為祖國“吶喊”的正面情緒，提升體驗感和沈浸感。
03長按互動
長按需要用戶根據引導長時間觸摸H5頁面中的壹個按鈕，以保證畫面的連續播放和平滑過渡。
因為長時間的按壓需要用戶的手指保持靜止的暫停狀態，所以用戶可能會感到厭煩。在設計時，最好能提示H5的播放進度，在時長上給用戶壹個參考。
長按交互經常以鏡像的形式用於H5。經常考驗故事的銜接和鏡頭的轉換。使用得當可以給用戶帶來良好的體驗，讓用戶更加專註，從而提高播放率。
通過長按動作，用戶可以自由觀看畫中畫形式的所有內容。
《武林外傳》和《仙劍奇俠傳》
04長像視差互動
長畫面的視差互動經常以滑動手勢進行，這驅使H5連貫地播放。
視差動畫由於與主視覺畫面的運動速率不同，具有更鮮明的空間層次感。
這樣可以增加畫面的新鮮感，緩解高密度內容帶來的視覺疲勞。減輕閱讀長篇圖文的厭煩，協助H5從畫面效果中平穩過渡。
網易的《自白》就是用這種方式把故事往下滑，把主角的變化呈現給用戶。使用滑動手勢控制故事播放，讓用戶更有參與感。
“妳要的都是好的，我們盡力做好”以滑動長圖+視差動畫的形式，帶領用戶從1988到2018，串聯起興業銀行30年的發展歷程。
童話裏遇見妳的時候用的是長畫面，滑動的時候會在場景中插入壹些小元素，讓整個H5看起來很酷很豐富。
05拖放交互
拖動不同於滑動。妳需要抓住屏幕，從壹個點拖動到另壹個點。移動速度由用戶控制，適合策劃圖片展示或敘事等專題。
網易的“睡姿大賽”H5采用骨骼動畫技術，用戶可以拖動小人的四肢，在床上DIY自己的睡姿。
除了選擇場景和人物，H5還在床上提供小物件進行搭配，可以放大或縮小來裝飾臥室。
06雙指變焦交互
雙指交互要求用戶同時用兩個手指觸摸屏幕，例如滑動屏幕來放大或縮小某些東西，也常用於圖片過渡。
這種交互需要手勢的微操作，玩法有些復雜。但是交互比單指點擊滑動更強更有趣。
網易新聞的H5《堅持比新聞更接近真相》采用了穿越時空的設定，設計了兩指放大手勢進入下壹頁。單擊按鈕查看當前頁面的詳細信息。每個頁面上統壹的手勢很容易讓用戶理解。
07語音交互
除了觸覺交互，還有聽覺交互。語音交互比較少見，多與錄音有關。按照H5指導，錄壹段，DIY生成專屬音頻。
網易雲音樂的“有故事的單曲直播”就是讓用戶錄音，講述自己的故事，創建錄音文件。錄制完成後，會生成壹張帶有副本的定制海報。
用聲音控制H5也可以表現為自選的音樂片段，DIY成壹首完整的歌曲。
網易雲音樂的“放音樂，我從來沒有害怕過”允許用戶從幾個音效中選擇自己喜歡的風格，然後對原曲進行調音，生成個性化的音樂。
DIY制作的音樂代表個人喜好，具有壹定的社交屬性。
08寫作互動
書寫交互是壹種自由度很高的交互方式，用戶可以根據提示自由創作文字和圖片。
通過繪畫創造的圖像是獨特的，並反映了用戶的情緒。面對自己畫的人物，用戶可以更用心地投入到H5中，流失率往往不高。
網易的《裏約大冒險》給了用戶壹些指導，根據提示畫出了小人、繩子、降落傘的形象。
雖然這些圖像的線條略顯粗糙，運動與背景形成鮮明對比，但由於是原創人物，用戶對畫面的包容性更強。
文本部分的寫作交互常用於測試類H5。用戶根據提示輸入姓名或想說的話，生成海報得到測試結果。
網易新聞的H5“保護妳名字中的漢字”可以輸入妳自己的名字，找到需要妳自己保護的瀕危漢字。
H5測試產生了日常生活中很少使用的生僻字。“守護”漢字的主題，既能讓用戶了解這些瀕危漢字，又能賦予他們使命感，積極分享傳播。
09重力相互作用
模擬現成的物理規律，可以大大降低理解的門檻，增加規劃的趣味性。
移動電話為硬件技術的發展提供了許多可能性。使用重力傳感器，陀螺儀，速度加速器和其他硬件設備可以創新H5遊戲，增加代入感。
當搖晃手機時，H5會自動判斷手機的傾斜角度。因為是技術性的，重力交互經常用在特定的頁面。
網易新聞的《時空戀辦公室》就是利用手機的重力傳感器晃動手機喚醒主角，開始劇情。
10三維空間互動
3D交互主要利用3D技術構建三維場景，突破了平面屏幕的限制，強調層次感。
然而，這種交互模式在開發和設計中難度較大。考慮到用戶的使用習慣，3D交互玩法相對簡單，往往結合點擊、滑動等基礎手勢，3D作為H5的壹大亮點出現。
“我的龍貓在線扭蛋遊戲今天開放！“擰蛋器”“金幣”等元素為3D，正常比例的原創動漫角色為q版。
擰雞蛋是壹個動態的過程。如果使用二維圖像，交互效果並不明顯。3D物體強調用戶的存在感，還原扭蛋的未知樂趣，H5玩起來更逼真。
11全景互動
在360°全景形式下，用戶可以上下左右滑動。
這款H5以類VR的形式承載整個畫面交互，更註重H5場景的設計，立體感強，要求畫面360°邊界平滑銜接。
但由於加載內容多，H5體積大，播放時很可能會出現畫面卡頓等問題。