恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
体验设计入门之六:UI设计与UX设计的区别
0.0°
2019-07-11 自译外文 经验/观点 原作者: ✨ They Make Design ✨ 举报 2083 4 2 0

体验设计入门系列第六篇


UI与UX设计是两个不太容易区分的术语。这个可以理解,因为他们一般被统称为“UI/UX”,并且他们的工作内容看起来也十分的相似。通常不太容易用俗语把他们区分开来。不过别怕,本文就是要跟大家聊聊他们之间的区别的。

等你读完本文后相信你能很轻松的区分两者。


什么是UI设计?

“UI”就是用户界面— user interface的缩写。用户界面就是应用程序的图形布局。它由用户点击的按钮、文本、图像、分割线、文本输入以及用户与之交互的其他项目组成。这包括屏幕布局、过渡、界面动画以及各种微交互。任何属于视觉的元素、界面、动画都要被设计。


这些工作自然由UI设计师来完成。他们决定应用程序的整体格调。他们必须决定配色方案和按钮形状——线条的宽度和用于文本的字体。也就是说UI设计师负责创建应用程序界面的外观。

Image title


UI设计师都是图形设计师。他们关心美学,确保应用程序的界面具有吸引力、视觉刺激、主题鲜明,以符合应用程序的宗旨或者说个性。他们需要确保每一个单独的视觉元素无论在美学上还是在最终目标上都保持统一。


什么是UX设计?

“UX”是user experience — 用户体验的缩写。所谓的用户体验其实就是用户与应用程序的交互方式。体验是直观易用还是复杂笨拙?浏览这个应用程序感觉合理还是随意?使用应用程序是给人一种他们正在高效地完成他们设定的任务的感觉还是觉得这是在遭受折磨?用户体验取决于与UI设计人员创建的用户界面元素交互的难易程度。

Image title


所以UX设计师的工作也会设计用户界面,这也就是人们分不清UX与UI设计师的原因。但是UI设计师的任务是决定用户界面的外观,而UX设计师则负责确定用户界面的操作方式。


他们确定了界面的结构和功能。它是如何组织的以及相互之间又是如何关联的。简而言之,他们设计界面如何工作。如果运行良好,无缝衔接,用户就会有个很好的体验。但如果浏览起来很复杂难懂,那么很可能就会出现糟糕的用户体验。UX设计师的工作就是避免后者的发生。


UX设计师还要负责一定的产品迭代分析。他们会设计原型图(高保真原型图)以获得用户反馈。最后将这些信息应用到设计中去。对于UX设计师来说,全面了解用户到底喜欢如何与应用程序交互是非常重要的。


他们是如何一起工作的

所以,UI设计负责了界面的视觉,UX设计师则负责视觉元素之间的关系。(一个创造了躯壳,一个为躯壳注入灵魂)。这是一个同步的过程,两个设计团队亲密无间的协作。UX团队正在研究应用程序的流程、所有按钮如何在任务中导航以及界面如何有效地满足用户的信息需求,UI团队正在研究如何在屏幕上显示所有这些界面元素。


假设在设计过程中的某个时刻,需要在界面上添加一个按钮。这将改变按钮的组织方式,并可能需要更改它们的形状或大小。当UI团队调整他们的设计以适应新的布局时,UX团队将确定布局按钮的最佳方式。UI和UX设计人员之间的持续沟通和协作有助于确保最终的用户界面既好看又好用。


调研是关键

调研对UI与UX设计师来说都很重要。对他们来说收集尽可能多的好信息来帮助他们设计出合适的产品是很重要的,并且都遵循类似的方法。


两者都将研究用户想要什么。他们期望从正在开发的这类应用程序中得到什么。这种研究通常是迭代的,包括可用性会议,其中真实的用户将与某些功能或正在测试的视觉设计进行交互,以确定设计人员的设计方向是否正确。每次迭代都需要收集用户反馈。


这个过程包括生成低保真度的原型,比如界面元素的线框图,以严格衡量用户对测试功能的响应。这还包括快速的视觉原型和A/B测试不同版本的界面的外观和感觉,以确定哪个用户更喜欢。

Image title


在所有情况下,研究都有助于指导设计师在构建自己的贡献时所采取的步骤。然而,UI和UX设计师寻找的信息是非常不同的。


UI设计研究

UI设计师需要确保他们选择的视觉语言适合他们正在设计的应用程序的类型。他们会去预测用户期望。比如你们团队正在设计一款旅游类的应用,调研之前同类产品是如何设计的就非常重要。哪些现在还在运行?哪些已经破产了?这就是踩着别人的脚印过雷区。


研究可能表明,人们更喜欢线性图标,而不是剪影图形。这种视觉会让人们感到舒适和享受。那么UI设计师可以把这个记下,用做接下来的设计。


他们所选择的具体美学是由他们自己决定的,但是基本的“规则”,或者符合用户期望的需要,是设计师们忽视的,这将会带来风险。


这并不是说不应该冒险。UI设计师希望他们的界面设计能够脱颖而出,令人难忘。但这必须确保人们能理解界面元素所表达的含义。美与认知要保持平衡。


UX设计研究

UX设计师对用户期望特别关注。用户在生活中使用的每一个应用程序的所有体验和交互都有助于作为提升用户体验的参考。如果用户体验设计师对这些期望不是很熟悉,他们可能会无意中设计出一种界面交互,这种交互在他们看来是合乎逻辑的,但却不符合大众需求。用户不喜欢界面的使用与他们期望有很大出入,这可会对他们的体验产生负面影响。


如果UX设计师决定做一些不同的事情,他们需要有一个很好的理由,因为打破常规可能会导致人们不知所措。


举个例子,大多数人都习惯通过点击选中文件,通过双击打开文件。这种界面行为在界面设计之初就已经形成。


UI vs. UX:两个非常不同的学科和谐地工作

UI设计和UX设计涉及到非常不同的技能,但是它们对于彼此的成功是不可或缺的。一个漂亮的设计并不能拯救一个笨拙的、令人困惑的界面,一个出色的、完全合适的用户体验也会因为糟糕的视觉界面设计而让用户远离。UI和UX设计都需要完美地执行并与已有的用户期望完全一致,才能创建出色的用户界面/体验。


硬广:烦请喜欢的朋友去我的个站UxBooks逛一下,以便让其更快的被收录。

更新:2019-07-11

收藏

4人已收藏

UxBooks

拖延症无法克服,但可以顺势而为。

  • 19

    作品

  • 35

    粉丝

  • 1

    关注

  • 紫光展锐AR头盔——风声
  • 腾讯AR导航 HUD 云评测
  • (三)增强体验:手机应用设计方案
  • (二)过渡动画:利用动画提升用户体验
相关标签

    猜你喜欢

      2019-07-11 自译外文 经验/观点 原作者: ✨ They Make Design ✨ 举报 2083 4 2 0

      体验设计入门之六:UI设计与UX设计的区别

      0.0°

      你确定要举报体验设计入门之六:UI设计与UX设计的区别

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年07月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      4
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录