干货推荐 | 60秒了解UX&UI

AIVA ● 2017.03.31
 最近接到很多小朋友关于交互的问题,很多同学都想去学交互,可是问到他们你们知不知道交互设计到底是干嘛的时候,都告诉我不知道。那这篇文章可能会在最短的时间里让你了解一些关于交互设计涉及到的一些部分。


以上这张图是交互设计师的知识体系,涉及到的内容特别多,本文主要想给大家解释的是UX和UI的关系,以后再详细给大家介绍交互设计的其他方面。

 

在交互设计的世界中,一直充斥着各种诸如UXUI这样的专业名词。不明真相的你是否一直很好奇他们到底是什么意思呢?

 

在传递一个非凡的网站使用体验给终端用户的过程中,UXUser Experience 用户体验)设计和UIUser Interface 用户界面)设计两者皆是其中重要的组成部分,但又并不相同。我们将快速的分解出两者之间的关键差异,并接着讨论他们又是如何关联在一起的。


UI (用户界面) 设计主要包括Web设计的视觉部分。它呈现了展示层和互动层的不同层次,赋予产品一个整体的外观观感和感受。

 UI (用户界面) 设计主要包括Web设计的视觉部分。它呈现了展示层和互动层的不同层次,赋予产品一个整体的外观观感和感受。

Usability.gov 是一个面向Web设计最佳实践和指南的重要资源网站,其中将不同的UI元素分类为:

输入类(Input --- 文本字段表单(Textfield forms)、日期字段表单(date field forms)、下拉列表(dropdown lists)、复选框(checkboxes)、列表框(list boxes)、可点击按钮,等等。

导航类(Navigation --- 滑动条(Sliders)、搜索字段表单(searchfield forms)、分页元素(pagination)、侧边栏(siderbars)、标签(tags)、图标(icons)等等。

分享类(Sharing --- 好友列表(Friendlists)、关注按钮(follow buttons)、赞/顶(like/promote)、分享按钮、邀请好友,等等。

信息类(Information--- 文本内容(Textcontent)、提示信息(tooltips)、消息框(message boxes)、通知提醒(notifications)、图标、进度条(progress bar),等。

 

UI设计不仅仅包含第一次访问某个页面时所看到内容,还包括当用户与这些页面元素互动时元素如何反馈的设计。下面这个天气预报的App 就是一个UI计的互动部分的典型范例展示:

 

如果UI把这些内容都涵盖了,那还剩下什么给UX呢?

 UX(用户体验)设计被定义为:通过改善用户和产品互动过程中的可用性(usability)、易用性(ease of use)、乐用性(pleasure)来提升用户满意度和忠诚度(粘性)的过程。

为了在企业和用户之间创建这样的高质量体验,用户体验设计师聚焦于研究、可用性测试、以及其他可以深入理解用户的各个方面。例如,许多UX研究人员使用A/B 测试方法来帮助判断两个设计方案中哪个更受终端用户的青睐。


So,他们两者是如何关联的呢?有效的UIUX设计会紧密配合,为用户创造一个全面愉悦的体验。如果其中之一没有达标,将会大大的影响整个设计的表现。例如,一个网站的UI设计很棒,但UX设计很糟糕,就会感觉不对劲。因为它看来美的令人惊叹,但是却又非常难以驾驭。另一方面,有些东西很实用但很不好看,就是UX设计很棒,UI设计很糟糕的典型例子。

 

60秒看完,有没有懂一些了呢?


原文来自:Medium

翻译:shunz

 

___________________________


About AIVA

 

 

AIVA(Academy of International Visual Arts) 国际视觉艺术教育成立于2005年,是专业的艺术出国培训机构。我们根据学生的基础和要求进行弱化强化、文本强化及根据学校不同喜好进行风格调整,发展出一套符合海外院校申请要求的作品集,覆盖建筑/景观/空间设计;珠宝服装设计;平面插画设计;产品设计等多个艺术设计专业。


咨询电话:400-086-3699

 

分享此信息

RECENT EVENTS

近期活动
全部活动

线