项目案例 / AI 实践

AI Coding 驱动的产品体验优化

从设计判断到代码实现的工程落地能力

01 自主构建与验证

借助 AI 完成整个工作流程。拉取仓库源码,使用 Xcode、Android Studio 完成本地构建,编译后在本地设备中检查界面、流程与交互状态。

构建与复验流程:获取源码与构建、实际操作与检查、AI 辅助调整、重新编译与复验。

获取源码与构建

实际操作与检查

AI 辅助调整

重新编译与复验

对于范围明确的体验问题,我负责说明问题、定义预期表现,借助 AI 调整实现并验证效果;涉及复杂逻辑的问题,则与研发协作处理。改动通过代码分支提交评审,衔接正式版本交付。

体验优化提交记录节选,保留作者、提交日期、代码改动和提交哈希。
体验优化提交 · 记录节选
个人优化分支 zkj/popup-optimization,保留分支名称、作者及更新日期。
个人优化分支

02 iPad 弹窗与多栏交互优化

我借助 AI 修改产品代码,重新编译并安装到自己的 iPad 上检查效果。相关改动经评审合入并上线。

优化一 · 根据场景把原阻断性弹窗操作改为轻量Pop、Menu浮层

现存问题

所有场景全是阻断性弹窗,没有根据场景划分细分组件。

体验目标

瞬时、轻量的使用场景,用Pop、Menu浮层让用户注意力不被打断。

问题解决

例如:录音播放速率改为原生浮层Pop,借助 AI 完成代码调整,并在 iPad 真机上检查效果,最终随版本上线。

播放速率设置对比:修改前为独立弹窗,修改后为原生浮层。

修改前 · 独立弹窗

修改后 · 原生浮层

优化二 · 全局弹窗梳理,从组件层面统一不同页面的弹窗表现

现存问题

多个页面的弹窗在大小、位置、动画和视觉细节上不一致,适配后没有延续统一的设计规范。

体验目标

让同类操作保持一致,用户在一个页面熟悉的操作,换到其他页面仍然适用;后续迭代也有共同规则可沿用。

问题解决

我梳理共性问题,明确统一规则,借助 AI 查找并修改相关组件,完成后重新编译,在真机上检查效果。

全局弹窗梳理:不同弹窗类型归入统一组件,形成一致的弹窗表现。

类型一

类型三

更多类型...

统一组件

弹窗表现

优化三 · App 端页面跳转逻辑未适配 ipad 多栏布局

现存问题

“我的”设置模块页面在第二栏选中内容后,第三栏没有显示对应详情,列表与内容没有正确关联。

体验目标

让用户能够一边浏览列表、一边查看详情,清楚知道当前的选中,发挥大屏多栏布局的作用。

问题解决

我借助 AI 调整导航与展示逻辑,让选中内容正确显示在右侧详情区,补齐多栏浏览中的适配问题。

多栏页面适配前后对比:内容栏增加默认展示,跳转逻辑适配 ipad。

内容栏增加默认展示

增加默认展示

跳转逻辑适配 ipad

导航展示逻辑优化

优化四 · 针对 ipad 大小键盘弹出体验优化

现存问题

App 键盘弹出体验未适配 ipad 端;ipad 大小键盘出现位置、时机适配逻辑缺失。

体验目标

让用户在 ipad 端的键盘使用体验顺畅。

问题解决

我借助 AI 针对性的对 ipad 键盘弹出使用的体验进行优化,并在真机上检查效果。

ipad 键盘适配问题列举,展示四类键盘问题的实际页面。

ipad 键盘适配问题列举

键盘弹出页面错乱

小键盘页面适配

横屏-键盘弹出弹窗高度未适配

系统分屏、缩放窗口键盘适配

03 通过这套方法,我已多次提交代码改动,实现产品需求、解决体验问题。

相关改动经过真机检查和研发评审后合入正式版本,让设计方案转化为用户实际用到的产品改进。

原图查看

打开原图

可放大并滚动查看图中文字