运营类产品三天两头做活动，每次活动的类型和目标都不一样，交互设计师怎么才能快速理解需求、交出逻辑清晰的方案？兰亭妙微在大量运营活动项目中总结出一套 "套路"，今天用一个会员卡激活的案例，把这套方法完整拆解一遍。
产品经理扔过来一个原型：三步流程 —— 输入手机号和验证码、输入卡密、验证成功下载。看起来简单，但如果照着原型排个版就交差，那交互设计也太廉价了。
兰亭妙微的习惯是：拿到原型先不画，找产品聊透。 沟通不是走过场，而是带着问题去：这卡是什么？怎么来的？有什么用？用户怎么激活？激活后会怎样？为什么要做这个需求？
几个问题问下来，需求的全貌就清晰了：这是一张实体会员卡，用户通过线下活动或购买获得，扫码后激活，激活后升级为会员享受特权。搞清楚这些，才谈得上设计。
第一版交互往往是最容易偷懒的 —— 把产品原型重新排个版，调整一下间距和对齐，看起来 "像那么回事" 就交了。
但这样做的问题是：你只是在执行，没有在设计。真正的交互设计要往深里想：第一步就要输入手机号吗？头部的广告跟激活有什么关系？按钮文案用户看得懂吗？提示够不够清楚？
这些问题不想清楚，画出来的东西就是 "没有灵魂的排版"。
兰亭妙微做交互设计有一个基础框架 ——交互设计三要素：用户、目标、使用场景。 任何需求，先把这三件事想明白，方案自然就出来了。
用户是谁？ 大部分是平台的普通用户（非会员），少量是还没注册的新用户。他们通过线下营销活动或自己花钱购买，拿到了这张实体卡。
用户的目标是什么？ 用这张卡快速升级会员，然后享受各种特权、买更便宜的东西。目标很明确，就是 "赶紧激活，赶紧用上"。
使用场景是什么？ 这是最关键的一步。用户拿到实体卡，看到背面有个二维码，下意识地掏出微信扫一扫 —— 扫完之后，他心里期待看到什么？
是直接弹出一个输入手机号的表单吗？不是。用户更希望先看到这张卡的详细信息：这是什么卡？激活后有什么好处？整个激活流程有几步？让用户提前看到全貌，他才有心理安全感。如果能同时展示升级会员后的特权清单，还能进一步刺激用户完成激活。
想清楚这一点，第二版方案就清晰了：页面顶部大标题 "会员卡激活"，副标题 "升级超级会员，尊享会员 8 大特权"，下面一个滑屏区展示会员特权，再下面是步骤拆分 —— 用户一眼就知道自己在哪、要做什么、做完有什么好处。
第二版看起来已经不错了，但兰亭妙微的标准是 "一定还有更好的方案"。于是我们继续追问：用户真的需要在这个页面再看一遍会员特权吗？
回到用户和场景本身：能花钱买会员卡的用户，说明他已经充分了解了会员特权，并且有足够强的动力去完成激活。在激活页面再反复强调特权，意义不大，反而占用了宝贵的首屏空间。
那这个位置放什么更好？答案是：实体卡本身。
用户是通过扫描实体卡上的二维码进入这个页面的，如果页面上高度还原一张实体卡的样式，用户手中的卡和屏幕里的卡就形成了呼应 —— 这是一种强烈的场景带入。用户输入卡密时，界面上的卡密区域同步联动，就像真的在刮开卡片上的密码涂层一样。
这种设计的好处是：用户第一眼就知道要做什么，模拟实体卡的形态完全符合他当前的使用场景和心理预期，甚至能产生情感上的共鸣。一个简单的形态变化，体验就上了一个台阶。
主流程确定后，交互设计的工作还没完。兰亭妙微的交付标准里，异常态和细节描述和主流程同等重要。 手机号格式不对怎么提示？验证码错误怎么反馈？卡密输错了怎么办？网络异常了怎么处理？激活成功后跳去哪里？这些边缘场景如果不考虑到，开发出来的产品就会到处是坑。
把这些细节全部补全，交互方案才算真正完成，接下来才是视觉设计师的工作。
兰亭妙微把运营活动类交互设计（其实适用于大部分交互设计）的分析方法归纳为四个维度：
说到底，交互设计没有什么高深的秘诀，就是多问几个为什么，多站在用户的角度想问题。 三要素、四维度、5W1H、七大定律 —— 这些方法都是工具，真正的核心是同理心：把自己当成那个第一次拿到卡、掏出手机扫码的用户，你就知道该怎么设计了。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。