美柚社区主页面设计优化

项目类型
设计优化
时间周期
2022 （1months）
我的角色
交互设计
项目背景
适应发展趋势，提高社区价值
她她圈是美柚社区的核心，是一个用户分享、提问和交流的社交平台。在社交媒体不断发展的背景下，她她圈需要进行升级以适应流行趋势，保持其社交价值和商业价值。
问题分析
设计对比
旧设计
新设计
旧设计
新设计
旧设计
新设计
设计优化点
优化信息框架结构，增加内容的曝光
1. 优化页面的结构：
通过整理页面信息、优化布局结构，弱化次要信息，帮助用户快速到关键信息，降低认知负荷，分层清晰的页面结构还可以加快页面加载速度。确保用户聚焦在感兴趣的内容上，快速排除不感兴趣的内容，避免用户失去兴趣离开页面，从而提高满意度和使用效率。
2. 增加内容曝光：
引入Tab吸顶和动画效果，以增加页面内容的曝光。
‍
- 通过Tab吸顶，确保了关键功能（如帖子和发布）的长时间可见性。这不仅提升了用户体验，还帮助了运营增加了关键内容的曝光度。
- 动画效果则增添了页面的交互性和流畅度，有利于提升了用户参与度和留存率。
动画效果使交互过程流畅，增加用户体验愉悦度
1. 增加加载动画：
数据反馈慢会导致用户耐心降低，从而造成用户流失。
‍
- 从设计侧，我们通过增加加载动画，向用户解释软件正在进行处理请求，减轻用户心理焦虑。
2. 增加按钮动画
当按钮响应时间长于一定时间，我们采取加载动画，减缓用户等待的焦虑感。
‍
- 对用户操作的即使反馈能用户了解当前状态，减少不确定性；
- 并引导他们在正确的方向上交互，而不会浪费精力于重复操作上。
相关交互流程图示意 >
主页面上线效果
根据A/B实验，社区主页面升级在数据上有明显正向提升
APP使用时长
+0.51s
圈子使用时长
+12.9%
页面用户转化
+3.94%
后续迭代
主页面升级后，我们对二级页面也进行了设计优化
详情页作为他她圈的主要二级页面，在社区内支持了超过4种类型的内容，线上共计超过20种样式。我们决定采用模块化设计方法升级相关页面。
整理详情页的类型与组成模块
对各模块进行设计和方案对比
输出最终页面
详情页上线效果
资讯贴浏览时长
+3.17s
图文贴浏览时长
+1.2s
视频贴浏览时长
+1.63s
项目总结
设计师应不断体验和改进已上线功能
本项目强调了设计细节对用户体验的重要性。此外，我还意识到设计师不能仅仅停留在设计阶段，更需要定期体验和感受已上线的功能，及时发现问题并采取行动来改进，以满足用户不断变化的期望。
Feel free to reach out to me.
Let’s make something happen :)
@JILL 2023 Powered by Webflow