Back to Details

design-critique

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Design Critique

设计评审

Provide structured, actionable design feedback.
提供结构化、可落地的设计反馈。

Critique Framework

评审框架

1. First Impression (2 seconds)

1. 第一印象（2秒）

  • What draws the eye first? Is that correct?
  • What's the emotional reaction?
  • Is the purpose immediately clear?
  • 首先吸引眼球的是什么？这个焦点是否合理？
  • 会引发怎样的情绪反应？
  • 设计的用途是否一目了然？

2. Usability

2. 可用性

  • Can the user accomplish their goal?
  • Is the navigation intuitive?
  • Are interactive elements obvious?
  • Are there unnecessary steps?
  • 用户能否顺利达成目标？
  • 导航是否直观？
  • 交互元素是否明显易见？
  • 是否存在多余的操作步骤？

3. Visual Hierarchy

3. 视觉层级

  • Is there a clear reading order?
  • Are the right elements emphasized?
  • Is whitespace used effectively?
  • Is typography creating the right hierarchy?
  • 是否有清晰的阅读顺序？
  • 重点元素是否得到了恰当的强调？
  • 留白是否得到有效运用？
  • 排版是否构建了合理的层级结构？

4. Consistency

4. 一致性

  • Does it follow the design system?
  • Are spacing, colors, and typography consistent?
  • Do similar elements behave similarly?
  • 是否遵循了设计系统规范？
  • 间距、色彩和排版是否保持一致？
  • 同类元素的表现是否统一？

5. Accessibility

5. 可访问性

  • Color contrast ratios
  • Touch target sizes
  • Text readability
  • Alternative text for images
  • 色彩对比度
  • 触控目标尺寸
  • 文本可读性
  • 图片的替代文本

How to Give Feedback

反馈给出方法

  • Be specific: "The CTA competes with the navigation" not "the layout is confusing"
  • Explain why: Connect feedback to design principles or user needs
  • Suggest alternatives: Don't just identify problems, propose solutions
  • Acknowledge what works: Good feedback includes positive observations
  • Match the stage: Early exploration gets different feedback than final polish
  • 具体明确：比如要说“CTA按钮与导航栏产生了视觉竞争”，而非“布局很混乱”
  • 解释原因：将反馈与设计原则或用户需求关联起来
  • 提出替代方案：不仅要指出问题，还要给出解决建议
  • 肯定优点：优质反馈应包含对设计亮点的认可
  • 匹配阶段：针对早期探索阶段的反馈，与最终打磨阶段的反馈应有所不同