【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

Alias工业设计点击关注 和工业设计做朋友关注作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的...

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级
Alias工业设计
点击关注 和工业设计做朋友
关注

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

作者:百度UXC


随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。

洞察用户让设计有的放矢

视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级中。以达到体验升级的同时,使贴吧品牌形象与用户的理解、期望更加贴合。

1.关键词探索与确定

邀请用户参与深度访谈,聆听真实的声音,了解他们眼中的贴吧,他们对贴吧有哪些期待,并由此构成,原始的贴吧品牌形象关键词库:

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

收集到大量的原始关键词后,如何有效地确定在用户心中,哪些关键词与贴吧的关系更为密切,成为了破题的关键点。在这里我们引入了內隐联想测试的范式,通过同时记录用户对关键词与贴吧关联的评分、以及做出评分的反应时,甄选出最能代表贴吧的品牌关键词,补充以在访谈中用户表示强期待的「简洁」,形成了如下五大核心关键词。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

2.衍生关键词发散

确认核心关键词后,便需要建立与关键词相对应的图片素材库,如果通过关键词直接收集,易导致图片素材同质化过高的问题。因此在准备图片素材库前,我们组织了一场设计师为主力的头脑风暴,分别针对五大核心关键词从视觉、心境、无话的角度进行发散,并根据发散后的衍生关键词建立了多维度的视觉素材库。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

3.视觉风格偏好测试

最后邀请用户参与测试,从素材库中选出最贴近他们对关键词理解的图片,并配合定性访谈了解偏好背后的原因,最终分析提取出不同关键词的情绪板,如下所示:

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

在这五个关键词中,多元化、开放、有趣是用户对贴吧的基础感知,年轻是对贴吧的心理投射,而简洁是目前用户对贴吧的主要期待,因此根据用户的认知,可在贴吧品牌形象升级中的不同场景做到有相应的侧重。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

提炼核心行为路径引导交互框架升级

用户研究通过情绪板挖掘出目前用户对贴吧的主要期望——简洁。然而简洁对用户来说,是一种整体感受,这种感受也贯彻整个贴吧的框架、流程、细节。因此在交互层面,我们从框架到细节逐级进行了轻量化改造。

移动端的交互框架趋于成熟,但却不能套用,产品的框架要基于用户的“核心行为路径”,换句话说用户在产品中做什么决定了产品的形态。对于贴吧来说,用户的核心行为路径比较清晰,主要是获取信息的路径和输出信息的路径。接下来我们对此进行了分析,并制定了轻量化改造策略。

1、获取信息的路径分析及框架设计

路径分析:用户在贴吧主要通过看贴获取信息。升级前用户除了从首页推荐看贴,只能进吧。路径如下:点击进吧Tab—点击吧—点击贴子—看贴。想要切换吧只能退出当前吧重新选择。如果是新用户,只能先关注吧才能进吧。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

定位问题:一、对于老用户来说,进吧、切换吧的成本高,吧与吧之间的壁垒大,内容比较封闭。二、对新用户不友好,关注吧、进吧的路径太长,流失较大。

策略和目标:优质内容显性化,降低用户获取内容的成本。贴吧在产品层面已经做了很多针对性工作,如首页推荐、智能FRS页等,但产品策略只有配合合理的交互框架才能行之有效。因此,新框架要具备以方便吧与吧之间的切换、进吧路径更短,更容易获取优质内容的特点。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

2、输出信息的行为分析及框架设计

路径分析:UGC内容是社区类产品最重要的内容来源之一。和PGC用户有目的有策略的发布内容不同,UGC用户发布的以瞬时的、碎片化的内容居多。升级前,用户这样发贴:点击进吧tab——选择吧——点击发贴——选择发贴类型——编辑内容。对于新用户来说,学习成本很高。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

定位问题:和竞品相比,贴吧发布内容路径较长,就像流程中有多个漏斗,降低了到达率。

策略和目标:发布入口前置,简化发贴流程,降低用户发贴难度。贴吧用户基于兴趣聚集,用户对吧的认知根深蒂固。既然吧不能消失,我们便将复杂性适当转移,并通过策略降低复杂性。将复杂的选吧的流程后置,让用户快速找到发布入口,避免创作热情消失。在选吧时,通过算法推荐适合发布到的吧,降低用户选吧成本。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

基于以上两个核心行为路径的分析,我们确定了贴吧的新框架:推荐内容+吧tab切换(内容显性化,用户可以调整吧顺序)发布入口提前到主Tab(入口前置,选吧流程后置)。

框架层面核心路径的优化拉近了用户与内容之间的距离,为内容生成和内容消费搭好了桥梁。这是UGC社区运转的基础,接下来需要考虑的就是用户与内容之间,以及用户与用户之间产生关联的场景,也就是聚焦到社区内的互动。

拆解用户行为引导交互细节创新

