本文目录导读：
这是一个非常专业且关键的问题,设计调研（Design Research）是连接“模糊需求”与“精准设计稿”之间的桥梁，做不好调研，设计稿容易沦为“自嗨”或“空中楼阁”。
以下是针对设计稿（UI/UX视觉阶段） 的调研方法，我把它拆解为 “一个核心、四个阶段、五种工具”。
一个核心：找到“为什么”
在动手画任何一根线、选任何颜色之前，你要回答3个问题：
- 给谁看？（用户画像、使用场景）
- 在哪看？（设备、环境、竞品环境）
- 看完做什么？（核心任务、情感预期）
四个阶段：从宏观到微观
第一阶段：业务与用户调研（定方向）
不要只盯着屏幕，要先看人。
- 怎么做：
- 用户访谈： 找3-5个典型用户，问他们“在使用类似产品时，最大的痛点和爽点是什么？”（不要问“你喜欢什么颜色”，没用）。
- 数据分析： 看后台数据（热力图、跳出率、转化漏斗），数据会说谎，但比直觉靠谱。
- 利益相关者访谈： 问老板、运营、销售：“这次设计稿最想达成的一个商业目标是什么？”
- 产出： 用户旅程地图、痛点清单、核心功能优先级。
第二阶段：竞品与趋势调研（定基准）
不看竞品就设计，容易闭门造车。
- 怎么做：
- 直接竞品（功能相同）： 分析它们的视觉层级、信息密度、色彩情绪。
- 间接竞品（用户相同）： 分析它们的交互模式、动效逻辑（比如银行类App可以参考支付类App的交互）。
- 跨行业参考（非竞品）： 找视觉风格、质感优秀的行业（如高端消费、汽车、建筑、艺术展海报），提炼版式节奏和光影氛围。
- 关键动作： 建立一个“视觉竞品墙”（用Miro或Notion），把截图按“优点/缺点/可借鉴”分类摆放。
第三阶段：视觉与风格调研（定调性）
这是最接近“设计稿”的调研。
- 怎么做：
- 情绪板： 找能代表项目气质的图片（摄影、材质、插图、字体排版），做“儿童教育”是柔软明快的，做“金融工具”是冷峻克制的。
- 色彩调研： 参考 Pantone 趋势、行业色彩心理学（如健康类多用绿色、科技类多用蓝紫渐变）。
- 组件库/设计规范调研： 研究主流系统（如 Material Design 3、苹果 HIG）的最新设计语言。
- 产出： 情绪板（Mood Board）、风格探索方案（至少3个方向，如“极简商务风”、“活泼插画风”、“高级质感风”）。
第四阶段：可用性与验证（定细节）
稿子画完了，不等于调研结束。
- 怎么做：
- A/B测试： 对关键界面（如登录页、购买按钮）出两稿不同排版或色调的图，用工具（如Google Optimize）看点击率。
- 灰度测试： 先放1%的用户看新设计稿，收集反馈。
- 眼动测试（预算允许）： 看用户视线是否被引导到你想让他们看的地方。
五种实用工具（按使用阶段排序）
| 调研类型 | 推荐工具 | 为什么用它 |
|---|---|---|
| 信息收集 | Notion / Confluence | 整理访谈记录、数据、会议纪要，沉淀为设计文档。 |
| 竞品分析 | Miro / Figma Jam | 贴满截图、画连线、团队头脑风暴，可视化竞品墙。 |
| 风格探索 | Pinterest / Behance / Dribbble | 建立画板，搜集灵感素材，但请注意：找参考，不是抄袭。 |
| 用户测试 | Maze / UserTesting | 把设计稿做成可点击原型，找用户做任务测试，自动出数据报告。 |
| 视觉测试 | Stark / Coolors | 检查颜色对比度、色盲模拟、色彩搭配合理性。 |
给你的实操建议（避坑指南）
- 不要做“审美调研”： 不要只问同事“哪个好看”，要问“哪个能让你更快找到购买按钮？”或“哪个让你觉得更信任这个品牌？”
- 调研产出必须可量化： 不要只说“用户觉得红色不好看”，要说“根据A/B测试，红色按钮点击率比蓝色低17%”。
- 为“分歧”做准备： 调研结束后，列出 “必须遵守” （如品牌色、无障碍标准）、“建议执行”（调研中60%用户偏好）、“可以灵活”（个人创意发挥）三个列表。
一个重要的提醒： 设计稿调研不是一次性的。它应该是一个循环：调研 -> 出图 -> 测试 -> 优化 -> 再测试，最优秀的设计稿，往往是在第3次、第5次迭代调研后才出现的。
祝你调研顺利,产出惊艳的设计稿！如果还有具体场景（比如是B端后台还是C端消费App），可以进一步细化讨论。
标签： 竞品分析
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
