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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
设计如何助力知道产品打造持续消费体验
58.6°
2023-09-06 原创文章 经验/观点 举报 13031 37 212 2

本文以知道问答浏览页升级项目为例,分享如何从产品体验视角出发打造用户持续消费体验

引言


百度知道是一个诞生于2005年的产品,知道在过去的17年中作为搜索内容生态天然载体,致力于用问答沉淀知识。百度知道至今共解答了6.5亿问题,其中被集中关注的问题逐渐被优化完善,沉淀为了体系性的知识。与此同时,互联网内容供给也经历了爆发性的增长。在这个00后用户崭露头角的时代,人们对于知识获取的需求也更加注重效率。


在知道18周年之际,我们拓展了【知识笔记】新场域,将沉淀内容升级为知识笔记,通过简单、沉浸式的交互,简化信息获取途径,让用户把注意力集中在深度消费优质内容上。


一、设计师如何助力业务拓展新场域


聚焦【知识笔记】场域价值,赋能业务


【知识笔记】场域核心价值在简化优质内容获取途径,吸引用户深度消费,设计侧以此提炼了3个设计出发点:


1.建立优质内容分发场域,吸引用户持续消费。


2.营造沉浸消费氛围,降低持续消费成本。


3.优化内容展现样式,打造舒适阅读体验。



线上页面分析



基于设计出发点,设计侧针对用户深度消费场景分析了线上页面,探索具体设计举措:


1.知道同一问题下优质回答较少,当前浏览页仅聚焦一个问题,不利于优质内容的分发。此外,内容与广告混排,导致内容辨识度不高。


2.打断多、查看回答的成本高,目前要查看多条回答需要多次点击和多次页面跳转,增加了持续消费的成本,同时也降低了沉浸感的体验。


3.同一问题下问题与回答结构割裂,页面层级逻辑不清晰,字号字重层级较多,视觉语言表意不清。


针对这三点问题,我们从内容分发框架、交互优化与视觉传达优化三方面进行了设计方向探索。



浏览页打造渐进式分发场域


为了吸引用户持续消费内容,我们梳理了双列式、渐进式和沉浸式三类内容分发框架。双列式内容曝光效率高,但强依赖封面。渐进式信息少选择成本低,但强依赖策略分发,沉浸式操作成本低,但后续引导较弱



我们的目标是让消费者“持续消费”,相比于双列式的主动筛选,渐进式与沉浸式的低成本选择更能营造沉浸阅读氛围,且个性化分发策略也更利于定向推荐内容。又因知道的内容以图文为主,沉浸式框架意味着用户需要阅读一整篇回答后才能看到后续内容,相较而言渐进式框架内容分发效率更高。


基于以上考虑,我们基于渐进式框架重构了浏览页框架,通过建立优质推荐内容流,以个性化策略推荐与当前问题相关的优质内容,营造持续消费的场景。问答内容以卡片样式展示,突出高质量的内容吸引用户深入浏览。此外我们也对框架做了进一步创新,在页面底部预先展示下一条内容的标题,通过前置展现内容吸引持续消费,同时也能够建立滑动操作预期。




多种手势营造沉浸消费体验


手势交互是比起点击更加直接且顺畅的一种交互,用户通常不需要去思考就会下意识执行,这种交互自然,爽快,且令人上瘾。我们计划将手势交互形式融入到渐进式框架中,营造自然且平滑的交互体验,以此替代点击与跳转对持续消费的打断,营造更加沉浸的消费体验。


因此我们引入了多种手势来控制不同内容流的切换,竖滑切换优质推荐内容流增加内容曝光,横滑进入全部回答内容流深度消费,减少页面跳转感知,打造沉浸式阅读氛围。



视觉打造干净清亮的阅读体验


视觉角度是从业务目标和产品现状两方面来着手,以业务目标出发结合产品现状,挖掘出可以定位的设计问题,再去收拢转化到设计策略层,此次在设计拆解阶段,发现业务侧需要扩分发、提体验;视觉方面的层级和语意也不够清晰、结构缺少逻辑、文字字重层级比较多等问题,进而转化为设计策略为:视觉降噪、阅读减负、提升亲和力,打造干净清亮的阅读体验。
设计定位



设计策略


视觉降噪


之前问题和回答区分卡展示,内容相对分散,改版后以突出当前回答内容,满足用户浏览诉求,结构以回答为单位,给用户传递一个完整内容的视觉效果,降低阅读成本。





阅读减负


突出当前页面的核心内容,将字号和间距进行收敛,拉开页面核心与非核心内容进行视觉层级,为用户阅读减负,提升阅读体验。



提升亲和力


旧版的视觉语意相对较弱,新版风格走向提升亲和力。


亲和力最早是属于化学领域的一个概念,是特指一种原子与另外一种原子之间的关联特性,有句话叫:力在则聚,力亡则散!有亲和力的双方就是有共同力量表示的双方,这种友好表示,使得双方合作在一起,有一种合作的意识和趋向意识,和共同作用的力量。设计旨在建立与用户一种合作趋向的意识。






结语


渐进式框架可行性场景拓展


内容分发框架是基于产品场域目标构建的,而知道新场域为以优质内容吸引用户,因此我们搭建了渐进式浏览态交互框架,将知道的内容流由查看一条问题的全部回答拓展为查看相似问题的优质回答,以提升优质回答分发效果。未来我们计划将知识内容形态由大段文字转化为消费成本更轻量的图片,进一步降低知识消费的成本。而渐进式分发框架的设计经验也会复用至新内容形态下,通过内容前置曝光吸引持续消费,建立滑动操作预期;通过手势交互建立沉浸消费体验。


在方案设计中,我们也提炼了渐进式分发框架的使用方式,这种框架因内容露出结构,适用于产品有较强引导消费诉求、或新内容形态需建立操作认知时使用。但此框架也存在一定的局限性,例如在竖版全屏视频等内容形态中,下方的内容是否会影响当前内容的深度消费仍需进一步测试,而对不同尺寸内容的处理方式也具有较高的要求。


以上是对知道【知识笔记】新场域建设的总结、复盘和思考。我们将不断探索和创新,以设计为驱动,为打造优质消费体验贡献更多的价值。


百度MEUX团队

2024校园招聘提前批次

全面开启


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

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

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

Powered by Froala Editor

更新:2023-09-06

收藏

37人已收藏

百度MEUX

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

  • 150

    作品

  • 3433

    粉丝

  • 0

    关注

  • 用户研究大数据分析助手:KNIME介绍及实践
  • MEUX 「四月」 AI设计观察
  • 新中式与AI的融合碰撞—百度二十四节气卡设计升级
  • 标签体系优化助力统一平台权益感知
相关标签

    猜你喜欢

      2023-09-06 原创文章 经验/观点 举报 13031 37 212 2

      设计如何助力知道产品打造持续消费体验

      58.6°

      你确定要举报设计如何助力知道产品打造持续消费体验

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2023年09月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      212
      37
      2

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

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

      登录

      手机号

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

      登录
      第三方账号登录