在贴吧,传统互动文化就是盖楼(回贴)。用户通过盖楼实现与内容、人的互动交流,通过文字或表情来表达自己的观点态度。但回贴行为本身有一定门槛,操作成本较高,不利于内容消费用户向活跃用户的转化。所以数据上能看到贴吧中内容消费的用户数量远远大于参与回复的用户数量,而给用户提供更加轻量化的互动方式,可能会增加用户参与社区互动的意愿和行为。在这个假设下,我们开始在互动层面的探索和尝试。

1、目标期望

在轻量化的互动方式中,点赞似乎成了社交产品的标配,一个点击就能承载很多社交情绪,用户的接受度也更高。因此我们也加入了融合贴吧文化的点赞,以示友好又无需多言,降低用户互动门槛,还能通过点赞为内容沉淀带来一些利好。除了基本的点赞玩法外,我们还尝试做了长按赞的彩蛋,对于尝鲜用户希望有一些有趣的反馈。

2、设计过程

点赞的设计过程可以大致拆分为两个阶段:操作与反馈。

操作——侧重操作的轻量高效

单击和双击:在操作环节中,单击点赞作为表态方式也契合轻量高效的目标。 其次,贴吧做为一个较为丰富的产品,点赞的引入必然需要同步到其他的内容层面。在直播和视频中,我们也希望能够让用户在观看过程中快速、轻量的表达态度,因此加入了双击的交互方式来实现点赞。而从产品整体性方面考量,也要考虑互动方式的一致性,所以在贴子中也同步了双击的点赞效果。

长按:我们把长按触发的表态作为彩蛋,用户可以选择怒赞或怒踩,更丰富的表达自我。在设计长按表态时,我们希望让用户轻松快速的选择表态,同时让表达变得更有趣,并针对这一构想开展设计。

设计过程中产出了不同方案,例如长按后通过滑动选择,类似Pinterest的图片长按操作;长按后触发面板后面板常驻类似Facebook的Reaction。

在此过程中,我们又衍生出了不同的思考:

点踩的情况相对于点赞来说较为低频

在产品策略上也是更希望鼓励用户点赞,沉淀内容

因此我们做了一些调整:用户在长按过程中默认选择怒赞。长按过程中通过动效告诉用户此时正在选择怒赞;若用户想选择怒踩,则只需向下滑动,选择怒踩。整个表态的过程又进一步简化,也满足了我们之前轻量表达的设计思路,最终选择了此方案。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

反馈——重点落在对用户情绪给予充足的反馈

在操作后的反馈环节方面,我们希望通过一些有趣的设计引导用户行为。例如,在贴子无人点赞时,用户首次点赞给予用户有趣的视觉反馈作为用户首赞的鼓励。

同时,用户给自己的贴子点赞我们也认为是一个有趣的心理活动,在设计中加入了滑稽笑脸与用户情感进行互动。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

而在长按选择表态后的设计上,希望给用户更强的氛围感受,因此在用户表态后设计了对应的动画效果作为反馈,让整个表态过程显得更加有趣。考虑到用户既然选择了这种高成本的长按,应该是出于内心一定程度的感情诉求,也希望通过这种方式激励用户行为循环,让用户不断的玩下去。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

通过行为的拆解细化,来思考不同阶段的设计着重点让整个流程更加完善, 最终确定了整套点赞设计方案。此外,我们还对发贴、回贴、查看消息等用户行为进行了拆解细化,让体验升级渗透到贴吧的每个细微之处。

贴吧体验升级是一个贯彻品牌形象和交互操作的整体改造过程。以上总结主要包含了从用户研究获得设计目标到完成交互升级的过程,贴吧品牌形象的升级会将在后续的文章中分享。

-end-

温馨提示:记得置顶公众号哦!!

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

“Alias工业设计”是优质的工业设计信息分享,传播最新的设计发展动态,并为设计师群体提供高品质的设计服务平台。

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

点击阅读原文,进入在线学习社区

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35518/

(0)
交互精选交互精选
上一篇 2018-03-03
下一篇 2018-03-03

