查看差异的最简单方法是结账。用户体验决定有多少步骤、每个步骤中询问什么、卡被拒绝时会发生什么以及客人是否可以在没有帐户的情况下购买。 UI 决定了每个步骤的外观：表单字段、按钮样式、错误消息颜色以及支付成功时的小动画。
用户体验设计在任何屏幕出现之前就开始了。它包括用户研究、访谈、旅程地图、信息架构、线框图和可用性测试。输出通常是流程或原型，而不是完成的视觉设计。成功是通过结果来衡量的：任务完成情况、错误、完成时间以及人们是否回来。
UI 设计将该结构转变为界面。它涵盖了视觉层次结构、间距、版式、颜色、图标、组件以及每个元素在每种状态下的行为方式：默认、悬停、按下、禁用、加载和错误。动作也是 UI 的一部分。按下时会做出反应的按钮或跟随手指的纸张会告诉人们产品已经听到了他们的声音。
两者相互依赖。具有令人困惑的按钮的清晰流程仍然会失败，而令人困惑的流程之上的抛光屏幕仍然会失败。这就是为什么大多数团队将 UI 视为 UX 的一部分而不是一门单独的学科，也是许多招聘广告要求两者兼而有之的原因。
如果您决定先学什么，请从 UX 基础知识（了解用户和任务）开始，然后在 Figma 或 Penpot 等设计工具中学习 UI 技能。接下来是交互和动作设计，这就是我们制造的 ExodeUI 等工具的用武之地。