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

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

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

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

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

    建立感知体验设计模型

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

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

    image.png

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

    由于情感感知受时间的影响常较大,我们以时间为关键变量,将贴吧的两类典型用户:“内容浏览型”与“内容生产型”进行了二次细分。并考察用户每个阶段的感知诉求。
    ***【内有长文】对话知乎-社区氛围专场(下) - 图5

    定义感知设计目标及策略

    **

    1.用户细分及特征描述
    **

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

    2.感知触点发掘
    **

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

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

    image.png

    3.界定感知关键词
    **

    image.png
    image.png

    4.感知体验设计策略
    **

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

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

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

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

    落地方案

    1.存在感

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

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

    2.陪伴

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

    image.png

    3.成就感

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

    image.png

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

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

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

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

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

    image.png

    1.进化-品牌理念

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

    image.png

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

    2.构建-贴吧LOGO的进化

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

    image.png

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

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

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

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

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

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

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

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

    3.扩展-品牌图形延展

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

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

    4.渗透-品牌透传
    **

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

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

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

    以上为本期MEUX对话设计圆桌会
    -知乎交流内容(下)内容。

    未来,MEUX也希望
    与更多优秀设计团队建立联系,
    共享设计价值,
    为业务发展提供多元思路。


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

    也欢迎加入MEUX,视觉/交互/用研
    可投简历至MEUX@BAIDU.COM
    (注明信息获取来源如:公众号)
    以下文章,你可能也感兴趣
    ⬇️

    【深度好文】对话知乎-社区氛围专场(上)
    对话设计圆桌会-B站(年轻化设计)

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

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

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

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

    关于我们:

    MEUX,百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。
    服务的产品包括百度APP、百度搜索、百度百科、百度网盘、百度贴吧、百度商业产品等。

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