黄油相机社区改版体验升级
随着照片编辑业务的快速发展，市场上美图类 APP 竞争激烈。为吸引更多用户并保持用户粘性，黄油相机对社区板块进行改版优化，打造差异化优势。
About
黄油相机创立于 2014 年，是一款以“图片上加文字”为特色，提供模板、贴纸和滤镜的图片编辑应用，同时也是一个分享原创图片的社区平台。
- Role
- UI&UX 设计师
独立完成 - Tool&Tech
- Figma
- Year
- 2025
问题走查
-页面拆解分析问题
在进行项目之前，我们对产品进行了信息架构、流程设计和界面上的自查，分析产品在发布动态链路的痛点问题，查看并加以分析。
现存问题
01
02
从不同活跃度用户中验证问题
用户研究
-访谈整合用户诉求
02
内容浏览
多样化的内容分发，调起用户兴趣浏览体验提升，延长用户停留时长清晰的框架，让新用户快速建立认知
行为问题
不知道话题有什么内容社区内容不够优质刷多了发现有大量的同质化内容
内容创作与互动
轻量化互动，多态赞丰富互动形式提供丰富的话题，鼓励创作精简发布辅助操作步骤
行为问题
发布过程操作繁琐功能没有创作动力，情感体验差冷冰冰的评论区，没有互动的氛围感
设计方向及目标
社区内容消费提效
多样性话题入口，提升话题分发效率关注页增加推荐，引导用户浏览优质内容外露信息，提升用户获取信息效率
社区内容消费提效
多样性话题入口，提升话题分发效率关注页增加推荐，引导用户浏览优质内容外露信息，提升用户获取信息效率
丰富社区内容浏览体验
多态赞丰富互动感知多种内容分发模板，增加差异化探索增强用户沉浸式浏览体验
方案呈现
01黄油相机的“灵感”社区页整体优化升级，围绕首页推荐、话题入口、瀑布流浏览和关注关系重新组织内容消费路径，让用户既能快速定位，也能持续发现新的内容。
“灵感”社区
内容消费浏览优化
方案呈现
-新旧方案对比
04OLD
NEW
话题区视觉吸引
现存问题原首页话题仅展示话题名称，无法吸引用户参与其中
优化方案增加图片吸引，降低用户认知，引发用户兴趣
滤镜分发模板
现存问题社区广告内容同质化，降低用户浏览体验
优化方案增加滤镜分发容器，丰富社区内容，促进用户消费
增加搜索栏
现存问题有明确目标的用户无法直接在页面中寻找
优化方案顶部频道导航栏旁增加搜索，帮助用户高效快速搜索
二级Tab栏
现存问题有明确目标的用户无法直接在页面中寻找
优化方案在首页增加清晰的分类导航，使用户能够快速进入
悬浮快捷发布键
优化方案发布按钮独立悬浮显示，强化入口
话题卡片优化呈现
突出话题区视觉吸引，融合展现信息，吸引用户参与
魅力信息：辅助决策
放置话题图片，吸引用户点击
基础信息：了解话题
展现话题内容标题
魅力信息：辅助决策
显示话题参与量及最新最热等标签
利用手势横滑浏览话题内容
- 最新话题位于第一位
- 最热话题位于第二位
- 按照话题新旧程度排列，往后滑依次展现
- 最多展现五个话题内容
如何吸引用户参与话题
如何高效吸引用户参与话题，促进内容消费和UGC生产?
多元分发话题内容，引导用户参与，从首页热门话题区到瀑布流中话题卡片，再到帖子详情页的话题露出，将话题一系列贯穿到用户场景中，使用户浏览消费内容，促进了UGC生产，提高用户活跃度，增加用户粘性，提升用户留存。
瀑布流浏览体验优化
在帖子卡片中外露出优质信息，有多少人用过，帮助用户快速判断内容价值，提升内容消费与决策效率。
帖子卡片
外露使用人数
卡片图片左下角外露信息，辅助用户认知优质内容
轻量化处理
卡片无描边，通过页面浅灰色微弱对比卡片结构
- 图片信息
- 内容标题文案
- 用户信息
滤镜卡片
推送优质滤镜模板，促进用户内容消费
毛玻璃质感凸显文字内容
避免信息被图片影响，利用毛玻璃质感视觉降噪文字区域，保证文字内容输出
外露使用次数
突出优质滤镜信息，吸引用户点击，辅助用户决策
关注页面浏览优化呈现
将“关注”页面从一个被动的内容接收器，转变为一个主动的关系链建设工具
解决体验空白问题，为用户智能推荐优质创作者，强化社区连接，促进内容分发与消费的良性循环。
方案呈现
02帖子发布优化从发布前-发布中-发布后对创作链路优化:
发布前提供编辑图片便捷性优化
发布时优化AI辅助生成文案功能，话题信息外露，辅助用户增加帖子曝光
发布后提供发布反馈，强化分享形成良性闭环。
帖子页丰富互动形式，提供多态赞低成本表达用户的态度和情感。
发布前
图片编辑优化
发布时
AI辅助优化
发布后
强反馈强互动
“灵感”社区
帖子发布优化
图片处理优化呈现
优化聚焦两个高频操作:字体选择与贴纸编辑的误操作频发，提升认知效率与防止用户误操作，降低用户操作成本
字体选择更高效
贴纸编辑更稳定
发布器界面优化
通过场景化引导，降低创作成本，提升内容发布量与话题发布量。
AI辅助帮写
多触点引导，趣味化引导，AI助手形象升级
智能标题推荐
轻量化引导，在用户点击标题输入时，标题下方出现根据图片智能推荐标题，用户可以直接点击，自动填充到输入框中
话题选择
基于当前输入文本 #，实时推荐最相关的话题，通过外露展示浏览量数据，利用社会证明效应吸引用户参与，辅助用户决策。
AI帮写优化呈现
旧版AI帮写功能调用路径复杂，用户需要多次点击加输入，操作成本高，降低了使用积极性。发布器优化AI创作助手，助力用户创作文本内容，降低创作门槛，提升社区活力与内容品质。
半弹窗，清晰的选择与引导
通过半弹窗设计和可爱助手形象进行引导降低陌生感并清晰引导用户操作。
过程可视化
点击“生成文案”按钮后，自动解析上传图片，渐变色进度条反馈生成状态提升可视化体验。
生成文案
文案生成后，用户可预览结果并直接点击“填进正文”，一键填充正文，提升操作便捷性。
文案类型选择
弹窗右上角设置了“文案类型”选择，用户点击后支持切换风格类型，提升输出的多样性与适配性，满足多场景需求。
发布感知优化
用户完成内容创作并发布后，为其提供即时反馈让用户第一时间感知内容，增强用户创作的参与感与成就感
多态赞互动优化呈现
在交互上长按“点赞”可对该帖子进一步表态，提升互动好玩性，同时贴合情境的表情融入更直观地反映和区分用户的情绪态度。
视觉吸引
行为数据外露渲染氛围吸引触达
长按表态
长按点赞跳出表态表情
完成表态
手指长按左右滑动可查看表情意思 点击完成表态
表情细节拆分
AI助手形象
AI助手以巴特曼为基础形象，结合科技感头盔与柔和渐变质感，呈现出温暖亲和又富有未来感的AI助手形象。
互动表情呈现
