3

你好,20岁!贴吧焕新重塑体验

 3 months ago
source link: https://www.ui.cn/detail/662277.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

贴吧20岁啦!我们全面升级产品框架与视觉语言,体验焕新,为用户献礼,助力业务增长。

一、背景

2023年是贴吧诞生的第20年,也是非常有挑战的一年。整个市场的用户规模到顶,全网活跃用户增长放缓,而AI技术的发展与新时代用户心智跃迁,为我们带来产品重构的新契机,挑战与机遇共存,变革应运而生。

4519425.png

纵观产品现状,现有框架难以满足用户获取优质内容和不同业务拓展边界的诉求,视觉风格逐渐陈旧,不符合新的社区定位与氛围。

贴吧设计团队推进产品框架升级与视觉语言升级,为用户献上20周年礼物,给用户带来更好的体验,助力业务目标达成~

4519426.png

二、产品框架升级

分析用户在贴吧的核心使用行为、用户使用数据,拉通多方业务诉求,瞄准设计方向,将升级思路聚焦在逛吧浏览、聊天互动、问题求助三大场景,映射出逛、聊、问三条链路,加持AI能力,搭建AI与社区共新产品框架形态,以更好满足用户诉求。

4519427.png

1.逛

用户在贴吧的浏览行为大多发生在吧首页场景,用户、商业、增长业务在头部分发抢位,挤占贴子展示空间,导致首屏屏效低,逛吧体验差,业务新增玩法也难以继续拓展。我们将单层框架升级为双层,形成底层服务空间,顶层内容空间,提升吧首页承载能力,拓展多业务内容,打造流畅浏览体验。

4519428.png

底层满足多元服务

底层目标定位于服务多元业务分发,支撑垂类内容拓展,满足吧主运营,匹配用户习惯。我们将底层划分为五大特色分区,通过模块化拼接的方式,按需求权重整合,平衡用商体验,为吧友打造特色鲜明的吧内环境。

4519429.png

顶层沉浸消费内容

在保证顶层首屏浏览体验更优的同时,进一步满足用户对不同类型贴子的消费诉求。我们根据内容特性构建多套贴子结构,置顶点展式、视频双列式、合辑列表式等,提升内容的分发效率,同时为吧友提供更丰富多元的浏览和互动场景。

4519430.png

2.聊


互动消息整合扩容

随着贴吧互动类型不断增加,私信、群聊、运营通知、吧主通知、系统通知5种消息类型混排,用户看、回消息的成本逐渐攀升,通过L型框架扩容消息TAB,提升消息触达能力,收敛消息5种消息类型为聊天、通知2种,新增关注吧聊天频道,自由浏览、添加,和吧内好友聊天互动更便捷。

4519446.jpg

AI角色沉浸陪伴

每个吧都是一个小世界,AI虚拟角色的加入让它更加多彩,我们搭建吧二楼角色新场域,下拉进入吧内AI角色聊天页,打通互动聊天通路。吧友也自己可以创建个性角色,进行聊天互动、分享有趣的聊天内容,与更多的吧友进行互动,更加自由沉浸的与AI角色畅聊~

4519431.png

3.问


智能解答高效满足

每天有大量的用户在贴吧求助,但获取答案的时间长、质量低,难以满足诉求,我们搭建贴吧包打听智能问答BOT,用户发贴求助时主动回复,提升答案获得效率;搜索问题时自动生成答案,问题词条直接生成,补足已有内容;吧内吧友求助专区,主动提问一对一交流解答。3条路径帮助用户高效、高质获得答案。

4519432.png

三、视觉语言升级

讲完在产品链路上的升级,再来说说我们怎么给贴吧的“外表”升级,把它打扮得更漂亮。在20岁的这一年,设计团队想给广大的吧友焕然一新的感觉,也算是我们贴吧设计团队在年终给各位吧友的一份献礼。那么具体我们都做了什么呢?请往下看~

1.设计语言定义

设计目标

智能高效和灵动多元是本次视觉语言升级中我们最想传递给用户的感知。在AIGC的元年,作为一个用户体量巨大的中文社区,贴吧也运用AI力量给这个社区带来了全新的变化,而灵动多元的社区氛围,也正是我们想要传达给用户的体验感受。

4519433.png

明确色板

为了更贴合贴吧多元的社区气质,我们保留了饱和度更高的一套亮色,同时以这套基础色版做拓展,对应吧首页沉浸场景拓展出暗色基调色版,营造更沉浸、专注的氛围感。

4519434.png

设计手段

正式进入设计之前,我们结合用户调研和目前的设计流行趋势,经历了多轮设计探索,初步定义了多彩、轻盈、律动3个设计手段。用缤纷的颜色来体现社区的年轻多元,轻盈的质感和律动传递贴吧充满生命力和活跃的社区氛围,希望这些明显的视觉变化能够贴合贴吧的年轻用户,使贴吧真正成为一个让吧友喜爱的产品。

4519435.jpg

2.智能高效

结合贴吧的生态重构社区关系,搭建人和AI共生的新互动社区。我们希望设计能体现社区的未来感、智能化和人格化。

4519436.jpg

未来感

页面采用蓝紫炫光渐变,打造异次元空间的未来感;并重复这种色彩表达,强化用户心智。

4519437.jpg

智能化

用户创建角色的过程中,以AI辅助生产角色设定和形象,降低用户的生成门槛。文字生成过程,末端文字采用蓝紫渐变增加智能灵动感,给用户流畅的自然语言生成体验;图片生成,以数字化网格动效,增加扫描科技感,缓解用户等待的焦虑。

4519438.gif

人格化

通过丰富角色人设和类人化的表达,塑造角色的人格化,让AI与用户建立更自然的情感链接。展示角色故事、社会关系、性格等个人信息,角色主动破冰打招呼,并发起有趣的话题,引导用户开启对话。

4519439.jpg

3.灵动多元

在核心场景的改版中,我们希望能传递出灵动多元富有生机的感受。通过缤纷多彩的颜色,轻盈的质感和自然的律动传递出贴吧充满生命力、热闹活跃的社区氛围。

4519440.jpg

轻盈的质感

从抽象到具象,用弥散的颜色和玻璃质感来体现光的穿透与轻盈,让光的理念更有实感。卡片化的形式,呈现多元组合的服务模块。

4519441.jpg

自然的律动

从大自然的极光中获取灵感,通过光的流动、变换还原自然的律动。全局智能取色,打造沉浸体验。

4519442.gif
活泼的动效

生动的表情凸显IP贱萌的性格,结合业务场景刻画配饰和动作,让IP形象跃然纸上,页面充满亲和力。这种性格特征也很符合贴吧吧友年轻有趣的画像。

4519443.gif
4519444.gif

四、结语

在这次大改版中,我们收获了用户的好评,各方向的数据呈正向,是一次用户体验与产品诉求双收的成功尝试。希望我们的改版献礼能够给贴吧注入新的生机,焕发新的活力。未来我们也会继续设计打磨,不断提升产品体验。设计团队作为距离用户最近的角色,也趁新年来临,给我们的广大吧友们献礼,希望大家看完我们的设计龙颜大悦!祝大家龙年大吉!

更多精彩作品展示,请关注「百度MEUX」小红书账号869010907

感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。也欢迎加入MEUX,交互/视觉/用研,可投简历至[email protected]  (注明信息获取来源如:UI中国)

关于我们:
MEUX,百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。服务的产品包括百度APP、百度搜索、百度百科、百度贴吧、百度商业产品等。MEUX以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK