xTool Studio Mobile
UI/UX 设计评审报告

基于主交互流程录屏的全面评审 · 覆盖首页、画布编辑器、Frame Generator、设备页、个人中心

评审日期
2026-03-30
平台
iOS Mobile
覆盖页面
12+ 页面
录屏时长
6 分 03 秒
5
阻断性问题 (P0)
7
优化建议 (P1)
4
改进建议 (P2)
3
设计亮点
🔴 需修改后再评审

存在多处严重的语言混乱、对话框不一致和交互异常问题,建议修复 P0 问题后安排二次评审

📱

评审范围 · 页面总览

首页 Home
画布加载
编辑器主视图
图片操作
智能抠图
图像调节
文字编辑
画布管理
Frame Generator
Export 导出
设备 Device
个人中心 Mine
🔴

阻断性问题 (P0) — 上线前必须修改

P0-001 L4 视觉 / 文案

全局语言混乱:中英文混杂,且英文文案存在语法错误

位置全局弹窗、导航标签、操作按钮
问题 同一类保存确认弹窗出现了至少 3 种不同的英文文案版本,且应用主体为中文界面。
• 版本1: "Give up" / "Save"
• 版本2: "Exit directly" / "Save and exit"
• 版本3: "Keep Editing" / "Quit Anyway"
这三种表述功能相同但用词完全不同,用户会困惑于不同页面的不同行为表述。
影响严重损害品牌一致性和用户信任感,中文用户理解成本高
建议统一为中文文案:「未保存的更改将丢失,是否保存?」+ 「放弃」/「保存」,或在多语言框架下统一英文版本
P0-002 L4 视觉 / 文案

Frame Generator 标题存在拼写错误 "Creat your Frame!"

位置Frame Generator → 编辑页面标题区域
问题"Creat your Frame!" 缺少字母 "e",应为 "Create your Frame!"
影响拼写错误出现在核心功能的最显眼位置,严重影响产品专业性
建议修正拼写为 "Create your Frame!"
P0-003 L3 交互

"Give up" 按钮用词不当,易引起误解

位置画布编辑器 → 返回时的保存确认弹窗
问题"Give up" 在英文语境中含「放弃/投降」的强烈消极含义,用于「不保存」的操作完全不恰当。用户可能误以为这是在「放弃整个项目」
影响高频操作的核心文案问题,增加用户决策焦虑
建议替换为 "Don't Save" / "Discard"(英文),或 "不保存" / "放弃更改"(中文)
P0-004 L3 交互

弹窗层叠 Bug:Paper Size 面板与保存弹窗同时显示

位置Frame Generator → Size 标签页
问题Paper Size 选择面板在底部弹出的同时,保存确认弹窗也依然可见。两个浮层同时显示,违反了 Modal 互斥原则
影响用户无法明确当前应交互哪个弹窗,操作路径被阻塞
建议确保浮层(Dialog/BottomSheet)互斥显示。新浮层弹出时,应先关闭或隐藏已有浮层
P0-005 L3 交互

点击「加工」按钮无任何反馈,核心流程断裂

位置画布编辑器 → 右上角「加工」按钮
问题用户点击「加工」按钮后没有任何有效反馈:未弹出连接设备的引导弹窗,也未打开加工参数设置页面。当前仅显示一个加载失败的弹窗,核心操作流程在此处完全断裂
影响「加工」是编辑器内最核心的 CTA 操作,无反馈直接阻断了用户从设计到制作的完整链路
建议1) 已连接设备时:直接打开加工参数设置页面;2) 未连接设备时:弹出设备连接引导弹窗,引导用户先完成设备配对
🟡

优化建议 (P1) — 建议本期内完成

P1-001 L2 体验

项目名称为乱码字符串,缺乏可识别性

位置首页 → 我的空间 → 项目卡片
问题自动生成的项目名为随机字符串(如 "mlckqdlkgvnmfxjn"),用户完全无法通过名称识别项目内容
建议自动命名采用「模板类型 + 日期时间」格式(如 "Canvas_20260330_1517"),并支持创建时自定义命名
P1-002 L2 体验

智能抠图无进度指示和取消机制

位置画布编辑器 → 抠图功能 → 智能抠图处理中
问题智能抠图处理仅显示 "智能抠图中" + 旋转菊花,无进度百分比,也无取消按钮。用户无法预估等待时间,也无法中途取消
建议1) 增加进度百分比或预估时间;2) 提供取消按钮让用户可以随时退出
P1-003 L3 交互

相册权限请求理由与实际场景不匹配

位置Frame Generator → Select Image 触发的系统权限弹窗
问题系统弹窗显示「我们需要访问您的相册以选择个人头像」,但用户当前场景是在 Frame Generator 中选择编辑素材,并非设置头像
建议修改 Info.plist 中的 NSPhotoLibraryUsageDescription 为更通用的表述,如 "选择照片用于编辑和创作"
P1-004 L3 交互

底部工具栏「向下箭头」含义不明确,且首项被截断

位置画布编辑器 → 底部工具栏最左侧
问题1) 最左侧的「向下箭头 ∨」按钮含义不明确——用户无法判断点击后是「取消选中当前元素」还是「切换回全局功能面板」,缺少文字提示或图标说明
2) 工具栏首项被容器边缘截断,用户不易发现可左滑查看更多工具
建议1) 为向下箭头增加文字标签(如「取消」/「收起」),或改用更明确的图标(如 ✕ 表示取消选中);2) 增加横滑的视觉提示(渐变遮罩 / 小圆点指示器)
P1-005 L3 交互

