恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
你好,20岁!贴吧焕新重塑体验
100.4°
2024-02-08 原创文章 经验/观点 举报 23218 61 152 3

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

一、背景


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」小红书账号869010907

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

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

Powered by Froala Editor

更新:2024-02-08

收藏

61人已收藏

百度MEUX

百度移动生态用户体验设计中心 简历投MEUX@BAIDU.COM

  • 149

    作品

  • 3421

    粉丝

  • 0

    关注

  • MEUX 「四月」 AI设计观察
  • 新中式与AI的融合碰撞—百度二十四节气卡设计升级
  • 标签体系优化助力统一平台权益感知
  • BAIDU EMOJI 3.0焕新 在百度APP更率真表达
相关标签
运营设计

    猜你喜欢

      2024-02-08 原创文章 经验/观点 举报 23218 61 152 3

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

      100.4°

      你确定要举报你好,20岁!贴吧焕新重塑体验

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2024年02月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      152
      61
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录