2023 年是贴吧诞生的第 20 年,也是非常有挑战的一年。整个市场的用户规模到顶,全网活跃用户增长放缓,而 AI 技术的发展与新时代用户心智跃迁,为我们带来产品重构的新契机,挑战与机遇共存,变革应运而生。
更多案例:
纵观产品现状,现有框架难以满足用户获取优质内容和不同业务拓展边界的诉求,视觉风格逐渐陈旧,不符合新的社区定位与氛围。
贴吧设计团队推进产品框架升级与视觉语言升级,为用户献上 20 周年礼物,给用户带来更好的体验,助力业务目标达成~
分析用户在贴吧的核心使用行为、用户使用数据,拉通多方业务诉求,瞄准设计方向,将升级思路聚焦在逛吧浏览、聊天互动、问题求助三大场景,映射出逛、聊、问三条链路,加持 AI 能力,搭建 AI 与社区共新产品框架形态,以更好满足用户诉求。
1. 逛
用户在贴吧的浏览行为大多发生在吧首页场景,用户、商业、增长业务在头部分发抢位,挤占贴子展示空间,导致首屏屏效低,逛吧体验差,业务新增玩法也难以继续拓展。我们将单层框架升级为双层,形成底层服务空间,顶层内容空间,提升吧首页承载能力,拓展多业务内容,打造流畅浏览体验。
①底层满足多元服务
底层目标定位于服务多元业务分发,支撑垂类内容拓展,满足吧主运营,匹配用户习惯。我们将底层划分为五大特色分区,通过模块化拼接的方式,按需求权重整合,平衡用商体验,为吧友打造特色鲜明的吧内环境。
②顶层沉浸消费内容
在保证顶层首屏浏览体验更优的同时,进一步满足用户对不同类型贴子的消费诉求。我们根据内容特性构建多套贴子结构,置顶点展式、视频双列式、合辑列表式等,提升内容的分发效率,同时为吧友提供更丰富多元的浏览和互动场景。
2. 聊
①互动消息整合扩容
随着贴吧互动类型不断增加,私信、群聊、运营通知、吧主通知、系统通知 5 种消息类型混排,用户看、回消息的成本逐渐攀升,通过 L 型框架扩容消息 TAB,提升消息触达能力,收敛消息 5 种消息类型为聊天、通知 2 种,新增关注吧聊天频道,自由浏览、添加,和吧内好友聊天互动更便捷。
②AI 角色沉浸陪伴
每个吧都是一个小世界,AI 虚拟角色的加入让它更加多彩,我们搭建吧二楼角色新场域,下拉进入吧内 AI 角色聊天页,打通互动聊天通路。吧友也自己可以创建个性角色,进行聊天互动、分享有趣的聊天内容,与更多的吧友进行互动,更加自由沉浸的与 AI 角色畅聊~
3. 问
①智能解答高效满足
每天有大量的用户在贴吧求助,但获取答案的时间长、质量低,难以满足诉求,我们搭建贴吧包打听智能问答 BOT,用户发贴求助时主动回复,提升答案获得效率;搜索问题时自动生成答案,问题词条直接生成,补足已有内容;吧内吧友求助专区,主动提问一对一交流解答。3 条路径帮助用户高效、高质获得答案。
讲完在产品链路上的升级,再来说说我们怎么给贴吧的“外表”升级,把它打扮得更漂亮。在 20 岁的这一年,设计团队想给广大的吧友焕然一新的感觉,也算是我们贴吧设计团队在年终给各位吧友的一份献礼。那么具体我们都做了什么呢?请往下看~
1. 设计语言定义
①设计目标
智能高效和灵动多元是本次视觉语言升级中我们最想传递给用户的感知。在 AIGC 的元年,作为一个用户体量巨大的中文社区,贴吧也运用 AI 力量给这个社区带来了全新的变化,而灵动多元的社区氛围,也正是我们想要传达给用户的体验感受。
②明确色板
为了更贴合贴吧多元的社区气质,我们保留了饱和度更高的一套亮色,同时以这套基础色版做拓展,对应吧首页沉浸场景拓展出暗色基调色版,营造更沉浸、专注的氛围感。
③设计手段
正式进入设计之前,我们结合用户调研和目前的设计流行趋势,经历了多轮设计探索,初步定义了多彩、轻盈、律动 3 个设计手段。用缤纷的颜色来体现社区的年轻多元,轻盈的质感和律动传递贴吧充满生命力和活跃的社区氛围,希望这些明显的视觉变化能够贴合贴吧的年轻用户,使贴吧真正成为一个让吧友喜爱的产品。
2. 智能高效
结合贴吧的生态重构社区关系,搭建人和 AI 共生的新互动社区。我们希望设计能体现社区的未来感、智能化和人格化。
①未来感
页面采用蓝紫炫光渐变,打造异次元空间的未来感;并重复这种色彩表达,强化用户心智。
②智能化
用户创建角色的过程中,以 AI 辅助生产角色设定和形象,降低用户的生成门槛。文字生成过程,末端文字采用蓝紫渐变增加智能灵动感,给用户流畅的自然语言生成体验;图片生成,以数字化网格动效,增加扫描科技感,缓解用户等待的焦虑。
③人格化
通过丰富角色人设和类人化的表达,塑造角色的人格化,让 AI 与用户建立更自然的情感链接。展示角色故事、社会关系、性格等个人信息,角色主动破冰打招呼,并发起有趣的话题,引导用户开启对话。
3. 灵动多元
在核心场景的改版中,我们希望能传递出灵动多元富有生机的感受。通过缤纷多彩的颜色,轻盈的质感和自然的律动传递出贴吧充满生命力、热闹活跃的社区氛围。
①轻盈的质感
从抽象到具象,用弥散的颜色和玻璃质感来体现光的穿透与轻盈,让光的理念更有实感。卡片化的形式,呈现多元组合的服务模块。
②自然的律动
从大自然的极光中获取灵感,通过光的流动、变换还原自然的律动。全局智能取色,打造沉浸体验。
③活泼的动效
生动的表情凸显 IP 贱萌的性格,结合业务场景刻画配饰和动作,让 IP 形象跃然纸上,页面充满亲和力。这种性格特征也很符合贴吧吧友年轻有趣的画像。
在这次大改版中,我们收获了用户的好评,各方向的数据呈正向,是一次用户体验与产品诉求双收的成功尝试。希望我们的改版献礼能够给贴吧注入新的生机,焕发新的活力。未来我们也会继续设计打磨,不断提升产品体验。设计团队作为距离用户最近的角色,也趁新年来临,给我们的广大吧友们献礼,希望大家看完我们的设计龙颜大悦!祝大家龙年大吉!
欢迎关注作者的微信公众号:「百度MEUX」
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
配色原理与色彩搭配实战宝典
已累计诞生 656 位幸运星
发表评论 已发布11条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