文章来源：http://www.ui.cn/detail/327069.html
拿瓶装番茄酱举例，UI 关注产品本身，UX 则是考虑了用户体验和使用情境，最右边则是可用性测试，通过测试效果再不断地对产品体验进行调整和修正。
Source:agilebits
如果把产品比作人体的话，那么 UI 就是身体，UX 则是心脏，代码是骨骼。
source:careerfoundry.com
下图从专业分工来看，UX 和 UI 的工作内容有不同之处，但也有重合的部分。
Source：Asinthecity
UI 关注产品功能，UX关注用户情感。
Source：Strategyanddesign
从定义来看，UI 是指网页布局的方式。UX 关注网站的交互部分，是对产品和服务的综合体验，UX 可以包含很多，从网站地图（site map）到内容架构 (architecture of the content)。好的用户体验不能只停留在介面表层的交互与美观部分，而应该是连贯的旅程、有线上与线下不同接触点。
Source：Deptofmarketing
从工作分工来看，UX 职责包括用户画像，用户故事，用户调研，可用性测试，UI 则是布局设计，视觉设计，品牌形象。连接两者的是线框图。
Source：Thecdm
UI 涉及人机交互、工业设计、视觉和声音设计等。而 UX 则包含信息架构、内容策略在内的更多部分，他需要从整体动态流程上考虑产品是否能解决用户的问题。UI 属于 UX 的一部分。
source:Dan Saffer
UX 设计以用户为中心，关注任务流和使用场景。UI 设计重心则是色彩、排版等视觉方面。相似之处是两人都是留着大胡子的胖子。
Source:ad DevLabs
UI 是你使用的部分，而 UX 是在你使用时的感受。
Source：Userexperiencerocks
UI 设计师关注按钮的颜色，考虑的是视觉的部分，是产品看起来如何。而 UX 设计师则关注按钮放置位置是否合适，最终出发点是用户的感受 ，想要弄清楚人类想要使用的是什么，解决痛点。
source:墨刀
近年来，在「设计思考流程」的趋势下，整体性设计流程越来越受到关注，UX 和 UI 设计师的界限变得越来越模糊，设计师不再关细节部分，而是着眼整体和全局，只为打造以用户为中心的最佳产品体验。
图：thinkspace.csu.edu.au
「设计思考流程」，是指一套以人为本的设计思维和方法论，包括「同理心」、「需求定义」、「创意动脑」、「制作原型」、「实际测试」 5 个 步骤。在整个设计思路中，原型制作则是其中一个重要的环节。
网友评论