从自然开始
从风 水 光 火等能源开始
01 / OPENING EDITION
ENERGY / 塔与电流 ICE / 裂纹与气泡 PAPER / 折痕与修改值得被点击的创意是怎么长出来的
ENERGY SVG INTERACTION
从能源 SVG 创意到冰块与捏捏
拆开互动内容背后的动作 反馈与用户动机
SCROLL TO EXPLORE
↓
03能源创意
02平台案例
04互动要素
02 / CONTENTS
目录
03 / A QUESTION
值得被点击的创意先回答一个问题
让用户愿意点下去的理由
通常来自
好奇情绪结果期待
04 / ENERGY SVG
专业内容
也能让用户动一下手
能源行业的信息往往专业 抽象 流程复杂
如果把阅读换成操作
有些内容反而会更容易理解
流程变化空间
同样是能源内容
不同的信息结构
需要不同的互动方式
05 / FLOW
一度电的历程
把一条看不见的路径
变成可以一层层推进的过程
升压与输送
升压 → 输电 → 变电 → 配电
进入日常
进入家庭 商业 工业和城市
06 / CHANGE
点亮一座城
点击一次
城市亮一点
城市仍在夜色中
07 / SPACE
能源地图
把一张地图
变成可以探索的信息入口
08 / TRANSITION
三个创意
其实只做了一件事
内容结构↓找到自然动作↓匹配 SVG
流程 → 滑
变化 → 点
空间 → 探索
当内容从能源知识
换成用户情绪
这套逻辑依然成立
09 / CASE STUDY ICE
夏天 冰块
然后想到敲
一个主题联想 如何慢慢长成
一个让人愿意动手的动作
夏天→冰块→敲→点击换图
主题不是答案
找到自然动作 互动才有了开始
10 / LIVE DEMO ICE
冰块式消消乐
先揭晓
再消失
点击任意冰块
看看里面藏着什么
11 / WHY IT WORKS
真正让人继续点的
其实是
未知不是点击本身
而是每一次点击前
都还留着一个没有被打开的答案
好奇→敲→揭晓→消除
12 / PLATFORM LIMIT
张
做到 200 多个冰块后
我碰到了一个上限
微信公众号单篇内容最多约 500 张图片
当冰块数量和状态图不断增加 互动就无法正常导入
素材数量×互动颗粒度×制作成本×平台限制
后来通过删减冰块解决
复杂互动上线前 先估算它的边界
13 / CASE STUDY SQUEEZE
工作压力很抽象
捏却非常具体
把难以描述的压力
先放进一个看得见
碰得到的载体
压力↓找到具体载体↓捏↓形变
PPT 修改稿Word 文档工作群消息
14 / LIVE DEMO SQUEEZE
把工作压力
变成一个能捏的东西
连续点击
看它逐步变形
正常 点击纸张 开始把压力捏掉
15 / SAME CLICK, DIFFERENT FEELING
同样是点
用户为什么感觉完全不同
好奇
我想知道下面是什么
点击 是为了把一个未知的答案敲开
动作只是表面动机决定体验
情绪
我想把压力捏掉
点击 是为了让一种具体的压力慢慢释放
16 / METHOD
互动四要素
先看用户为什么开始
再设计每一步会发生什么
动机
为什么用户愿意开始
动作
用户具体要做什么
反馈
操作以后立刻发生什么变化
奖励
继续互动最后能得到什么
17 / ACTION
先想动作
再找组件
动作决定用户怎么参与
组件负责把反馈做出来
18 / AI WORKFLOW
互动机制定下来后
AI负责加速素材生产
AI加快素材生产
互动逻辑仍然要先想清楚
- 01创意
- 02互动机制
- 03状态拆分
- 04AI批量生成素材
- 05SVG组装
19 / EXTENSION
玩法可以不变
内容皮肤一直换
同一种互动机制
可以进入不同内容场景
互动机制
20 / SUMMARY
下次做互动
先问自己三句话
复杂不是目的
简单动作 清楚反馈 值得继续的结果
才是判断互动是否成立的基础
这个主题里
用户最自然会做什么动作
每一次操作以后
用户能不能立刻看到反馈
继续玩下去
用户最后能得到什么
先找到为什么点
再决定怎么做
21 / KEEP IN TOUCH
直播结束
我们继续聊
互动创意
SVG玩法
素材制作
还有没来得及展开的问题
都可以在直播之后继续交流