摘要：一、需求定位阶段(核心根基)用户画像精准定位通过问卷/访谈确定3类典型用户例：健身APP需区分「减肥人群」「增肌人群」「康复训练人群」核心功能矩阵筛选用KANO模型区分：基本需求(如登录功能)期望需求(如健身数据可视化)兴奋需求(如AI体态分析)二、原型设计阶

一、需求定位阶段(核心根基)

用户画像精准定位

通过问卷/访谈确定3类典型用户

例：健身APP需区分「减肥人群」「增肌人群」「康复训练人群」

核心功能矩阵筛选

用KANO模型区分：

基本需求(如登录功能)

期望需求(如健身数据可视化)

兴奋需求(如AI体态分析)

二、原型设计阶段(快速验证)

信息架构三步法

一级导航不超过5个(遵循米勒定律)

关键路径三步原则(注册→选课→支付)

异常流程设计(如网络中断的空白页提示)

交互设计要点

手势操作区域符合费茨定律(屏幕底部1/3为黄金区域)

动效时长控制在300-500ms(符合人类瞬时记忆)

三、UI设计阶段(体验提升)

视觉规范建立

字体阶梯：1.5倍率递进(如12/18/27px)

色彩系统：主色+辅助色不超过3种

适配方案

安卓使用dp/sp单位

iOS提供@1x/@2x/@3x图

关键控件安全边距≥24pt

四、开发协作阶段(高效落地)

设计交付物清单

标注文件(使用Zeplin等工具)

动效参数文档(Lottie导出json)

切图压缩规范(WebP格式优先)

走查重点项

像素级核对间距(使用Pixel Perfect插件)

多机型文字折行测试

深色模式对比度验证(WCAG标准)

五、数据验证阶段(持续迭代)

埋点策略

关键按钮点击率

核心流程转化漏斗

功能使用热力图

AB测试维度

主色调对比(如蓝色vs橙色CTA按钮)

布局样式测试(列表式vs卡片式)

避坑指南：

避免在v1.0版本追求大而全(MVP功能不超过7个)

支付流程必须做弱网测试

启动页加载时长控制在1.5秒内

附：设计规划甘特图模板

markdown

第1周：用户调研+竞品分析

来源：啊剑谈娱乐