【项目背景】
“垃圾通”是一款面向社区居民推广垃圾分类的环保类App。在一期上线后,运营团队发现:用户对复杂的分类规则感到困惑,搜索体验不佳;同时,除了查阅信息,用户在App内缺乏互动和留存的动力。因此在二期改版中,我们接手了整体的UI/UX升级工作,目标是让这款App更具亲和力、更实用、更易传播。
【视觉升级:用扁平插画打破“政务感”】
环保App不应是冷冰冰的说明书。我们在视觉上定调为“清爽蓝+轻快插画”。
1. 启动页与登录:摒弃了传统的纯文字,我们绘制了包含蓝、红、绿、黄四色垃圾桶的扁平化城市插画,直观传递产品核心功能。登录页提供了微信快捷登录与“游客模式”,极大降低了新用户的首屏流失率。
2. 图标与色彩:金刚区图标(签到打卡、垃圾回家、答题闯关)采用了撞色设计,配合底部的微投影,让原本枯燥的环保任务变得像游戏一样轻松。
【交互重塑:让垃圾分类查询变“傻瓜”】
“查询”是用户最高频的使用场景。旧版需要逐级点选,操作繁琐。
二期改版中,我们把搜索框前置到首页首屏。在查询详情页,用户只需输入物品(如“电池”),系统会直接给出巨大的红色“X”及有害垃圾标识,并配有“什么是有害垃圾”的详细文字说明。这种“搜索-结果-科普”的直给型交互,大幅提升了用户的查询效率。
【社区与激励:搭建用户互动闭环】
为了让用户愿意每天打开App,我们在二期加入了“贴吧”和“积分”体系。
1. 贴吧信息流:采用卡片式的信息流布局,支持点赞和评论。我们在右下角设计了一个高亮的悬浮发帖按钮(FAB),方便用户随时分享身边的环保动态。
2. 个人中心:在“我的”页面顶部,用醒目的渐变卡片展示用户的“环保积分”和“碳减排成就”,将用户的环保行为量化,激励他们持续使用。
【项目总结】
UI外包不仅是画界面,更是对产品生命周期的干预。通过二期的改版,我们帮“垃圾通”理清了从“工具(查询)”到“社区”再到“成长(积分)”的完整链路,让环保App也能变得好用、好玩。