top of page
Luckin Coffee App
会员权益页面优化
UX & UI Designer | May 2020 - July 2020
- 进入二级页面预设展示用户当前等级卡面，可滑动切换观看不同等级权益，以锁头图标代表尚未解锁等级
- 直觉的对比展示权益，刺激用户解锁更高等级的欲望
- 卡面的大小参照未来4.0首页卡面尺寸，方便未来做元素的替换
一级页面
二级页面，当前会员等级
尚未解锁当前等级
遵循DiDi等本土用户熟悉的交互体验，在个人信息的一级页面展示重点会员等级，用户点击进入二级页面后更全面的会员权益咨询与功能。
现有用户个人中心页面不做过多更动，降低用户适应时间
在个人信息一级页面展示所有会员权益，让会员激励机制和用户促活功能的体验行程更便捷
- 个人页面即展示完整会员卡及权益资讯，不需跳转
- 卡面尺寸调整为扁长型，符合个人页视觉风格以及资讯露出
一级页面
利用弹窗方式，使用户逗留在会员权益功能页面，从而引导更多的会员权益功能的使用
利用更能引导触发的圆形按钮图标风格，让用户更愿意点击和使用会员权益功能
仅显示可以使用与可解锁的权益，隐藏并替换旧的权益功能。
优点在于可以减少不必要的信息干扰，并且保证其他功能的信息能够有空间露出
整个交互过程中，我们适时的使用微动画来增强抽奖体验的趣味性、互动感和中奖的仪式感。
- 转盘启动到中奖的过程中，我们适时地设计了微动画去增强抽奖板块的趣味性和中奖的仪式感：
1. 转盘上的浮标动效模拟真实转盘转动的效果
2. 启动转盘后，产品名对应着中奖区域滚动
3. “GO”按钮收起变为滚动轴 4. 中奖后的微动画包括散开的烟花和闪烁的灯泡，用弹窗展示奖品图，进一步加强仪式感
- 进入转盘页，会有Pop-up弹窗展示抽奖产品列表，并提示交互手势
- 运用统一的图标风格，放大的转盘能更好的从视觉上刺激用户去互动
- 相比于传统的抽奖页面，我们的设计扩大了整个交互空间，用户可以和整个转盘区域进行交互
- 我们提供两种启动抽奖的交互方式：
1. 看到转盘后直觉地去swip转盘
2. 通过点击“go”按钮。因为构成转盘的每一块元素从视觉上指 向了按钮，增强按钮的点击感
bottom of page