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

前言 AI 能力的迅猛发展,为产品设计带来了很多新的可能性和机会。百度作为 AI 领域的行业先锋,正在不断探索如何将 AI 技术深度融入到产品中,以赋能改进和提升产品的使用体验。 本文将以百度 APP 个人中心 AI 重构项目为例,讲述如何运用 AI 智能推荐和对话能力来解决问题重构体验,将一个传统的固定入口型的个人中心打造成为一个高效智能的 AI 版个人中心。 希望能为读者提供新的视角和思路,激发大家对于 AI 原生设计的理解和思考。一、个人中心旧版 作为百度 APP 端内业务和基础功能设置的重要回访阵地,个人中

大厂实战!百度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,在此向大家分享:

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

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

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

给TA打赏
共{{data.count}}人
人已打赏
应用

开源大模型新王 Reflection 70B 超越 GPT-4o:新技术可纠正自己幻觉,数学 99.2 分刷爆测试集

2024-9-6 23:44:30

应用

《时代》公布 2024 年 AI 领域百大影响力人物榜单,魏哲家、黄仁勋和苏姿丰等上榜

2024-9-7 9:58:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
搜索