设计稿设计调研怎么做

本文目录导读：

1. 一个核心：找到“为什么”
2. 四个阶段：从宏观到微观
3. 五种实用工具（按使用阶段排序）
4. 给你的实操建议（避坑指南）

这是一个非常专业且关键的问题,设计调研（Design Research）是连接“模糊需求”与“精准设计稿”之间的桥梁，做不好调研，设计稿容易沦为“自嗨”或“空中楼阁”。

以下是针对设计稿（UI/UX视觉阶段） 的调研方法，我把它拆解为 “一个核心、四个阶段、五种工具”。

一个核心：找到“为什么”

在动手画任何一根线、选任何颜色之前，你要回答3个问题：

1. 给谁看？（用户画像、使用场景）
2. 在哪看？（设备、环境、竞品环境）
3. 看完做什么？（核心任务、情感预期）

四个阶段：从宏观到微观

第一阶段：业务与用户调研（定方向）

不要只盯着屏幕，要先看人。

• 怎么做：
  • 用户访谈： 找3-5个典型用户，问他们“在使用类似产品时，最大的痛点和爽点是什么？”（不要问“你喜欢什么颜色”，没用）。
  • 数据分析： 看后台数据（热力图、跳出率、转化漏斗），数据会说谎，但比直觉靠谱。
  • 利益相关者访谈： 问老板、运营、销售：“这次设计稿最想达成的一个商业目标是什么？”
• 产出： 用户旅程地图、痛点清单、核心功能优先级。

第二阶段：竞品与趋势调研（定基准）

不看竞品就设计，容易闭门造车。

• 怎么做：
  • 直接竞品（功能相同）： 分析它们的视觉层级、信息密度、色彩情绪。
  • 间接竞品（用户相同）： 分析它们的交互模式、动效逻辑（比如银行类App可以参考支付类App的交互）。
  • 跨行业参考（非竞品）： 找视觉风格、质感优秀的行业（如高端消费、汽车、建筑、艺术展海报），提炼版式节奏和光影氛围。
• 关键动作： 建立一个“视觉竞品墙”（用Miro或Notion），把截图按“优点/缺点/可借鉴”分类摆放。

第三阶段：视觉与风格调研（定调性）

这是最接近“设计稿”的调研。

• 怎么做：
  • 情绪板： 找能代表项目气质的图片（摄影、材质、插图、字体排版），做“儿童教育”是柔软明快的，做“金融工具”是冷峻克制的。
  • 色彩调研： 参考 Pantone 趋势、行业色彩心理学（如健康类多用绿色、科技类多用蓝紫渐变）。
  • 组件库/设计规范调研： 研究主流系统（如 Material Design 3、苹果 HIG）的最新设计语言。
• 产出： 情绪板（Mood Board）、风格探索方案（至少3个方向，如“极简商务风”、“活泼插画风”、“高级质感风”）。

第四阶段：可用性与验证（定细节）

稿子画完了，不等于调研结束。

• 怎么做：
  • A/B测试： 对关键界面（如登录页、购买按钮）出两稿不同排版或色调的图，用工具（如Google Optimize）看点击率。
  • 灰度测试： 先放1%的用户看新设计稿，收集反馈。
  • 眼动测试（预算允许）： 看用户视线是否被引导到你想让他们看的地方。

五种实用工具（按使用阶段排序）

给你的实操建议（避坑指南）

1. 不要做“审美调研”： 不要只问同事“哪个好看”，要问“哪个能让你更快找到购买按钮？”或“哪个让你觉得更信任这个品牌？”
2. 调研产出必须可量化： 不要只说“用户觉得红色不好看”，要说“根据A/B测试，红色按钮点击率比蓝色低17%”。
3. 为“分歧”做准备： 调研结束后，列出 “必须遵守” （如品牌色、无障碍标准）、“建议执行”（调研中60%用户偏好）、“可以灵活”（个人创意发挥）三个列表。

一个重要的提醒： 设计稿调研不是一次性的。它应该是一个循环：调研 -> 出图 -> 测试 -> 优化 -> 再测试，最优秀的设计稿，往往是在第3次、第5次迭代调研后才出现的。

祝你调研顺利,产出惊艳的设计稿！如果还有具体场景（比如是B端后台还是C端消费App），可以进一步细化讨论。

标签： 竞品分析