当设计遇上AI—百度APP个人中心AI重构

用户头像
北京/设计爱好者/1年前/3800浏览
当设计遇上AI—百度APP个人中心AI重构
前言
AI能力的迅猛发展,为产品设计带来了很多新的可能性和机会。百度作为AI领域的行业先锋,正在不断探索如何将AI技术深度融入到产品中,以赋能改进和提升产品的使用体验。
本文将以百度APP个人中心AI重构项目为例,讲述如何运用AI智能推荐和对话能力来解决问题重构体验,将一个传统的固定入口型的个人中心打造成为一个高效智能的AI版个人中心。
希望能为读者提供新的视角和思路,激发大家对于AI原生设计的理解和思考。

个人中心旧版
作为百度APP端内业务和基础功能设置的重要回访阵地,个人中心面临着三大核心问题:①功能入口多页面屏效低;②部分功能操作层级深;③资产更新提醒不直观。
针对这些问题,我们希望通过精简功能结构、破壳高频功能、强化信息提示,提升用户触达效率,优化整体使用体验。为此,我们计划运用AI能力进行设计重构来解决上述三大问题。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0MjA=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
个人中心AI重构设计
目前行业内并没有一款运用AI能力对个人中心进行重构的产品,因此,设计师的挑战在于如何从0-1创新重构出“AI个人中心”新形态,来全面提升用户在端内的回访体验。我们依次从「框架、结构、内容、操作、对话」五部分出发定义,逐步搭建功能、丰满细节、拓展深度,创新重构出一个全新的AI版个人中心。
1.容器创新设计 打造AI感资产框架
基于上述问题和设计目标,首先对个人中心框架进行了重构设计,结合用户行为数据保留常用高频功能入口,去除原来众多类型的内容推荐卡,在页面内实现功能精简提效;其次结合AI智能推荐的能力,开辟出一个承载推荐内容的容器区域,破壳内容便于用户回访。
我们共计验证推敲出3种页面框架“嵌入式框架”“分层式框架”“卡片式框架”,选择与AI融合感更强、体验更沉浸的嵌入式框架继续深入,框架头部精简信息,中部保留高频功能便于用户回访,下方区域则通过AI智能推送用户所需内容。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0MjQ=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
2.结合用户行为 主动智能推荐
在框架下方承载推荐内容的容器区域内,个人中心可以结合用户在百度APP的使用行为数据,通过AI向用户智能推荐内容资源和功能操作。
当用户的内容资产有变更时,个人中心能够主动破壳内容,如用户最近下载了一部剧集但未看完,当该剧有更新时,主动提示用户继续观看。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0Mjg=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
当用户有设置类潜在需求时,个人中心能够推荐操作功能,如用户的手机经过一段时间使用,有系统垃圾冗余时,会主动推荐用户清理缓存。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0MzI=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
3.构建全业务卡片的内容结构
我们将各业务需要展示的信息摘取出来,采用卡片形态进行聚合与承接,以保证AI智能推荐时的灵活性和可拓展性。卡片会采用对话式引导语拉近用户距离,破壳提示内容资源,如向用户主动推荐最近收藏的内容,支持跳转查看并在返回时更新状态;还会在资产变更时进行提醒,如当用户下载视频或备份文件后,对用户实时提醒并提供复访入口;支持用户直接设置功能,支持一键点击并实时反馈状态。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0MzY=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
设计期间,我们从卡片分类方式、模板呈现、交互操作等维度进行了多方案探索,前后迭代实验了3款卡片形态,结合用户访谈测试和实验数据反馈,最终选择使用3.0版本的分卡聚合样式。这一版本采用了统一化模版来精简布局,通过一步操作来前置功能减步长,对功能和内容进行分类聚合来提高页面屏效、使用户更易理解。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0NDA=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
共计为20+业务搭建了10类聚合卡片,定义归纳了3类卡片操作与更新方式,在个人中心选用最符合用户行为的卡片和内容进行智能推荐。目前我们更多业务正在接入推荐卡片体系中,大家敬请期待~
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0NDQ=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
4.内容破壳提示 功能操作提效
回归用户实际使用场景来看,AI智能推荐卡片形式在用户操作上有了很大的提效。例如查看下载视频的步长由4步缩减为1步,原来用户想继续看视频时,可能会找不到、且寻找入口比较深,现在我们通过推荐卡片破壳了视频等内容,点击卡片即可一键直达视频页,一段时间后返回个人中心时卡片会更新用户的最新观看进度。既减少了用户操作步长,又沉浸式延续了用户在端内的使用行为。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0NDg=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
同样,功能类的操作效率也大幅提升,之前当用户想清理时 ,入口深步骤多、体验非最佳,现在通过推荐卡片将清理缓存功能前置推出在个人中心,用户想清理缓存时,无需翻越层层入口,只需点击“清理”按钮即可一键完成缓存清理,实时告知用户清理进度,大幅提升用户操作效率。除此以外,像深色模式、字体大小等功能也都支持用户在个人中心一键操作。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0NTI=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
5.拓展对话场景 触达用户长尾需求 
个人中心不仅可以结合用户行为智能推荐卡片,还支持用户主动发起提问,通过对话形式快捷触达长尾需求。用户点击卡片下方的“去提问”入口或上滑页面,即可从个人中心进入对话页。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0NTY=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
进入对话页后,个人中心AI助手首先会推荐一些快捷指令,让用户快速了解对话提问方式和目前支持提问的功能。当用户发起提问后推出相关功能卡片,如在手机运行卡顿时询问“如何清理缓存”,AI助手会推出“清理缓存”卡片并引导用户前往清理,清理完成会再次回到对话页、为用户展示最新缓存状态。
以下是支持对话的部分功能卡片,这些卡片整体延续了推荐区域卡片的内容和体验,结合对话交互流程对卡片模版进行了差异化定制。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0NjA=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
最终基于业务功能特点,结合对话交互规范,共计定义了“跳转操作并返回更新”“跳转查看”“当前操作”“当前操作并追加对话”4种交互操作和更新方式。目前我们接入的场景能力尚有限,后续我们将持续进行迭代与优化,提升用户在个人中心进行AI对话的体验。
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0NjQ=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
AI个人中心实验上线效果
AI版本实验上线后,百度APP和个人中心的关键数据都有了显著提升,带来了正向收益,我们也于今年6月底上线全端,期待大家体验并给予反馈。
思考与展望
如今产品AI化已成为市场发展趋势,作为设计师,如何结合自己的业务,运用AI能力重构产品及体验是一个极具挑战和价值的课题。我们从百度APP个人中心AI重构项目中总结出了一些经验和小tips,在此向大家分享:

  • 在应用AI技术之前,首要任务是明确其能力范围与显著优势,如文中使用的AI智能推荐能力能够同时满足用户的个性化需求、提升信息获取效率,从而全方位提升用户体验和业务价值。
  • 我们需要大胆突破、勇于创新,在没有可参考借鉴的产品时应当打破惯性思维,尝试从框架、结构、内容等层面进行全新定义,然后通过持续打磨、深度探索等手段来不断完善产品形态。
  • 无论是否应用AI,设计底层思维是万变不离其宗的,我们需要始终站在用户视角分析并解决问题,而AI将会是每位设计师的一个趁手工具和灵感中心,它可以给我们更多思考问题的角度,日常工作中我们应当多积累总结然后不断迸发新思考,通过AI这个新工具来解决我们业务的已有问题,向用户提供更好的体验。
以上是我们的一些小小心得,希望能为同为设计师的你,在面对AI应用与重构设计时提供一些设计思路和借鉴。
后续,我们将持续聚焦提升个人中心的AI智能感知能力,围绕用户的偏好习惯及当前上下文环境,提供更精准的个性化服务,为用户升级更加智能、自然流畅的AI对话体验,通过结合更多场景逐步打造出一个全方位、个性化的百度APP AI助手,让每位用户都能享受到智能化的便捷与乐趣。
百度MEUX团队
2025校园招聘提前批次
全面开启
当设计遇上AI—百度APP个人中心AI重构(图ZMTQ5MDA0NzI=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。
51
阅读原文
|
举报
|
166
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
课程海报,平面素材
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
玄关入门地毯印花图案红地毯
古风平面仕女与瓷器
空的平台平面和自然景观
中国传统纹样创新图案设计
平面设计 吊牌设计
金色颗粒质地的平面
平面男孩喝咖啡插画设计
平面书法字手写
城阙凡花
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
倒计时,海报,平面
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
城市园林平面布局航拍
空的平台平面和自然景观
金色颗粒质地的平面
学习,优惠券,平面,海报
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
你可能喜欢
相关收藏夹
干货
干货
干货
干货
大家都在看
登录注册