我们已经准备好了,你呢?

我们与您携手共赢,为您的企业形象保驾护航!

UI设计(界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。

UI 设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI 设计分为实体 UI 和虚拟 UI,互联网常用的 UI 设计是虚拟 UI,UI 即 User Interface(用户界面)的简称。

好的 UI 设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。

UI

UI 其实是一个广义的概念,《现代汉语词典》将“界面”定义为:物体与物体之间的接触面,泛指人和物(人造物、工具、机器)互动过程中的界面(接口)。以车为例,方向盘、仪表盘、中控都属于用户界面。从字面上看由用户与界面两个部分组成,但实际上还包括用户与界面之间的交互关系,所以可分为三个方向:用户研究、交互设计、界面设计。

通常意义上,UI 是 User Interface 的缩写。其中,“Interface”前缀“Inter”的意思是“在一起、交互”,而翻译成中文“界面”之后, “交互”的概念没能得到体现。

我们通过以下三个层面来理解 UI 的概念。

首先,UI 是指人与信息交互的媒介,它是信息产品的功能载体和典型特征。UI 作为系统的可用形式而存在,比如以视觉为主体的界面,强调的是视觉元素的组织和呈现。这是物理表现层的设计,每一款产品或者交互形式都以这种形态出现,包括图形、图标( Icon)、色彩、文字设计等,用户通过它们使用系统。在这一层面,UI 可以理解为 User Interface,即用户界面,这是 UI 作为人机交互的基础层面。

其次,UI 是指信息的采集与反馈、输入与输出,这是基于界面而产生的人与产品之间的交互行为。在这一层面,UlbJ 以理解为 User Interaction,即用户交互,这是界面产生和存在的意义所在。人与非物质产品的交互更多依赖于程序的无形运作来实现,这种与界面匹配的内部运行机制,需要通过界面对功能的隐喻和引导来完成。因此,UI 不仅要有精美的视觉表现,也要有方便快捷的操作,以符合用户的认知和行为习惯。

最后,UI 的高级形态可以理解为 User Invisible。对用户而言,在这一层面 UI 是“不可见的”,这并非是指视觉上的不可见,而是让用户在界面之下与系统自然地交互,沉浸在他们喜欢的内容和操作中,忘记了界面的存在(糟糕的设计则迫使用户注意界面,而非内容)。这需要更多地研究用户心理和用户行为,从用户的角度来进行界面结构、行为、视觉等层面的设计。大数据的背景下,在信息空间中,交互会变得更加自由、自然并无处不在,科学技术、设计理念及多通道界面的发展,直至普适计算界面的出现,用户体验到的交互是下意识甚至是无意识的。
用户研究工程师一般是心理学人文学背景比较合适。

综上所述 UI 设计师就是:软件图形设计师、交互设计师、用户研究工程师。

设计原则

1.简易性

界面的简洁是要让用户便于使用、便于了解产品,并能减少用户发生错误选择的可能性。

2.用户语言

界面中要使用能反映用户本身的语言,而不是游戏设计者的语言。

3.记忆负担最小化

人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定,24 小时内存在约 25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。

4.一致性

它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与产品内容相一致。

5.清楚

在视觉效果上便于理解和使用。

6.用户的熟悉程度

用户可通过已掌握的知识来使用界面,但不应超出一般常识。

7.从用户习惯考虑

想用户所想,做用户所做。用户总是按照他们自己的方法理解和使用。

通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。如:书籍对比竹简。

8.排列

一个有序的界面能让用户轻松的使用。

9.安全性

用户能自由的作出选择,且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。

10.灵活性

简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄、界面)。

11.人性化

高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。

设计流程

一、确认目标用户

在 UI 设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。

用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

例如:对于科学用户和对于电脑入门用户的设计重点就不同。

二、采集目标用户的习惯交互方式

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。

当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。

三、提示和引导用户

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。

对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。

四、一致性原则

设计目标一致

软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。

例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。

元素外观一致

交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。

交互行为一致

在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。

例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。

对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确,但是的确有相反的例子证明不按照这个理念设计,会更加简化用户操作流程。

五、可用性原则

可理解

软件要为用户使用,用户必须可以理解软件各元素对应的功能。

如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。

比如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。

可达到

用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。

用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。

要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过 4 层)那么用户达到该元素的几率就大大降低了。

可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。

可控制

软件的交互流程,用户可以控制。

功能的执行流程,用户可以控制。

如果确实无法提供控制,则用能为目标用户理解的方式提示用户。

就业前景

UI 即用户界面设计行业刚刚在全球软件业兴起,属于高薪技术设计产业,与国外在同步发展水平。其次国内外众多大型 IT 企业(例如:百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的 UI 设计部门,但专业人才稀缺,人才资源争夺激烈。就业市场供不应求。如今,国内的 UI 设计日益发展,有了专门的职业分工也开始出现一些较高水准的一线设计师与 UI 设计交流组织。但总的来说,在这一领域,我们与西方发达国家间的差距仍是显而易见的。软件领域不像物质产品那样,存在工艺、材料上的限制,其核心问题恰在于人。因此,提高软件 UI 设计师的个人能力,真正提升软件产品的人性化程度,已成为中国 UI 发展的重中之重。

设计方向

UI 是用户界面,是英文 User 和 interface 的缩写。从字面上看是用户与界面 2 个组成部分,但实际上还包括用户与界面之间的交互关系,所以这样可分为 3 个方向,他们分别是:用户研究、交互设计、界面设计。

用户研究

用户研究包含两个方面:一是可用性工程学(usability Engineering),研究如何提高产品的可用性,使得系统的设计更容易被人使用、学习和记忆;二是通过可用性工程学研究,发掘用户的潜在需求,为技术创新提供另外一条思路和方法。

用户研究是一个跨学科的专业,涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品,站在用户的角度介入到产品的开发和设计中。

用户研究通过对于用户的工作环境、产品的使用习惯等研究,使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去,从而帮助企业完善产品设计或者探索一个新产品概念。

他是得到用户需求和反馈的途径,也是检验界面与交互设计是否合理的重要标准。

免责声明:本站内容(文字信息+图片素材)来源于互联网公开数据整理或转载,仅用于学习参考,如有侵权问题,请及时联系本站删除,我们将在5个工作日内处理。联系邮箱:chuangshanghai#qq.com(把#换成@)

我们已经准备好了,你呢?

我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

132-7207-3477

上班时间

周一到周五

二维码
线