图像调节滑块拖动不顺畅,缺少触觉反馈

位置画布编辑器 → 选中图片 → 调节面板 → 各参数滑块
问题1) 滑块拖动手感不顺畅,跟手性差,精细调整困难
2) 手指触控到滑块时没有 Haptic Feedback(震动反馈),与 iOS 原生滑块控件的交互体验不一致
影响图像调节是高频精细操作,滑块体验直接影响用户对产品专业性的感知
建议1) 优化滑块拖拽的跟手性和响应速度;2) 在触控到滑块、拖动过程中和吸附到整数值时增加 UIImpactFeedbackGenerator 震动反馈,对齐 iOS 原生体验
P1-006 L2 体验

Frame Generator「Select Image」入口始终存在,强制感过强

位置Frame Generator → 编辑画布中央
问题画布中央的「Select Image」绿色入口按钮在用户已向画布添加元素(如文字、装饰元素)后仍然持续显示,不会自动消失。给用户造成"必须上传图片才能继续"的强制感,且遮挡已有内容
建议当用户向画布添加任何元素后,自动隐藏中央的 Select Image 入口;或将其缩小为画布角落的小按钮,不阻挡主要编辑区域
P1-007 L4 视觉

画布编辑器颜色层缺少序号标识,与 PC 端 Studio 不一致

位置画布编辑器 → 底部颜色条区域
问题底部颜色条(#FE0002、#FF7F56、#E1C000 等)仅显示色块和 HEX 值,没有序号标识。而 PC 端的 xTool Studio 颜色层带有明确序号,用于对应多次加工的先后顺序
影响用户在 Mobile 端无法快速确认颜色层的加工顺序,导致跨端使用体验不一致
建议在每个颜色块上方或左侧增加序号标识(如 ①②③),与 PC 端 Studio 保持一致
🔵

改进建议 (P2) — 可纳入 Backlog

P2-001 L2 体验

加载状态缺乏骨架屏设计

位置全局加载状态
问题多处加载态仅使用黑色圆角矩形 + 菊花 + 文字,未使用骨架屏或渐进式加载。视觉单调且无法给用户预期
建议画布加载使用骨架屏;图片处理增加进度条或百分比
P2-002 L4 视觉

底部 Tab Bar 图标风格不统一

位置全局底部导航栏
问题Home 图标使用了 xTool 品牌标志性的交叉图标(线性),Device 使用填充风格,Mine 也是填充人形。选中态和未选中态的图标风格/粗细略有差异
建议统一图标风格为线性或填充,保持选中/未选中态的视觉一致性
P2-003 L3 交互

弯曲文字控件识别不清,操作对应性差

位置画布编辑器 → 选中文字元素时的控制手柄
问题1) 浮动操作栏的图标未区分可操作状态和置灰(不可操作)状态,用户无法判断哪些操作当前可用
2) 弯曲文字的控制手柄(绿色圆点)辨识度低,用户难以识别其对应功能和预期的拖拽方向
建议1) 不可操作的按钮明确使用置灰样式 + 禁用态;2) 弯曲文字控件增加拖拽方向提示(如弧形辅助线或拖拽箭头),提高操作的可发现性
P2-004 L2 体验

Device 页面已连接设备信息展示过于简陋

位置Device 页面
问题已连接设备(xTool WonderPress)仅显示设备名称、在线状态、Hot pressing 和温度信息,页面 70% 为空白区域
建议可增加设备状态可视化(如温度曲线图)、快速操作入口、使用教程或最近任务列表
🟢

设计亮点

亮点 1

首页品类入口设计清晰,图标区分度高

首页信息架构清晰:品类快捷入口(Canvas / T-Shirt / Greeting Card / Jewelry / Keychain)使用彩色图标 + 文字标签,视觉层级分明。「我的空间」和「AI Generator」分区明确,用户可快速找到核心功能。
亮点 2

Frame Generator 模板系统设计完善

Frame Generator 的模板系统做得较为完善:模板分类清晰(Templates / Element / Text / Frame / Size),预览图精美,选择后可直接编辑。导出视图带有精确的尺寸标注,便于加工。建议推广此模式到其他品类。
亮点 3

画布编辑器功能完整度高

画布编辑器在移动端提供了接近桌面级的编辑能力:智能抠图、多维度图像调节(灰度/反色/清晰度/亮度/对比度/饱和度/色温)、精确坐标定位、多画布管理。功能丰富度值得肯定,建议持续优化各功能的交互细节。
📋

跟进计划

P0 阻断 5 项 — 上线前必须修改,需二次评审确认
P1 优化 7 项 — 建议本期内完成
P2 建议 4 项 — 可纳入 Backlog,下期排期
核心改进方向:
1. 语言一致性:统一全局文案语言,消灭中英混杂问题
2. 弹窗规范化:统一保存确认弹窗的文案、样式和交互行为
3. 核心链路打通:修复「加工」按钮无反馈问题,确保编辑→制作链路完整
4. 交互体验对齐:滑块触觉反馈、控件识别度、颜色层序号等与 iOS/PC 端对齐
5. 文案审校:修正拼写错误和自动命名策略

⚠️ 评审边界说明

• 本次评审基于录屏静态帧分析,无法评审动效时序、手势反馈和微交互

• 录屏为 iOS 平台,Android 平台差异未覆盖

• 未涉及无障碍(Accessibility)合规性检查

• 评审结论为专家评估,不等同于用户研究结论

• 所有评审建议由 UED Leader 最终确认,本工具为辅助判断