UI 与 UXUser Interface & User Experience
一句话
UI 是用户看到和点到的界面,UX 是用户用它完成一件事的整体感受和顺畅程度。
大白话
UI 像餐厅的装修、菜单排版和餐具;UX 像你从进门、点菜、等菜到结账的整个过程顺不顺。
比喻的边界
餐厅有服务员帮你解释,软件没有,界面和流程本身就得说清“下一步做什么”;UI 和 UX 也不是两件互不相干的事,改其中一个常会影响另一个。
拿去就能用
开始做
我在做,用户来这里是为了。帮我先检查这条主流程要点几次、会在哪里犹豫,再调整布局和文字。每处改动说明理由,先别改配色。
还差:页面名称、用户要完成的事,发给 AI 前记得换掉
出错了
用户点“提交”后页面没有任何反应,两秒后才跳转,有人会连点好几次。帮我找出点击后缺了哪种反馈,补上加载中状态和防重复提交,再告诉我怎么验证。
想做深
我的页面目前只设计了有数据时的样子。帮我补齐空状态、加载中、出错和成功这四种状态的显示和文案,每种都告诉我怎么在本地模拟出来检查。
别这样说 → 这样说
别这样说
这个页面太丑了,帮我优化一下 UI。
这样说
我的注册页有 8 个输入框,试用的 3 个同学都在第二步放弃了。帮我先梳理注册时必须填哪些、哪些可以之后再填,再调整布局。改完告诉我怎么用同样的方法再测一次。
差别:从“丑”换成了用户卡在哪里的事实,先改流程再改样子。
容易误解:
误解把界面做好看,用户体验就好了。
其实是好看只是 UI 的一部分;用户找不到下一步、等待时没有反馈、出错后不知道怎么办,界面再漂亮体验也差。
展开专业理解
UI 关注视觉、布局、控件和交互细节;UX 涵盖用户与产品打交道的全过程,包括任务流程、信息组织、可用性、反馈和情绪感受。UE 是部分中文团队对用户体验的叫法,和 UX 大体同义,交流时先确认对方指什么。判断体验好坏,要看真实用户能不能顺利完成任务,而不只是看截图。
来源
- NN/g:用户体验的定义 核对于 2026-09-26