UI、UX、交互、产品设计…傻傻分不清？这篇终于讲透了！

UI设计（用户界面设计）

• 关注产品的视觉呈现，包括界面布局、色彩、图标、字体等视觉元素的设计。
• 属于用户体验设计中的表现层（视觉层），直接面向用户的视觉感官。
• UI设计师应展示最终的视觉设计图（如界面设计图），而非仅展示过程（如色彩调研、栅格分析）。

UX设计（用户体验设计）

• 涵盖用户与产品交互的全过程，包括策略、范围、结构、框架和表现层（参考Jesse James Garrett的五层模型）。
• 关注用户需求、产品目标、功能逻辑、信息架构及最终的用户体验结果。
• UX设计师需展示设计结果和价值（如产品体验的改善、项目成果），而非仅罗列流程（如竞品分析、用户画像）。

交互设计

• 专注于用户与产品的行为交互，定义用户如何操作产品、系统如何响应（如流程设计、界面跳转逻辑）。
• 是用户体验设计的子集，位于五层模型中的结构层和框架层。
• 交互设计需产出交互线框图、用户流程图，并关注功能逻辑和用户操作路径。

产品设计

• 更侧重于产品的整体定义、功能规划和商业目标，包括市场定位、需求分析、功能规划等。
• 涵盖五层模型中的战略层和范围层（如产品目标、功能说明、内容需求）。
• 产品设计需考虑商业价值、用户需求及产品功能的结构化设计。

用户体验设计

• 是广义的顶层概念，包含交互设计、UI设计、用户研究、信息架构等多方面，关注用户对产品的整体感受。
• 用户体验设计需考虑技术、商业、人文等多维度问题（如不同国家用户的适用性）。
• 与交互设计的关系：交互设计是用户体验设计中的一个细分领域，用户体验设计范围更广。

总结对比

• UI设计：视觉表现（界面外观）
• 交互设计：用户行为与产品功能的互动逻辑
• UX设计：全流程用户体验（从研究到结果）
• 产品设计：产品战略、功能规划与商业目标
• 用户体验设计：顶层思维，涵盖所有用户接触点的综合体验

这些领域虽有重叠，但重点不同：

• UI/视觉设计师应突出视觉结果（如设计图），而非UX流程工具
• UX设计师应展示设计带来的实际价值（如体验改善），而非仅过程
• 交互设计需明确用户行为与系统响应的逻辑关系