近日我们邀请到知乎设计总监刘青菁、产品设计负责人柴柴、山药来到百度,与贴吧的设计负责人开展了热烈交流。关于知乎分享内容大家可以👉【深度好文】对话知乎 - 社区氛围专场(上)详细查阅。

    【内有长文】对话知乎-社区氛围专场(下) - 图1

    而贴吧,在感受层面又进行了哪些深层的体验升级?本期节选贴吧分享精彩内容片段,如果你恰好对社区产品设计感兴趣,或许能提供一些思路。

    【内有长文】对话知乎-社区氛围专场(下) - 图2

    【内有长文】对话知乎-社区氛围专场(下) - 图3

    背景:

    近年来,越来越多的品牌已经从强调功能升级到强调感受,为用户提供更多的价值和温度。作为一款面向年轻人的综合型社区产品,贴吧也面临着内外两方面的压力:一方面,传统社区产品在结构及功能层面日趋同质化,需要我们在新的层面寻找突破口,以提升产品区隔性。另一方面,年轻一代具有强调自我感受的鲜明特征以及较高情感阈值,而贴吧的大部分用户为 95 后、00 后,因此需要在感受层面进行更深层次的体验升级。在这种背景下,贴吧 UE 团队从情感化角度出发,探索如何通过系统科学的方法,打造更为丰富细腻的感知体验,助力产品提升竞争力。

    建立感知体验设计模型

    感知体验作为一种主观体验,是可以被设计的吗?尽管情感化设计理论为我们提供了非常好的思考框架,但具体到快速迭代的日常工作中,这件事情的破局点究竟在哪?有可操作的流程吗?有参考的标准或者依据吗?

    为了解决上述问题,前期我们进行了大量的设计研究。过程中发现,尽管 “动机理论” 能很好地解释用户行为的触发的过程,但它并不能很好地描述用户的感知状态。然而在 “情绪情感” 领域,已经有大量体系化的研究以及明确的衡量标准。同时也发现, “情绪情感不仅是动机的源泉,对动机具有推动作用,更能以一种与动机相同的方式激发和引导行为”。

    【内有长文】对话知乎-社区氛围专场(下) - 图4

    在此基础上,我们建立了感知体验设计模型:即以情绪情感和动机为破局点,对行为发生前、发生后进行有针对性的设计。

    【内有长文】对话知乎-社区氛围专场(下) - 图5

    定义感知设计目标及策略

    1. 用户细分及特征描述

    由于情感感知受时间的影响常较大,我们以时间为关键变量,将贴吧的两类典型用户:“内容浏览型” 与 “内容生产型” 进行了二次细分。并考察用户每个阶段的感知诉求。

    【内有长文】对话知乎-社区氛围专场(下) - 图6

    2. 感知触点发掘

    根据不同诉求,进行体验路径梳理并通过访谈、走查等形式发掘感知触点、分析其背后原因、记录优化方案。

    【内有长文】对话知乎-社区氛围专场(下) - 图7

    3. 界定感知关键词

    保证触点分析的科学性,在综合多份情绪测量表的基础上,我们整理了《设计感知状态对照表》并建立了《感知池》,用于明确设计关键词、指导方向。

    【内有长文】对话知乎-社区氛围专场(下) - 图8

    【内有长文】对话知乎-社区氛围专场(下) - 图9

    4. 感知体验设计策略

    对贴吧而言,最终提炼出存在感、陪伴感、成就感 3 个关键词,并明确了每个关键词的定义及设计策略。

    【内有长文】对话知乎-社区氛围专场(下) - 图10

    在此基础上,产出交互方案及规则、动效规则、文案规则、触感规则,并且脑暴了大量的概念设计甚至文案,直接助力了方案的落地。

    【内有长文】对话知乎-社区氛围专场(下) - 图11

    落地方案

    1. 存在感

    通过对话式的设计、匹配行为和场景的引导等方式,强化用户被欢迎、被关照、被重视的感觉,给用户留下友好的第一印象。

    【内有长文】对话知乎-社区氛围专场(下) - 图12

    【内有长文】对话知乎-社区氛围专场(下) - 图13

    2. 陪伴

    为了让用户感觉到 “吧友一直都在,贴吧一直都在”。通过更丰富的反馈形式如实时轻互动的气泡,让用户真切的感受到吧内小伙的陪伴,如“某某在直播间发了红包,快来抢啊!” 等等。为了强化了社区氛围,我们设计了更有仪式感通知反馈。如,对于优质的生产型用户,采用在吧内下发 “邀请函” 的方式来邀请用户点亮身份。相比传统的 “运营位 + 活动页” 方式,让产品更加亲切、有温度。

    【内有长文】对话知乎-社区氛围专场(下) - 图14

    3. 成就感

    根据前面的分析,成就感的实现需要对新老用户做不同层次的处理。对新用户来说,往往 “简单的成功也能被鼓励”,而对老用户来说,他们的成就感往往来自于 “感受到特别的价值和分量”。因此,对于新手用户,我们更加侧重对标志性的行为进行特殊鼓励。对于成熟用户,会在关键时间点,进一步放大成就感。包括集体成就和个人成就等。而对于低活用户,则利用沉没成本进行召回。

    【内有长文】对话知乎-社区氛围专场(下) - 图15

    【内有长文】对话知乎-社区氛围专场(下) - 图16

    【内有长文】对话知乎-社区氛围专场(下) - 图17

    以上仅为我们方案的一小部分,“感知体验设计方法” 及工具已被广泛复用到贴吧多个业务方向的设计工作中,并取得正向的数据效果及用户反馈。这种时间梯度、分层破局的设计思路,也为我们在后续的设计中提供了很多灵感。

    【内有长文】对话知乎-社区氛围专场(下) - 图18

    【内有长文】对话知乎-社区氛围专场(下) - 图19

    【内有长文】对话知乎-社区氛围专场(下) - 图20

    在贴吧 12.0 设计团队主导完成了 “灿然一新” 品牌升级,打造出一套完整的视觉品牌识别系统。为了凸显贴吧兴趣丰富、多元互动的核心价值。

    【内有长文】对话知乎-社区氛围专场(下) - 图21

    1. 进化 - 品牌理念

    社区产品的核心要素就是 “人、内容以及规则”。人在平台的规则中内容交换、分类聚集就产生了 “聊”。聊可以构建连接、可以拉近核心要素的关系,可以创造无限可能。

    【内有长文】对话知乎-社区氛围专场(下) - 图22

    以 “聊兴趣” 为品牌理念,我们梳理了符合年轻化品牌定位的关键词。并提炼出“活力、简洁、传承”,以此来对贴吧品牌体系升级。

    2. 构建 - 贴吧 LOGO 的进化

    第一:趋势探索

    通过情绪版,预判出我们想要的设计方向。采用色彩丰富、图形圆融、聚合叠加表达出贴吧的年轻与活力。

    【内有长文】对话知乎-社区氛围专场(下) - 图23

    第二:品牌印记提炼

    「贴」字是百度贴吧沉淀下最具代表性的品牌烙印,也是最具独特的视觉符号。我们选取「贴」字为传承基因,并对其进行精细化设计,使「贴」字的边角更加柔和、圆润,符合年轻化的方向。

    【内有长文】对话知乎-社区氛围专场(下) - 图24

    第三: 语义重构

    通过气泡传达 “聊兴趣” 社交属性,并且融入贴吧特有的超椭圆为基础图形。用叠加的设计手法,增强空间层次感,表达出贴吧兴趣的,多样性与丰富度。与前面 “品牌印记” 提炼出「贴」字结合。完成 logo 图形重构。

    【内有长文】对话知乎-社区氛围专场(下) - 图25

    第四:颜色制定

    我们引入了光的概念,以透光的方式对颜色进行叠加,这样可以在增加层次感的同时,丰富色彩。选取更加年轻有活力且更符合全新品牌定位的蓝紫色为贴吧新主色。并拓展出更加多元的辅助颜色。

    【内有长文】对话知乎-社区氛围专场(下) - 图26

    经过,趋势探索、印记提炼、语义重构、颜色制定四个环节,最终完成了贴吧 LOGO 的进化,为用户呈现出一个多元,包容,更具活力的百度贴吧。

    【内有长文】对话知乎-社区氛围专场(下) - 图27

    3. 扩展 - 品牌图形延展

    在贴吧品牌升级中,基于 logo 的图形语义,从超椭圆,气泡等基础图形,通过延展,变形,排列组合及叠加等方式,设计出一套能够清晰传达贴吧年轻、聚合、多彩的图形语言。

    【内有长文】对话知乎-社区氛围专场(下) - 图28

    【内有长文】对话知乎-社区氛围专场(下) - 图29

    【内有长文】对话知乎-社区氛围专场(下) - 图30

    4. 渗透 - 品牌透传

    将品牌升级延续到贴吧客户端,我们采用百度系产品的 “共生” 设计语言,将包容万物,万物共生的设计理念引入贴吧的设计语言中,并完成了移动端的全面升级。

    【内有长文】对话知乎-社区氛围专场(下) - 图31

    同时,我们仍会以继承与进化的理念不断完善品牌基因,持续强化品牌影响力,努力向用户呈现一个更为年轻有活力的百度贴吧。

    以上为本期 MEUX 对话设计圆桌会

    -知乎交流内容(下)内容。

    未来,MEUX 也希望

    与更多优秀设计团队建立联系,

    共享设计价值,

    为业务发展提供多元思路。


    感谢阅读,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。

    也欢迎加入 MEUX, 视觉 / 交互 / 用研

    可投简历至 MEUX@BAIDU.COM

    (注明信息获取来源如:公众号)

    以下文章,你可能也感兴趣

    ⬇️

    【深度好文】对话知乎 - 社区氛围专场(上)

    对话设计圆桌会 - B 站(年轻化设计)

    百度 MEUX 对话设计圆桌会 - 走近妙手回潮

    百度 MEUX 对话设计圆桌会 - 走近京东零售

    对话设计圆桌会 - 快看漫画(内容运营)

    【内有长文】对话知乎-社区氛围专场(下) - 图32

    关于我们:

    MEUX, 百度移动生态用户体验设计中心,负责百度移动生态体系的用户 / 商业产品的全链路体验设计。

    服务的产品包括百度 APP、百度搜索、百度百科、百度网盘、百度贴吧、百度商业产品等。

    MEUX 以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。

    听说长的好看的小伙伴,都会给我点个 “在看”

    【内有长文】对话知乎-社区氛围专场(下) - 图33

    【内有长文】对话知乎-社区氛围专场(下) - 图34
    https://mp.weixin.qq.com/s/gbRnpN8R88Ru9YvsEVpjZA