168体育UI 设计和 UX 设计的区别是什么?
栏目:168体育 发布时间:2024-01-04
 首先,需要一个人提出需求, Ta 需要一栋什么样的房子。需要房子能够提供哪些细节。  再次,由一名工程师给出房子的整体架构、材料等等建议,以及规划盖房子的流程。  这样的一个过程,在现实生活中,可能这样的一栋小木屋都是一个人完成的。但是如果把这栋房子,看成一款互联网产品的话,那么就能够找到对应的角色了。  提出需求的人,在一个流程中,往往是产品经理,而他则是从多个层面获取到的相关的需求。  决

  首先,需要一个人提出需求, Ta 需要一栋什么样的房子。需要房子能够提供哪些细节。

  再次,由一名工程师给出房子的整体架构、材料等等建议,以及规划盖房子的流程。

168体育UI设计和UX设计的区别是什么?

  这样的一个过程,在现实生活中,可能这样的一栋小木屋都是一个人完成的。但是如果把这栋房子,看成一款互联网产品的话,那么就能够找到对应的角色了。

  提出需求的人,在一个流程中,往往是产品经理,而他则是从多个层面获取到的相关的需求。

  决定房子的外观,给房子刷什么柒的那个人,我们一般叫作视觉设计师( UI 设计师或 GUI 设计师)。

  等等,这里肯定会有人产生疑问,已经看到了 UI 设计师,那么 UX 设计师在哪里呢?

  其实,在这个盖房子的例子中,UX 更多的是一种理念,比如说,我们建立这栋房子的目标,是要秉承着冬暖夏凉,通风好,采光棒,168体育房间布局合理,住起来舒服又放松,睡一晚就能够充分放松身心。

  那么,所有盖房子的人,都要秉承着这样的思想,那么就时刻考虑着 UX 是什么。

  首先要明确的,UX 并不是具体的一个职位或者工作技能,而是一种思路或者一个流程。

  UX是User Experience的缩写,即用户体验,其核心是用户,体验指用户在使用产品以及与产品发生交互时出现的**主观感受和需求满足**。用户体验发生在用户接触产品的时候,随着用户使用产品的深入,用户体验也从内部感受逐渐转变成某种用户需求的满足。UX设计师研究和评估一个系统的用户体验,关注于该系统的易用性,价值体现,实用性,高效性等。

  从广义的角度来看,用户体验的工作内容涉及到的是一款产品的使用周期,我们可以定义为,这款产品从用户开始使用到使用完毕的感受体会。

  而对于硬件产品来说,往往从开箱,一直到使用以及使用完毕,整体的过程都可以使用「用户体验」来解释和设计。

  我个人非常喜欢苹果的原因,很大程度上来源于第一次购买苹果产品,从开箱到开机的整个过程舒服的体验。

  最近一次觉得苹果的用户体验无以伦比,还是第一次拿到 Air Pods 从打开包装,到自动连接手机一瞬间的那种触动感,为我的使用过程制造了非常完美的用户体验。

  对于产品设计的整体过程,用户体验应该应该是融入其中的,因此就需要产品设计的每个阶段,产品经理、产品设计师、产品研发人员、产品生产人员以及产品测试人员、质检人员都要带有用户体验的概念来完成工作内容。

  一般在实体行业中,并不会有专门的用户体验设计师的岗位,而是需要把用户体验的概念深入到每一个角色中去。

  一般我们从狭义的角度来解释用户体验设计师的工作内容,以及谈论这个角色,更多的是在软件或互联网行业中。

  完成用户体验工作的人,基本上都是用户研究员,设计师,包括交互设计师和视觉设计师。

  通过研究用户和数据分析,挖掘用户需求,收集用户反馈,然后定义产品的初始形态或者产品的迭代。

  在这个过程中,用户研究员、设计师和产品经理需要协同工作,共同努力,通过反复的讨论以及考察验证,才能找到最接近真实情况的需求。

  产品设计,貌似是产品经理的主要工作内容。实际上,用户体验设计师同样也要参与进去,把用户体验的概念融入到产品设计中。

  产品经理往往要结合多个角度去考虑具体的设计,包括产品的实现架构,用户需求,市场目标等,此时就需要用户体验设计师把用户需求进行拆解,然后融入到产品经理的整体设计中。

  在这个阶段,产品经理和用户体验设计师之间的沟通会非常多,并且基本上处于一种假设阶段,后面在产出具体的原型以后,可以再进行验证。

  产品的用户界面设计,是用户体验设计师充分把自己的专业性落实的阵地,从交互设计到视觉设计,基本上每一个细节都要以用户体验为目标指导设计的执行。

  交互设计和视觉设计的范畴,实际上就包含在用户体验的概念中。用户体验需要用户研究员、交互设计师、视觉设计师把一款互联网产品从一份文档或功能列表,转化为交互流程图、界面交互原型、带有视觉效果和动效的高保真原型。

  因此,在行业里,我们会把用户研究员、交互设计师和视觉设计师都称作为「用户体验设计师」,而他们所完成的工作内容,都是用户体验的一部分。

  针对于原型验证的方法,有很多。我们日常接触比较多的,基本上是可用性测试或 A/B 测试这样的方法论。

  在行业中,众多的用户体验设计师,通过可用性测试来收集用户的反馈,在建立一定的用户体验标准(依据不同的产品实际情况,用户体验指标会不一样),来考察所设计的原型,是否能够满足用户真实的需求,实现用户的目标,以及完成任务。

  可用性测试可能有些大费周章,因为要邀请用户在模拟的环境中使用,而互联网产品的原型验证,可以考虑MVP 或通过一部分用户的甄别,让他们参与使用测试,收集实际使用的数据情况,然后来分析之前的设计能否达成目标。

  在这里,用户体验设计师要配合运营的同事,做好数据收集和分析的工作,尤其是针对于产品的界面操作等,关键界面或元素,一定要做好数据埋点。

  通过数据分析,能够反映出主流用户群体的产品使用情况,以及针对于接下来的产品改版和迭代,都会有所帮助。

  现在行业中会有一些变化,针对于工作地环节接入和输出的阶段会有所不同,但是大致的概念上还是不变的。

  另外近些年衍生出的「服务设计」的概念,同样也可以归纳入用户体验的一部分。毕竟在用户体验行业产生之初,实际上随处可见的是「服务设计」的影子。

  随着行业的发展,UI 设计师,逐渐发展成为视觉设计师的专门指代,而交互设计师则专门缩略为 UX 设计师或者其他(叫法其实蛮多)。但是严格来说,UX 并不等同于交互设计师。

  UI 设计可以说是 UX 设计的一部分,其中重要的图形化或者可视化部分,都是由 UI 设计来完成的。

  对于互联网行业来说,UX 的团队往往叫作 UED 或者 UXD 团队,而这个团队的重要组成部分,就是用户研究同事,交互设计师,视觉设计师。

  在整体的产品研发流程中,UX 的概念,最核心的应该是 UCD 方法论,那么就要保证团队中的每一个成员,不仅仅是设计师,还包括产品经理,研发等等角色,都要具备以用户为中心的思想,把用户体验作为重要的一个指标来评估产品设计或者验证产品实际情况。

  如果你在准备转行或求职一份设计师的工作,或者在纠结于自己要不要转行,不清楚如何切入到 UI/UX 设计,怎么做出一份作品集,这些内容或许可能帮到你:

  我是马力,国内最早的一批互联网产品和设计从业者,有十几年的互联网产品、设计、运营工作经验,曾经在 IBM 工作工作,并作为最早期的成员,和李开复老师在创新工场工作。

  在知乎里,我有130多万关注者。李开复老师,还有很多行业大咖,都推荐过我主讲的课程。我写过几百万字的文章,很多人看着我写的东西进入职场。现在知群和北京邮电大学一起开设了面向研究生的课程,我也在大学里讲课。

  知群现在已经在行业内有非常大的影响力,超过200位总监、副总裁和CEO给知群的学生讲课分享,阿里、腾讯、滴滴等公司等和知群有合作。我们要做中国最好的职业教育平台。

  如果你打算往产品经理、UI 设计、UX 设计等领域发展,我建议你可以先参加我们的体验课训练营,目前可以免费申请。做这个训练营的目的,就是让大家知道这个领域到底都有什么,产品思维和设计思维是什么,大家应该学习什么。

  另外我们还有设计师和产品经理的能力地图,在训练营里好好学习,你有机会获得印刷纸质版的:

  在当下的背景中,虽然人们认为用户体验很重要(它也确实很重要),但通常企业都只是将它作为某种技术的“效果”,而非一个专业领域,以至于很多人经常搞不清UX和其他相关领域(如交互设计,界面设计,工业设计等)的关系。

  最常见的混淆莫过于把UI(User Interface,即用户界面)等同于UX,甚至在上的“用户体验设计”词条上,居然出现了如此描述:

  “UI(用户界面)是广义概念,包含软硬件设计,囊括了GUI、UE以及ID(交互设计)。”

  按照这个说法,UI成了广义词,而UX/UE成了UI的一部分,实有蚂蚁吞象之感。

  从这张图我们能看到用户体验设计其实是一个包罗万象的领域,它包含了视觉设计、交互设计、建筑学、信息架构、部分工业设计以及部分人机交互的内容。

  而UI,我们可以看到,只是视觉设计和交互设计的重叠部分,也就是说,UI仅仅只是UX的一个小小的分支。

  用户体验设计(UX)不太注重一个站点或者产品的样子和感觉,更多的是注重它实现功能的方式和用户如何与它交互。

  UX设计师注重用户实际使用一款产品、网站或者APP时的相关数据。一般而言,他们专注于创造用户情绪的积极反馈。换句话说,他们致力于取悦用户。它更多的是需要理解共性的设计模式,和用户的普遍心理期待。

  如果设计不考虑用户的体验,它可能看起来很漂亮,但总会让人觉得在某些方面有所缺失。用户会对其中的操作方式感到别扭,无法体验到预期的效果,这样一来用户就有可能放弃使用,转而选择竞品。

  虽然一些用户体验设计师会创建高保真原型,但更多情况下,他们只创建线框图和低保真原型,以此确保用户能够理解应用程序或网站的流程。

  不同于UX设计师注重产品功能,UI(用户界面)设计师更专注于产品的视觉美观。UI设计师们希望网站的视觉能够吸引到用户。

  但这并不意味着他们无视功能。为了创造有效的设计,UI设计师会考虑常见的设计模式和用户习惯,往往不会深入参与产品的运作模式和用户操作产品时的心理感受。

  UI设计师完成设计稿的制作,然后交付给开发人员。他们也可能参与创建网站或应用程序的原型,尽管有时候比UX设计者进入的阶段稍晚一点。

  一个很棒的设计操作起来是不会让用户感到别扭。一个功能齐全但干巴巴的毫无设计可言(或十分丑陋)的网站可能会流失很大一部分用户。

  为了创建一个既能在视觉上又能在功能上取悦用户的产品,用户界面和用户体验设计师需要协同工作。

  用户体验和用户界面设计师各自在设计过程中都有一定的作用,虽然这两个角色有时会是同一个人(特别是在较小的项目中),但如果不同的人负责则更好。这确保了有人专注于功能体验,有人专注于视觉体验。

  为了说明这一点,我将会使用我们网站的图标集功能来举例,它能帮你创建图标集。

  UI可以被轻松的分成多个部分。下面是Icons8的UI,但是你可以把他们分成多个子部分,例如类别UI、图标集UI和搜索栏UI等。

  那什么是UX呢?“用户体验”包含了终端用户与企业、该企业的服务以及产品进行互动的所有方面。– Don Norman

  换句话说,图标集只是我们网站总体用户体验的一个小的组成部分,因为它只是我们网站众多功能中的一个。

  我采访过我们的三个用户,John、Alicia和Steve。我们没有对UI进行A/B测试,因此他们看到的图标集UI完全一样。然而你,他们的整体使用体验却完全不一样。

  John是通过我们的营销邮件得知图标集这个功能的,鉴于他订阅了我们的邮件,因此他以前肯定用过我们的网站。他是一个经验丰富的用户,刚刚发布的图标集功能解决了他的一个老问题——一次性下载多个图标。他对此很满意,获得了良好的使用体验。

  Alicia是通过谷歌搜索找到的我们,她是第一次访问这个网站。她只下载了一个图标,然后就离开了,根本就没有看到图标集这个功能。她的使用体验如何?可以说,她根本就没有使用体验,至少没有过图标集这个功能的使用体验。她可能和John有着相同的问题——一次性下载多个图标,但是她却没有发现我们提供的解决方案,这是一个坏的UX。

  Steve每天都会使用图标集功能。但是在添加第500个图标的时候,他遇到了错误信息。Steve对我表示,使用其他图标设计网站的时候,它可以添加几千个图标。这也是个糟糕的UX。

  看到了吧,每个人获得的UX都不一样。UX除了不能拆分之外,也不能针对单个用户独立考虑。

  John的用户体验很好,而Alicia和Steve的用户体验不好。我们一定要注意,不能为了优化Alicia和Steve的体验,而降低John的体验。在做UX优化的时候,这一点要特别注意。

  但是Alicia和Steve都是我们的用户,因此他们的体验还是要优化的。

  我们先从Alicia开始,她代表了很多人,那些根本没有发现右上角图标集tab的人。为了让人们看到它,我们在它边上发了一个通知小红点。:

  现在用户在下载了任一图标之后,我们就会自动创建一个名叫“已下载”的图标集,并且显示这个通知红点。这样一来Alicia的用户体验就得到了改善。

  而解决Steve的问题,可能会更复杂一些,他所遇到的问题需要技术的支持。我们将图标集总数量限制在500以下,是因为我们发现只有0.001%的用户图标数量超过了500个。解除这个限制,会让我们的服务器负载剧增,拖慢所有用户的响应时间。如果放开限制,虽然Steve的体验变好了,但是有可能会影响其他用户的体验。

  简单说,我们无法在不伤害其他用户体验的前提下改善Steve的体验。但是我们找到了一个迂回的方法。之前Steve在添加了500个图标之后遇到了一个错误信息,这个错误信息会让用户感到困惑,于是我们之后把这个错误信息调整了一下:

  我想再重申一遍:每个人有着不同的UX,但是这些人却是彼此关联的。绝对不可以为了满足一部分用户而牺牲其他用户的体验。

  最后,摹客以自己的力量为各位设计师做一点力所能及的事情,我们自身是设计工具和平台提供者,希望可以从工作效率的角度给各位UI设计师的工作带来给帮助,这是一个全免费的设计协作平台,支持PS/Sketch/Adobe XD/Axure设计图、自动标注切图、高保真原型设计、设计规范管理,100人以下团队均可免费使用。点击以下链接,立即体验:

  虽然现如今,交互设计的概念已经越来越普及,但还是有很多人认为交互设计就是做app的,不理解其他交互手段,或者认为UX设计就是做界面美化的,不理解它与UI设计的区别。下面,分别针对交互设计、UX设计、UI设计进行具体讲解。

  交互设计的英文是Interaction Design,“inter”是英文前缀,意思为“两者之间”,“action”是指动作。所以简单理解,交互就是两个object之间进行互动,具有一个输入和输出的指令,举例来说,当你想要用洗衣机洗衣服的时候,把衣服放进洗衣机,然后按下按钮,这一系列动作其实就是输入了一个洗衣服的指令。而洗衣机洗完衣服,就是输出洗好衣服的指令。在这一过程中,人与洗衣机之间产生的一系列互动,即为Interaction(交互)。

  在交互设计领域,有两个基本原则,一是可用性,二是可视性。其实,简单来说,可以将UX理解为可用性设计,将UI理解为可视性设计,UX是设计的框架,UI是框架外的装饰。

  UX设计的英文为User experience,中文翻译即为用户体验。大部分人对于UX设计师的理解就是APP设计师,甚至很多设计师在进行UX设计的时候,也会忽略功能性,而更多地考虑界面呈现效果。

  从下面这张图可以看出,虽然UX设计所涉及的范围非常广泛,但看起来人们似乎认为UX设计就是Interface design和Visual design。这一直观感受所产生的弊端,就像是在绘制一副肖像素描的时候,不去勾勒整体结构,忽略三庭五眼,单纯刻画某一五官的细节与明暗关系。

  实际上,UX设计是偏向于研究用户与系统之间的交互过程,它主要基于数据(Data)、情感(Emotion)以及用户研究(User Research),需要重点考虑的范围有流程图(Flow)、线框图(Wireframe)以及用户角色模型(Pesona)等等。

  UI设计也被称为GUI,其英文是Graphical User Interface。从Graphical这个词可以看出,UI设计主要与图形相关,是一个偏向于视觉化呈现的效果,它需要遵循design trend和brand guideline,主要需要考虑的范围有配色、字体、排版布局、按键形状等等。

  我们可以根据下图来理解交互设计、UX设计与UI设计三者之间的关系。可以看出,从广义上来说,UX设计的涉及面非常广泛,可以广泛地理解为,只要和用户产生互动的,都与UX设计相关。因为一旦与用户产生互动,就一定会得到反馈(feedback),通过用户的体验及反馈,设计师可以了解产品的痛点以及用户的需求,从而进一步优化和改良现有产品,这就是UX设计。

  随着dribble等设计网站的普及,越来越多的UX设计师或者UX设计的学生,会到各类设计网站中去搜集他人的优秀设计作品,寻找设计灵感或借鉴设计思路。但很多情况下,网站作品的呈现都比较注重视觉传达。所以,大家还需要在合理辨别UX设计与UI设计的基础上去学习与借鉴。

  UI(User Interface),是指用户界面,是视觉呈现来提高用户体验,使用户面对这个界面时操作更简单、更愉悦、更高效;

  UX(user experience),就是指用户体验,单纯说用户体验是个很虚的词,我们不如说说哪些方面会影响到用户体验?

  用户使用产品(软件、硬件、电视、洗衣机等等都是产品)的目标是完成一个目标,就是去做一件事,每个人去做都希望:不要花太长时间、不要太复杂、不要让我想太多、不要弄得我不愉快、不要弄得我很紧张(焦虑)。反过来,影响这些因素的产品形态有:合理高效的流程、友好体贴的语言、操作容易理解、按键出现及时、界面舒适、不要太多无关内容影响(界面有效性)等等。

  UI设计的过程,几乎渗透到UX的每一个节点,但更多的是去配合UX。比如一个界面,不考虑UX,也许UI做出来功能重点就不那么中肯。

  UI指的是用户界面,也就是人与机器互动的界面。同时又有GUI和WUI之分,不过一般的话统称是UI设计师。在PC端从事网页设计,我们称呼WUI设计师或者网页设计师。而在移动端,从事移动设计的称呼为GUI设计师。

  UI设计师除了要负责界面的图形界面视觉元素设计,还要负责制定视觉设计规范,比如对字体、色彩、尺寸、控件的规范制定,都需要UI设计师来完成。更细致来说,UI设计师的工作包括熟悉桌面端、Web端、手机端等多端产品;完成设计稿从小到大的各项内容;规范设计语言与设计规范等。通过一系列的设计规划,探究人机交互界面上的细节,创立视觉风格,让产品界面更加美观、更加符合用户的使用习惯。

  设计产出物 :视觉设计稿,视觉设计标注规范 ,视觉设计规范文档,视觉切图

  UX/UE(User Experience),即我们常说的“用户体验”。一般国内都将UX/UE设计师称为交互设计师,但国外一般会认为UX/UE设计师专指的就是用户体验设计师。

  UX设计师针对用户的产品使用体验进行研究,通过观察、调研、测试等方式了解用户的使用行为习惯,根据做这些调研结果对产品进行不断地改进,不断探索交互模式,跟进以确保产品最终顺利产出。所以我们可以说UX设计师的主要工作就是研究人与产品的关系,并根据这种关系进行设计。

  总的来讲,UX设计师是设计人与信息产品的流程和关系,归根结底都要研究人、事、物的联系,它是一门交叉性非常强的学科,同时涉及心理学、计算机工程、设计原理等多学科。进行利益相关者访谈、用户访谈,挖掘用户需求,提炼用户任务流;完整体验不同产品,挖掘交互设计模式,设计交互模式,撰写交互设计稿,并最终形成交互设计规范,跟进视觉设计和开发,确保产品正常上线。

  设计产出物:流程图,网站地图,故事版,交互设计原型图(线框图),交互设计规范。

  UI :在产品开发流水线中,往往是想好了UX后,才会去思考UI层面的问题,它甚至是产品在开发前的最后一个环节。UI的核心意义在于如何将需求解决方案以更好的视觉呈现给用户,视觉首要目标是要有效率,其次是美观,所以我们不能说UI是美工。

  UX:当从零开始做产品时,PM在明确了目标以后,首先要想的就是解决什么核心需求,解决方案的逻辑是什么,以及如何将这个解决方案落地到具体产品形态上,如何让用户更便捷的理解方案的逻辑,这就是在思考UX方面的事情。

  UI:相对更加倾向于在UX的基础上,再进行视觉优化,提供用户对界面、功能点的认知效率。过去常讲的拟物化,是引导用户从真实世界到移动设备世界;扁平化,是在拟物化已培育了用户习惯的基础上,进一步提升效率。

  UX:考虑用户体验的维度非常多:用户本质的需求、解决方案逻辑、产品流程、产品模块结构、产品框架、产品交互和产品文案表述等等。

  UI:由专业的视觉设计师完成具体的设计工作。产品经理往往在设计师开始设计前与其沟通需求的背景、目标、逻辑、流程、功能点以及功能点的优先级。在UI设计稿完成后,还需要进行验收,与设计师再做微调,直到最终达到产品的目的。

  UX:这部分主要有产品经理和交互设计师完成设计工作。产品经理自身应该先完成自己对需求的梳理、制定目标,如有必要可制作流程图、逻辑图以及功能点表格说明,确定这些以后再和交互设计师详细沟通以上准备的内容。交互设计师来完成交互稿的设计,再由产品经理验收后,再转到UI设计师在交互稿的基础上完成视觉填充、设计。

  通过以上的分析,UI和UX之间虽有千差万别,但都是产品加工流水线上的一个环节。需要产品经理、交互设计师、UI设计师之间的密切沟通、配合,共同达成最终的目标。整个团队的合作对产品实现到什么程度168体育、实现过程成本都至关重要。