2020年初，网易哒哒推出《人生必做的100件事》H5短时间内刷爆全网，上线之后，点击量达到千万，同名微博话题阅读量达到2500万。2019年初，网易哒哒推出《我的新年FLAG》H5，上线不到5天，累计PV达到3300万。一次次的刷屏，证明了清单类H5的潜力。今天，哒sir和大家聊一聊，怎样做一款有品质的清单类H5。|清单是什么？每个人都曾列过清单，可以是想要去旅行的地方、计划去看的电影，或者仅仅是傍晚想要买的菜。这些清单，可以是关于生活的、关于工作的、关于爱情的…你人生的每一个侧面，都可以生成一张清单。清单，就是与“我”相关的某些元素的集合。|清单类内容的表现形式清单类内容，其实大家都不陌生。网上有很多“人生必看的十部电影”“人生必去的十个景点”，这些都是清单类内容。相对于其他类型的内容，清单类内容具有下特点：有极宽的参与门槛有极强的个人属性可以承载足够的信息量
哒哒捕捉当下热点，做过一期让无数人偷偷抹泪的条漫《什么是同人文？》，其实内容就是一期“意难平清单”。
网易哒哒条漫 |《什么是同人文？》微博
哒哒给每一个意难平的瞬间，编制一个温柔的梦：托尼斯塔克没有死，依然每天会对摩根说：爱你3000遍；小天狼星没有掉进帷幔，依然还和以前一样，骑着摩托四处旅行；灵儿和逍遥哥哥在仙灵岛，和他们的孩子一起，等待着春暖花开；王沥川几年后痊愈回国，在云南那个饭馆，再次遇见那个心爱的姑娘…… 对于粉丝来讲，能够被触动的片段的集合，就是专属于你的“清单”。这一次清单类推文中，哒哒共列了31条意难平的片段，内容可以承载不同种类的影视剧，引导不同圈层的粉丝参与讨论。|清单类H5怎么玩？相较于条漫，H5内容除了具备上述特征，还能定制专属于自己的“个人清单”。清单类H5不但具有强烈的个人属性，还具备公号内容无法比拟的参与度和沉浸感。以哒哒的爆款《人生必做的100件事》H5为例，哒哒在“人生必做的事”这个主题下，提供相关选项供用户选择。
网易哒哒H5 |《人生必做的100件事》截图
这些选项，包含人生的不同侧面：关于友情：认真道别一次，拥有一个死党…关于爱情：勇敢地告白一次…关于生活：一次无计划的旅行，完整地看一次日出/日落…待用户选择完毕，可生成一张专属于个人的，独一无二的“人生清单”。作为用户，也更愿意分享可以更准确表达自我的内容。透过人生必做清单H5，我们可以推导清单类H5背后的交互逻辑，即：引导参与→勾选或diy选项→生成结果→用户分享。针对这个交互逻辑，在制作一款清单类H5之前，我们必须思考三个问题：用户为什么要参与话题？
如何引导用户参与话题？
用户凭什么要分享传播？
下面我们围绕着这3个问题，谈一谈如何制作一款清单类H5。问题一：用户为什么要参与话题？用户为什么要参与话题？——因为与“我”有关。以网易哒哒联合第14代轩逸制作的清单类H5《3.20国际幸福日，你幸福吗？》为例，我们先来试玩一下：
网易哒哒x第14代轩逸H5
扫码试玩
这是一款主题为【幸福】的清单，在3月20日国际幸福日上线。页面首页抛出主题“你幸福吗？”，直接引导用户参与。上滑进入交互页面，哒哒基于多次筛选，为用户列举了30件幸福小事，用户可点击选择【你做过的幸福小事】，上下拉动重复取消/复选幸福小事。选择完成后生成结果页，在最醒目的位置显示这些让人幸福的小事【已完成xx件】，充分满足用户想在朋友圈、微博等社交平台展示的愿望。
网易哒哒x第14代轩逸H5结果页
毫无疑问，这是一款诚意满满的作品，处处可见匠心。哒哒在策划之初，就洞察到：在这段特殊的时间，许多人的愿望开始变得简单，只想有更多的时间，可以与家人相伴。“幸福就是生活中普通的小事”成了许多人的共识。 这一情绪，每一个缺少时间陪伴家庭的成年人，都能对这种情绪产生强烈的情感共鸣。而哒哒正是洞察到这样的情感需求，才通过H5的形式给到用户表达情感诉求的窗口。一个话题足够与“我”相关，受众基数才越大，才越具有刷屏的潜质。|具有爆款潜质的话题从哪里找？太阳底下无新事，没有完全新的选题创意，所有选题都是某一个情感在当下环境产生的变体。所谓“新”的选题和创意，都是基于对生活的观察，对旧的话题进行重新的整合、解构和延伸。《人生必做的100件事》刷屏之前，网上早就流传着各种版本的“人生必看的10部电影”、“人生必去的10个地方”、“人生必听的10首歌”….此类人生完成清单，一直有人去做，证明该话题一直具备讨论价值。但在此之前，没人将这些“必做”的事精心筛选出来，用H5的方式呈现给用户。国际幸福日每年都有，“你幸福吗”这个话题更是被网友做成段子。但经历这段时间，幸福的小事才能让那么多人有情感共鸣，成为一个值得一做的新话题。爆款的背后，是日常的素材积累和对生活的洞察。问题二：如何引导用户参与话题相对于其他类型的H5，清单类H5的交互很少炫技。于是如何建立与用户的情感链接，如何使话题与用户强相关，成了H5成功与否的关键。在制作人生必做清单时，团队成员说：人生清单H5的选项筛选，可以说是整个H5策划中最艰难的一步。一遍遍投票、反复筛选，才把最终选项呈现在用户面前。同样，在《3.20国际幸福日，你幸福吗？》H5的选项筛选上，为了和用户建立情感链接，哒哒的小伙伴也是掉光了头发。在确定“做过的幸福小事”的主题之后，我们对“亲情”这一母题进行拆解，并以家庭关系细分了4个方向：分别是“孩子一起做过的”、“和父母一起做过的”、“和爱人一起做过的”以及“全家一起做过的”幸福小事。而最终筛选出的选项，我们尽量放低参与门槛，设置能被更多人感知的选项：比如全家一起动手，包一顿饺子，一起享受美味，再拍一张意义非凡的全家福;比如教会爸爸手机最新的功能，再听他说一声邻里间的家长里短；比如陪妈妈看热播的电视剧，即使这些剧你早已2倍速看完；比如陪儿子玩一会儿游戏，和爱人每天一个拥抱；…我们想给用户传达的是：和家人有这么多幸福的瞬间啊，而那些还没来得及做的事，要早点做啊。这些习以为常的小事，牵动着我们最朴素的情感，也与每个人息息相关。当与用户建立情感链接，用户也愿意去参与、分享话题。|给予用户超出预期的期待对于“清单类”H5来讲，图案、颜色、文字，乃至搭配的音乐，其设计不是越炫酷越好，而是越清晰越好。衡量设计成功成功与否的唯一标准，就是内容读起来是否轻松好读。如你所见，哒哒除了执着于品质，其实还是细节狂魔，每一件作品，都有不同的惊喜。因为只有给用户超出预期的体验，才能抓住用户，能够大规模传播。《3.20国际幸福日，你幸福吗？》H5基础色调采用更为柔和的淡黄色，背景音乐更为轻柔。在选项页面，轩逸H5的每个条目选项，都以单行文字+手绘图标排列。手绘图标画风线条明快，色彩搭配与背景极为契合，画面设计更注重故事性，牵动用户的情感。所有的视觉、听觉设计，都是为了引导用户关注主题本身，带给用户沉浸式的体验。问题三：用户凭什么要分享传播用户分享到朋友圈的东西，比如一首歌、一张午后的照片、一件气愤的事，都具有表达自我、获取认同的功能。换而言之，分享在社交平台的东西，其本身具有一定的社交属性。而哒哒所做的，是放大其社交属性。“幸福的小事”所传达的情绪是【感动】，属于高情绪唤起，本身是有利于传播的。哒哒在交互设计、页面显示上，力求呈现用户更个性化的结果。哒哒用醒目的颜色标注这些让人幸福的小事【已做过xx件】，分享到朋友圈，能够满足用户自我标榜、自我表达的心理诉求。更值得一提的是，H5的结果页像一张精美的手账，整体感觉温馨而又治愈。人类都有向往美的天性，美好的东西值得去分享。清单类H5的不断刷屏，其实证明了一点：H5依然内容为王。因为H5是否具有自传播力，还是看内容是否有趣、是否能够打动人。哒哒的小伙伴在制作清单类H5之前，也曾有团队成员提出，是否设计一些炫酷的特效，来吸引用户的注意。但最终还是坚持我们一贯的理念：依靠内容打动用户，所有交互设计、页面排版必须为内容服务。《3.20国际幸福日，你幸福吗？》H5也基于这一理念，传达出那些令我们感到幸福的小事，就是最值得珍惜、最值得守护的事。正如守护幸福的家轿——第14代轩逸，能给家人带来最好的守护。宽体造型，轻奢内饰，让你的座驾颜值满分。1815mm全尺寸舒享座舱，超大空间，打开驾驶全新体验。省油耗、多路况智能稳行，每一次出行，都给全家以幸福守护。东风日产第14代轩逸用爱款待家人#在一起，每天都是幸福日#