大厂实战!百度APP个人中心 AI 版重构设计复盘

前言

AI 能力的迅猛发展,为产品设计带来了很多新的可能性和机会。百度作为 AI 领域的行业先锋,正在不断探索如何将 AI 技术深度融入到产品中,以赋能改进和提升产品的使用体验。

本文将以百度 APP 个人中心 AI 重构项目为例,讲述如何运用 AI 智能推荐和对话能力来解决问题重构体验,将一个传统的固定入口型的个人中心打造成为一个高效智能的 AI 版个人中心。

希望能为读者提供新的视角和思路,激发大家对于 AI 原生设计的理解和思考。

一、个人中心旧版

作为百度 APP 端内业务和基础功能设置的重要回访阵地,个人中心面临着三大核心问题:①功能入口多页面屏效低;②部分功能操作层级深;③资产更新提醒不直观。

针对这些问题,我们希望通过精简功能结构、破壳高频功能、强化信息提示,提升用户触达效率,优化整体使用体验。为此,我们计划运用 AI 能力进行设计重构来解决上述三大问题。

大厂实战!百度APP个人中心 AI 版重构设计复盘

二、个人中心 AI 重构设计

目前行业内并没有一款运用 AI 能力对个人中心进行重构的产品,因此,设计师的挑战在于如何从 0-1 创新重构出“AI 个人中心”新形态,来全面提升用户在端内的回访体验。我们依次从「框架、结构、内容、操作、对话」五部分出发定义,逐步搭建功能、丰满细节、拓展深度,创新重构出一个全新的 AI 版个人中心。

1. 容器创新设计 打造 AI 感资产框架

基于上述问题和设计目标,首先对个人中心框架进行了重构设计,结合用户行为数据保留常用高频功能入口,去除原来众多类型的内容推荐卡,在页面内实现功能精简提效;其次结合 AI 智能推荐的能力,开辟出一个承载推荐内容的容器区域,破壳内容便于用户回访。

我们共计验证推敲出 3 种页面框架“嵌入式框架”“分层式框架”“卡片式框架”,选择与 AI 融合感更强、体验更沉浸的嵌入式框架继续深入,框架头部精简信息,中部保留高频功能便于用户回访,下方区域则通过 AI 智能推送用户所需内容。

大厂实战!百度APP个人中心 AI 版重构设计复盘

2. 结合用户行为 主动智能推荐

在框架下方承载推荐内容的容器区域内,个人中心可以结合用户在百度 APP 的使用行为数据,通过 AI 向用户智能推荐内容资源和功能操作。

当用户的内容资产有变更时,个人中心能够主动破壳内容,如用户最近下载了一部剧集但未看完,当该剧有更新时,主动提示用户继续观看。

大厂实战!百度APP个人中心 AI 版重构设计复盘

当用户有设置类潜在需求时,个人中心能够推荐操作功能,如用户的手机经过一段时间使用,有系统垃圾冗余时,会主动推荐用户清理缓存。

大厂实战!百度APP个人中心 AI 版重构设计复盘

3. 构建全业务卡片的内容结构

我们将各业务需要展示的信息摘取出来,采用卡片形态进行聚合与承接,以保证 AI 智能推荐时的灵活性和可拓展性。卡片会采用对话式引导语拉近用户距离,破壳提示内容资源,如向用户主动推荐最近收藏的内容,支持跳转查看并在返回时更新状态;还会在资产变更时进行提醒,如当用户下载视频或备份文件后,对用户实时提醒并提供复访入口;支持用户直接设置功能,支持一键点击并实时反馈状态。

大厂实战!百度APP个人中心 AI 版重构设计复盘

设计期间,我们从卡片分类方式、模板呈现、交互操作等维度进行了多方案探索,前后迭代实验了 3 款卡片形态,结合用户访谈测试和实验数据反馈,最终选择使用 3.0 版本的分卡聚合样式。这一版本采用了统一化模版来精简布局,通过一步操作来前置功能减步长,对功能和内容进行分类聚合来提高页面屏效、使用户更易理解。

大厂实战!百度APP个人中心 AI 版重构设计复盘

共计为 20+业务搭建了 10 类聚合卡片,定义归纳了 3 类卡片操作与更新方式,在个人中心选用最符合用户行为的卡片和内容进行智能推荐。目前我们更多业务正在接入推荐卡片体系中,大家敬请期待~

大厂实战!百度APP个人中心 AI 版重构设计复盘

4. 内容破壳提示 功能操作提效

