本文主要通过对天天P图的“小学生毕业照”、“全民cos武媚娘”，“围住神经猫”以及杜蕾斯的“一夜N次郎”等线上小游戏
首先需要明白线上h5小游戏的应用场景，其实h5小游戏只是线上h5营销中的一个分支，与其他h5不同之处在于其呈现方式为游戏， 所以在与用户的互动性上会更强。那么怎样才算是一款好的线上h5小游戏呢?其实无非就是能够完成我们赋予它的期望，比如提升了我们的新增用户数，或者提高了我们某个功能、某个活动的用户活跃度。那么一款好的线上h5小游戏一般会有哪些特点呢?
首先是“三个明确”，即要明确自身产品的定位或者说调性，明确此次h5小游戏要达到的目的是什么，以及明确面向用户群体是哪些。以天天p图为例，一般它的h5小游戏都是为了让用户发现它提供的新的p图效果，从而把获取新用户，面向的用户群体为整个潜在的天天p图目标用户群。
其次，从用户的整个从看见，到参与，再到分享的路径来看，为了让用户看见继而参与，这就要求我们的小游戏具备吸引性，用户通常会由于猎奇，觉得好玩，觉得有利可图，或者从众而参与到我们设计的小游戏中来，这些因素就是我们在设计时可以利用的一些点。“小学生毕业照”就是主要通过利用用户猎奇和从众的心理来吸引用户，而“蹭热点”也是常用的手法，比如“全民cos武媚娘”。这一部分通常都是在用户分享的结果页面标题来做文章。
用户参与后如果能成功被转化，比如下载我们的产品，报名参加我们的活动等等，是不是就完成了呢?其实不然，为了使小游戏能够传播开来扩散至更大的范围中，也就是让用户从参与再到分享，我们需要在设计中增加能够促进用户产生分享行为的点，考虑用户分享的时机，分享的场景，以及分享的动机如炫耀(“围住神经猫”)，好玩(“一夜N次郎”)，从众，有利可图(分享有奖)，个人标识(例如那种很简单的按生日选择不同的词组合成一句话的游戏)等等。
最后一点，创意，也是最难讲，最难量化的一点，这创意体现在你游戏的名字/活动的主题、游戏的形式，分享出去的链接标题、文案等表现层的内容，很大程度上觉得了用户买不买单，能不能给用户留下深刻的印象。下面结合杜蕾斯的“一夜N次郎”案例讲一般的设计流程和感受其创意。
杜蕾斯，避孕套，成人用品，其运营风格一般都是老司机风，面向的用户一般均有驾驶证或将来有驾驶证。
创意在文案中开始，“xxx一夜50次，打败了30%的中国人“既符合其调性，用户也能够懂它的意思，能引起用户的兴趣。
从众只是当游戏传播开来后影响用户参与的一个因素，仅此一个是并不成立的，所以需要思考如何让用户具备分享的动机，这里杜蕾斯的“xxx一夜2250次，打败了30%的中国人“属于常见的套路，即利用用户爱炫耀爱玩的心理让用户进行分享。
这里如果只从杜蕾斯的”一夜N次郎”来看的话，其游戏形式是和别踩白块类似，只是把黑白块替换成了不同颜色外包装的杜蕾斯，而把踩过的块变成了套套，最后把游戏分数替换了一夜的次数，采用用户比较熟悉的游戏形式用户会比较容易上手，但具体的游戏上要改装一发，不然就毫无创意了。
再从“围住神经猫“来讲的话，涉及到的则是比较偏向于游戏策划(包括游戏形式，游戏规则的设计)了，由于篇幅问题，在此就不涉及了，有兴趣的读者可以自行了解。
网站在前期的时候都是很难上排名的吗，那么是因为你的网站基础优化都没做好，怎么可能会有排名呢，首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...
随着情人节的结束，2月份的设计圈干货大合集悄然更新。新的工具新的资源，依然是以往的分量，依然是相同的味道。和过去的合集相似，免费的素材、工具、服务占据了列表中9成的...
每个网站都是由不同功能不同类型的页面构成的，当用户打开错误链接的时候，网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时，还应当引导用户继续浏...
今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果： 让内容在显示区域滚动; 内容面板没有接触到顶部时，让内容面板移动至顶部; 内容面板接触到顶部，没有接...
你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你，快来看看我最新发现的工具包吧!有了他们，这些功能你只需要直接用，或者用一点时间把他们优化的比作者创造时更...
当你面对两家售卖同样品质、有着同等价格的咖啡店铺，服务设计的意义在于让你走进其中一家而非另外一家。 目前，在国内服务设计一词被很多从业者注意到，并在近几年得到了广泛...
约在10年之前，在用户界面使用的动效，大部分是一些广告和闪烁的弹窗。然而到了今天，已经发生了翻天覆地的变化。 交互设计和动态效果的详情，带来的是网站或APP的根本改变。这...
后台系统不好用？找不到结症在哪里？可能缺少了这样的交互设计后台说明。 1.背景 这事要从自己经历的案例说起，最近忙活的一个后台管理系统上线了。吻合业务需求的功能，准确有...
皮之不存，毛将焉附的道理也如此，而只有在展现方式、产品功能逻辑上重新设计，才能有机会再造移动搜索的商业模式。 最近，百度上线了新版的移动搜索结果页，用户在使用手机百...
在设计网页之前，最重要的是搞清楚这次设计的目的是什么。网页的设计，绝不只是为了好看。如果只是为了好看，可以直接上高清大图。网页的设计，也绝不只是一味的模仿，别人的...