UI 与 UX 的区别 — 简单解释

Source: Dev.to

UX（用户体验）

• 关注产品的感受。
• 关注用户旅程、可用性以及整体体验。
• 示例： 使用一个应用时导航有多容易？工作流是否合理？

UI（用户界面）

• 关注产品的外观。
• 关注视觉元素，如按钮、颜色、排版和布局。
• 示例： 按钮的样式、配色方案以及元素的摆放位置。

简单类比

把它想象成一辆汽车：

• UX = 乘坐的舒适度和顺畅程度。
• UI = 仪表盘、方向盘和控制装置的外观。

关键要点： UX 关注体验，UI 关注外观。两者共同作用，使产品既易于使用，又具视觉吸引力。