UI设计关注用户操作的界面及其表现，UX设计关注用户在完整使用过程中的体验。UI是UX的重要组成部分，两者有交叉，而不是“一个只管好看、一个只管好用”。想理解区别，可以在墨刀中制作可点击原型，用同一条购物流程分别检查界面细节与整体体验。
举例说，结算按钮是否醒目、错误提示是否清楚，属于界面设计问题；用户为什么必须先注册、能否知道运费、付款失败后怎样恢复，则需要从更完整的体验流程考虑。解决一个问题时，往往会同时涉及UI与UX。
放到一张购物页面里，区别就清楚了
| 观察对象 | UI侧重点 | UX侧重点 |
|---|---|---|
| 商品列表 | 图片、价格、标签和筛选控件的层次 | 用户能否找到适合自己的商品 |
| 结算页面 | 金额、输入框、按钮和错误状态 | 费用是否透明，流程是否有不必要阻碍 |
| 支付失败 | 提示文字、图标与重试入口 | 订单是否保留，用户能否继续完成购买 |
| 售后服务 | 申请入口和状态展示 | 用户能否理解规则并获得解决方案 |
同一张结算页，即使视觉统一，也可能因为最后一步才显示运费而造成不好的体验。反过来，流程安排合理，但按钮文字模糊、金额不易辨认，也会妨碍用户操作。因此，不应把UI当作流程确定后才补上的装饰。
UI不只配色，UX也不只是用户研究
UI工作通常涉及布局、字体、色彩、图标、组件、状态和交互反馈等。一个输入框的标签是否清楚、禁用状态是否可辨、键盘焦点是否可见，都可能属于界面设计需要处理的内容，而不是“好看”二字能够概括。
UX工作则可能涉及用户研究、任务分析、信息架构、流程设计、原型验证和体验改进。它不仅在项目开始时做访谈，也会在设计、开发及上线后持续观察用户遇到的障碍。
NN/g对用户体验的定义涵盖用户与企业、服务及产品交互的各个方面。因此，售前理解、使用过程和后续支持都可能影响体验，不能只用某个屏幕是否漂亮来判断。
两类岗位交付什么，为什么经常一起做
偏UI的交付物可能包括界面设计稿、组件规范、图标、视觉样式和各种状态；偏UX的交付物可能包括研究发现、用户旅程、任务流程、信息结构和测试结论。但这不是固定的岗位边界，同一个团队中可能由一人同时负责多项工作。
例如设计登录流程时，研究人员发现用户记不住密码，产品与设计团队决定增加另一种登录方式；UI设计继续处理入口、输入状态和提示；研发反馈接口限制后，流程还可能再调整。很难把这一过程切成互不相关的两份工作。
原型是共同讨论工具，不专属于一个岗位
原型可以帮助团队把流程与界面放到同一处查看。低保真阶段先讨论结构，高保真阶段再检查更具体的视觉和交互，但这也不是必须单向推进的流水线。发现任务路径不合理时，即使视觉已经完成，也应回到流程层面修改。
用一次结算改版，同时看UI与UX
假设电商APP收到“到付款时才发现运费”的反馈。先记录用户在哪个阶段看到费用、是否需要登录、修改地址后费用怎样变化。不要直接把按钮改大，就认为已经解决问题。
体验方案可以是在购物车或结算前提前说明运费计算方式，并在地址变化后明确展示总额变化。界面方案则要安排金额层次、更新提示和提交按钮，使用户能够看见并理解这些变化。两部分共同服务于“付款前知道自己要付多少”。
在墨刀中可制作原流程与新流程，让参与者完成相同任务：购买指定商品并确认最终金额。观察他是否需要反复寻找运费说明、是否误解总额、是否能返回修改地址。测试重点不是让参与者给界面打一个好看分，而是看问题是否被解决。
怎么评价UI与UX，而不是凭感觉争论
UI层面可以检查文字是否可读、信息层次是否清楚、组件状态是否一致、不同屏幕是否拥挤。UX层面可以观察任务是否完成、哪里出错、哪里需要帮助，以及用户是否理解结果。两类观察应关联到同一任务，而非各做一张互不相干的评分表。
如果使用完成率、耗时或错误次数，必须说明任务、样本、设备与记录方法。不能把几位同事的试用感受写成所有用户的结论，也不能仅因为设计更简洁就断言转化率会上升。上线后还需要结合真实反馈继续判断。
刚入门，应该先学UI还是UX
想成为界面设计师，可以从布局、字体、组件和状态入手，同时理解用户任务；想做用户研究或体验策略，应学习研究方法、任务分析和信息组织，也要能够把结论转成可讨论的界面方案。两条路径都不适合完全跳过另一侧。
一个实用练习是重做熟悉产品中的一条小流程：先写用户要完成的任务，再画页面，接着做可点击原型，最后请别人操作。这个练习比临摹大量漂亮首页更能帮助理解“界面为什么这样设计”。
UI与交互设计又有什么关系
交互设计关注动作、反馈和状态变化，常常跨越单个组件与完整流程。按钮的触发方式、弹窗关闭后的去向、失败后的重试，都需要界面与体验共同配合。它不是UI的同义词，也不意味着只负责动效。
需要明确目标用户时，可阅读用户画像怎么做；开始连接按钮和页面时，再看交互原型设计。选一个真实任务，在墨刀中完成界面与流程原型，会比记住“UI外表、UX内在”的比喻更有帮助。