回归用户实际使用场景来看,AI 智能推荐卡片形式在用户操作上有了很大的提效。例如查看下载视频的步长由 4 步缩减为 1 步,原来用户想继续看视频时,可能会找不到、且寻找入口比较深,现在我们通过推荐卡片破壳了视频等内容,点击卡片即可一键直达视频页,一段时间后返回个人中心时卡片会更新用户的最新观看进度。既减少了用户操作步长,又沉浸式延续了用户在端内的使用行为。

大厂实战!百度APP个人中心 AI 版重构设计复盘

同样,功能类的操作效率也大幅提升,之前当用户想清理时 ,入口深步骤多、体验非最佳,现在通过推荐卡片将清理缓存功能前置推出在个人中心,用户想清理缓存时,无需翻越层层入口,只需点击“清理”按钮即可一键完成缓存清理,实时告知用户清理进度,大幅提升用户操作效率。除此以外,像深色模式、字体大小等功能也都支持用户在个人中心一键操作。

大厂实战!百度APP个人中心 AI 版重构设计复盘

5. 拓展对话场景 触达用户长尾需求

个人中心不仅可以结合用户行为智能推荐卡片,还支持用户主动发起提问,通过对话形式快捷触达长尾需求。用户点击卡片下方的“去提问”入口或上滑页面,即可从个人中心进入对话页。

大厂实战!百度APP个人中心 AI 版重构设计复盘

进入对话页后,个人中心 AI 助手首先会推荐一些快捷指令,让用户快速了解对话提问方式和目前支持提问的功能。当用户发起提问后推出相关功能卡片,如在手机运行卡顿时询问“如何清理缓存”,AI 助手会推出“清理缓存”卡片并引导用户前往清理,清理完成会再次回到对话页、为用户展示最新缓存状态。

以下是支持对话的部分功能卡片,这些卡片整体延续了推荐区域卡片的内容和体验,结合对话交互流程对卡片模版进行了差异化定制。

大厂实战!百度APP个人中心 AI 版重构设计复盘

最终基于业务功能特点,结合对话交互规范,共计定义了“跳转操作并返回更新”“跳转查看”“当前操作”“当前操作并追加对话”4 种交互操作和更新方式。目前我们接入的场景能力尚有限,后续我们将持续进行迭代与优化,提升用户在个人中心进行 AI 对话的体验。

大厂实战!百度APP个人中心 AI 版重构设计复盘

三、AI 个人中心实验上线效果

AI 版本实验上线后,百度 APP 和个人中心的关键数据都有了显著提升,带来了正向收益,我们也于今年 6 月底上线全端,期待大家体验并给予反馈。

大厂实战!百度APP个人中心 AI 版重构设计复盘

四、思考与展望

如今产品 AI 化已成为市场发展趋势,作为设计师,如何结合自己的业务,运用 AI 能力重构产品及体验是一个极具挑战和价值的课题。我们从百度 APP 个人中心 AI 重构项目中总结出了一些经验和小 tips,在此向大家分享:

  1. 在应用 AI 技术之前,首要任务是明确其能力范围与显著优势,如文中使用的 AI 智能推荐能力能够同时满足用户的个性化需求、提升信息获取效率,从而全方位提升用户体验和业务价值。
  2. 我们需要大胆突破、勇于创新,在没有可参考借鉴的产品时应当打破惯性思维,尝试从框架、结构、内容等层面进行全新定义,然后通过持续打磨、深度探索等手段来不断完善产品形态。
  3. 无论是否应用 AI,设计底层思维是万变不离其宗的,我们需要始终站在用户视角分析并解决问题,而 AI 将会是每位设计师的一个趁手工具和灵感中心,它可以给我们更多思考问题的角度,日常工作中我们应当多积累总结然后不断迸发新思考,通过 AI 这个新工具来解决我们业务的已有问题,向用户提供更好的体验。

以上是我们的一些小小心得,希望能为同为设计师的你,在面对 AI 应用与重构设计时提供一些设计思路和借鉴。

后续,我们将持续聚焦提升个人中心的 AI 智能感知能力,围绕用户的偏好习惯及当前上下文环境,提供更精准的个性化服务,为用户升级更加智能、自然流畅的 AI 对话体验,通过结合更多场景逐步打造出一个全方位、个性化的百度 APP AI 助手,让每位用户都能享受到智能化的便捷与乐趣。

欢迎关注作者的微信公众号:「百度MEUX」

大厂实战!百度APP个人中心 AI 版重构设计复盘

收藏 33
点赞 49

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。