SH
Commercial micro case / Mobile benefit

从图标探索,到会员权益模块优化

一次发生在既有移动权益业务中的局部改进:我从 AI 辅助图标探索开始,逐步判断模块应该传达什么、放在哪里,以及哪些操作不该继续保留。

项目类型
真实商业项目 / 脱敏展示
我的角色
设计执行与局部体验优化
工作范围
图标方向、模块信息、页面层级
01 / Scope

我不是这个产品的主导者

这是一个已有业务框架、品牌规范和页面结构的外包项目。我的主要职责是完成设计执行,但在会员权益模块中,我获得了一小块可以做判断的空间。

这篇复盘不把局部工作包装成产品重构,只记录三个真实选择:图标采用什么视觉语言、会员模块应该承担什么职责,以及它在页面中应该出现在哪里。

02 / Exploration

先扩大候选范围,再做设计筛选

工作最初从四项会员权益的图标开始。我使用生成式 AI 快速生产多组风格候选,包括更卡通、年轻化的方向,也包括更强调身份感的徽章方向。

AI 负责扩大视觉候选范围,我负责判断哪一种语言适合业务、用户和真实页面。
尊贵感优先

会员权益路径首先要建立身份和价值感,而不只是显得活泼。

统一且易理解

四枚图标需要共享外轮廓,同时在移动端小尺寸下能够快速区分。

覆盖更广年龄层

移动用户不只有年轻人,因此没有选择过度卡通、依赖潮流审美的方案。

配图占位 A:图标风格探索建议放 3–4 套 AI 生成候选,标注「卡通 / 轻拟物 / 金色徽章 / 其他方向」。
配图占位 B:最终图标与修正说明展示礼品、流量、视频会员、网络保障四枚最终图标,并标注统一外轮廓、视觉重量与内部语义。
03 / Definition

它不该只是一个“会员专区”

图标排好后,我重新思考了这个区块的作用。如果模块主要面向已经开通会员的用户,继续做泛化介绍的价值有限。用户更需要直接确认:我当前拥有什么会员,以及这些会员包含哪些权益。

因此,模块信息被收束为会员名称「爱购商城会员 Pro」、有效期,以及四项可享权益。它从泛化的业务宣传区,转变为与当前用户状态直接相关的会员概览。

配图占位 C:模块信息结构草图建议展示「专区宣传」与「会员名称 + 有效期 + 权益概览」两种信息结构的对照。
04 / Trade-off

不是每一项权益都需要一个按钮

最初方案为每一项权益提供了独立的「点击领取」或「立即使用」按钮,希望把静态展示变成直接操作入口。但结合整页结构继续判断后,我选择去掉这些按钮。

减少重复操作

四个相同按钮让模块显得拥挤,也会让用户误以为必须逐项处理。

明确模块职责

会员模块负责确认身份和概览权益,右上角统一入口负责承接进一步查看。

避免争夺商业路径

页面下方还有折扣商户等商业内容,具体消费行为应由后续板块继续承接。

05 / Placement

把会员身份放到消费场景之前

旧方案中,会员模块位于页面最底部,处在折扣商户内容之后,会员身份和权益很容易被前面的促销信息淹没。

调整后,模块被前移到核心权益内容之后、折扣商户之前。用户先确认会员名称、有效期和可享权益,再进入具体消费场景,阅读顺序更符合业务关系。

调整前,爱购商城会员 Pro 模块位于页面底部并带有四个独立按钮
调整前:模块位于页面末端,单项按钮较多,身份信息不够突出。
调整后,爱购商城会员 Pro 模块前移并收束为统一入口
调整后:模块前移,展示会员名称与有效期,操作收束为统一入口。
06 / Result

小范围,也可以做出完整判断

这次工作没有改变整体业务规则,也不是一次大规模体验重构。但它让我在有限权限中完成了一条完整的设计链路:从 AI 辅助探索视觉方向,到依据业务与用户筛选方案,再到重新定义模块职责、收束操作并调整页面层级。

最终方案获得业务负责人认可并进入交付。

这里不使用未经验证的转化率或效率数据。可确认的结果,是图标方向、模块信息和页面位置被纳入最终方案。