相关推荐

  • UED网站“新视界新体验”运营设计的思考

    2018年3月20号,我们UED网站(ued.z6.gldcg.com)开始首次运营,推送了我们的第一篇文章“新视界新体验——广联达集中采购平台新版设计”,在朋友圈,小火了一把。21号的时候,我对这个事情,又有了新的思考:第一次发文的目的是什么:1、推广我们产品全新界面,新体验;2、推广我们UED的网站;事实上,我们达到了我们的目的,微信群中得到了大家的认可,点赞;朋友圈大家转发和分享;朋友圈留言,要体验我们产品;老客户看到后要求升级产...

    2018-03-22
  • 用户体验进一步提升!微信官方将优化小程序授权

    序多多小程序无需开发,轻松上手,小程序极速免费生成!十分完美的事物中在这个世界上是不存在的,每个事物需在近乎完美的道路上苛求自己,不断完善。小程序亦是如此,它是互联网时代进步的产物,被互联网大佬们追逐,被用户用完即走。但它也有被人诟病的地方,即会在用户首次启动时直接要求授权,甚至有的小程序会出现若用户不授权,小程序将会出现异常,或进入死循环的情况。相信很多用户都遇到过不授权便会出现死循环的小程序,最后只能退出微信重新进入,造成用户体验很...

    2018-04-21
  • B2B、企业SaaS中的交互设计总结

    [图片]熊猫设计院关注熊猫设计院发现更多设计好文[图片]译者 / 不器校对 / 熊猫小生作者 / Varun Mohapatra[图片]我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇

    微信热点 2018-04-18
  • 贼干的货 | 交互设计中的格式塔原理

    小编说格式塔心理学认为知觉不能被分解为更小的组成部分,知觉的基本单位就是知觉本身,格式塔心理学的信条就是:整体不同于部分之和。格式塔心理学强调结构的整体作用和产生知觉的组成成分之间的联系。当我由测试转行到交互设计师时,我确认自己擅长辨别产品的优劣,和识别产品的待改善点,尽管很多时候这些待改善点还缺少数据和用户的论证。之前我还是典型的用户思维,对产品实际效果的判断非常依赖数据和用户反馈,直到我了解了格式塔原理,它改变了我对设计的思考方式,...

    2018-03-03
  • 便宜的指纹锁也会有“便宜”的用户体验

    欢迎关注:CDTV-1周一至周五晚7:30—7:40全国首创电视融商节目《天天橙掌柜》。很多指纹锁在你跟老板杀完价的那一刻是开心的用的时候并不是那么开心的例如说:外观掉漆脱落了把手松动了指纹录不进或不好打开了说好的密码备用关键时刻掉链子了配的机械钥匙太low了电池没过多久就没电了指纹锁没用多久就得找师傅上门维修了等等等等,烦心吗?趁着特价,换吧智能门锁吧超B级锁芯多种开门方式让你的生活更省心省力橙掌柜家庭安全节德施曼小嘀S8云智能门锁只...

    2018-03-09
  • 如何识别和避免“暗黑用户体验”

    作者:Emily Stevens | 翻译:沙喵〜 审校:Moli用户体验设计是一门创造独特奇妙体验的学问——但设计的产出并不都是像彩虹一样美好灿烂的。即便是本质上强调用户友好的设计产业也会有黑暗的一面,而这些黑暗的欺骗性的设计模式比你想象的更为普遍。去年,用户体验设计公司Sigma点名指出,好几家知名零售商利用欺验性的暗黑用户体验设计从用户那儿赚了更多的钱。出现在耻辱榜上的有电商巨头Amazon、快时尚电商Boohoo.com(英国)...

    2018-03-20
  • 百度UED:让上帝讲真话——聊聊用户访谈几个细枝末节的问题

    来源:百度UED由于商业产品的特殊性,我们的用户是我们的客户,就是我们常说的上帝。那么,与上帝沟通需要注意哪些技巧呢?本文所讨论的技巧并非访谈技巧类的“技术流”文章,也非方法论,主要讲获取客户真实情况的访谈准备、数据收集及数据整理过程。我们在做调研时,希望了解上帝沟的目标、需求及行为。但在我们的调研中,往往发现这样的现象:1. 客户不配合我们的调研,不愿意跟我们讲话?2. 客户跟我们聊,却发现,答非所问,无论如何我们都没法在同一个平面对...

    2018-01-31
  • 刺猬公社招聘汇 | 通往offer之路

    ■更多招聘信息,以及1对1职业咨询,尽在offer之路。扫描上图二维码,即刻加入!本期招聘概览北京:商业新媒体  中国国家地理  北大出版社  音悦台  华谊兄弟    光合映画腾讯研究院猫眼电影  一点资讯  人民日报  摄影之友  经济观察报智云图  鱼眼视频上海:GQ杂志爱奇艺(绿色为正职,黑色为实习,红色可转正)全职信息1  商业新媒体 | 新媒体采编来源:@商业新媒体岗位职责1.关注并监测娱乐内容营销行业内的最新动态,策划行业...

    2018-04-08
  • 2019工业设计/交互设计考研课程全国招生

    2019考研大军将会是一支更庞大的队伍,唯有先见意识和过人的战术才能庸中佼佼。初次踏上考研队列的童鞋们难免会遇到一些问题。专业问题、复习计划、院校选择、分数线和招生指标可私信客服。[ 长按加客服好友 ]工业设计x交互设计- - - - -相信大部分同学考研担心最多的是专业科目,500分中占了300分,在工业设计考研中,快题手绘和设计理论就是你的专业考试内容,快题考察你的设计表现能力,所以,手绘很重要。说到手绘,ICAMP创意坊有着教学多...

    2018-04-10
  • 独家UED手机端 保险投注

    活动时间:2018年3月1日中午12:00至2018年3月31日上午11:59 (北京时间)针对于优惠期间内第一次使用头头移动平台的会员50%本金返还,高达RMB 88手机保险投注!活动详情:1.头头移动平台包括手机网页版版平(m.toutou158.com),UED手机端安卓版和iOS版;2.没有下载头头手机端安卓版和iOS版的会员可以进入官网www.toutou158.com下载;3.头头会员需在优惠期间通过头头手移动平台投注第一笔...

    2018-03-29