美文网首页视觉设计
超简单!9 张图秒懂 UI 和 UX 到底有什么区别?

超简单!9 张图秒懂 UI 和 UX 到底有什么区别?

作者: 庖丁开发 | 来源:发表于2016-08-26 22:36 被阅读0次

随着互联网的迅猛发展,UI 设计这个职位一度变得炽手可热,而 UX 也开始逐渐为人熟知,随着互联网对设计的要求提升,行业越来越需要更全能的人才,所以 UI、UX 的界限越来越模糊,我们可以看到很多人给自己的定位就是 UI/UX。如果非要细分的话,那他们有什么区别呢?

丨先来看一下定义
UI、(User Interface)即用户界面,是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。

UX/UE(User Experience Design)用户体验设计(国内一般叫交互设计,在国内两者没有实际性区别),是以用户为中心的一种设计手段,以用户需求为目标而进行的设计。设计过程注重以用户为中心,用户体验的概念从开发的最早期就开始进入整个流程,并贯穿始终。

丨用几张图简单对比下两者在工作过程中的区别。

我们拿一瓶番茄酱举例,UI 关注的是产品本身,包括外形以及品牌辨识度;而 UX 则更多的要考虑用户体验和使用情境,比如最右边是可用性测试,通过测试发现问题并不断地对产品体验进行调整和修正。

在如今很热的情感化方面对比,UI 关注的是产品功能以及外形(还是外形),UX 关注更关注的是用户情感。

UI 是你使用的产品的整体形象,而 UX 更在意你使用这个产品时的感受。

如果把产品比作人体的话,那么 UI 就是身体外貌,UX 则是骨架。

从工作分工来看,UX 职责包括用户画像,用户故事,用户调研,可用性测试;而 UI 则是布局设计,视觉设计,品牌形象。连接两者的是线框图。

从网页设计方面来看,UI 是指网页布局的方式,而 UX 关注网站的交互部分,是对产品和服务的综合体验,UX可以包含很多,从网站地图到内容架构。好的用户体验不能只停留在介面表层的交互与美观部分,而应该是有连贯流畅的流程。

UX 设计以用户为中心,注重任务流和使用场景。UI 设计重心则是色彩、排版等视觉方面。

在全栈人才需求越来越高的今天,很多 UI 其实很需要考虑 UX 的工作,而会做 UI 的 UX 更是越来越多。UX 和 UI 设计师的界限变得越来越模糊,一个好的设计师不应该只关细节部分,而是着眼整体和全局,只为打造以用户为中心的最佳产品体验。

文章首发于「庖丁开发」公众号,每晚十点分享产品、设计、开发的干货,欢迎拍砖。

相关文章

网友评论

    本文标题:超简单!9 张图秒懂 UI 和 UX 到底有什么区别?

    本文链接:https://www.haomeiwen.com/subject/rkbzsttx.html