Part 1、UI概述
UI的英文全称是User Interface,翻译过来就是用户界面,泛指的就是用户的界面操作,其中包含移动端、APP、智能穿戴设备等。
它是用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还可以包括特定的机器设备和复杂的工具等。UI设计就是指设计界面的样式和美观程度。
一个好的UI不仅可以让软件变得有趣、个性,也能让软件的操作变得更加的舒适、流畅、简单、自由,同时对于他自己本身来说,也能够体现它的定位与特点。
一般的软件设计工作者,可以大致分为两种,一种是编程设计,一种是UI设计。
编程设计:就是我们日常所说的“码农”;
UI设计:从它的英文组成来看,可能很多人会以为它只包含“用户”和“界面”两个相互独立的部分,但其实不是的,它还包括“用户与界面间的关系”。
在人与机器的交互过程中,有一个连接人与机器的最重要的东西,我们将它称为界面。从心理学上来讲,可以将它分为“感觉”与“情感”两个层面。
在界面设计这个概念被人们提出来之前,界面是非常不受重视的,但其实一个软件的界面就好像是工业产品的造型一样,也是非常重要的一个组成部分,有时候甚至会成为一个商家推销的卖点之一。
界面设计不是单纯的美术绘画或设计,他需要设计师定位使用者、使用环境、使用方式,然后队最终的目标进行设计。这是一门纯粹的、科学性的艺术设计学科。
一个好的界面的标准,不是指某个项目开发的领导的建议,也不是项目中参与设计者决定的,而是由最终的使用者,即最终受益人来决定的。所以说,界面设计是一个紧密结合用户,并为了用户需求不断完善的设计过程。
一个好的界面,会给人带来舒适的视觉享受,可以拉近人与计算机间的距离,同时潜在的也为商家创造了卖点。
用户界面设计是一个复杂的、需要不同学科参与的过程。其中会涉及到认知心理学、设计学、语言学的内容。
用户设计的三大原则:
1、置界面于用户的控制之下
2、减少用户的记忆负担
3、保持界面的一致性
其实当我们纵观整个UI的历史,我们会发现,随着市场经济的逐渐激烈,设计成了产品很重要的一个竞争点。
最初当UI刚被大众所认识的时候,很多人就将它单纯的视为平面设计,基本就是体现在网页设计上,后来随着flash的产生和流行,很多设计师就开始慢慢的思考用户与产品之间的互动性了,于是人们这才开始慢慢研究,知道发现了人与机器间的千丝万缕的关系,才开始对UI重视。
到了现代,产品之间的科技含量已经越来越趋于同水平线了,UI设计就变成了市场竞争中非常重要的一部分,有时候甚至会关键。
很多大型公司开始将UI划分出来,作为一个独立的部门。因为现阶段整个社会都还处于对UI设计师急需的阶段,所以UI设计师的就业前景是非常光明的。
UI设计师的工作方向可以根据UI的三个因素来打置划分为三个方向,首先三个因素分别是:研究工具、研究人、研究人与界面的关系。
研究工具——图形设计师
研究工具,就是研究界面,我们将相对应的职业称为图形设计师。其实就是大部分口中的“美工”。但其实这个美工并不是单纯意义上的美术工人,而是软件产品的外形设计师,这些设计师大部分都是艺术专业毕业,有美术设计教育背景。
研究人——用户测试研究工程师
我们将他称为UE,工作就是对UI设计进行测试,主要测试交互设计的合理性。与图形设计和编码都没有关系。一般工作就是对目标用户进行分组调查,来衡量UI设计的可行性、合理性、流畅性及舒适度。其实这个职业可以称他为测评师,是整个系统中非常少哪个重要的一个部分,这个职位一般由有心理学、语言学背景的人来担任。
研究人与界面的关系——交互设计师
长期以来UI设计师其实就是指交互设计师。工作内容就是设计软件的操作流程、梳状结构、软件结构、操作规范等,一个软件在编码之前需要做的就是交互设计,除了上述这些工作内容,交互设计师还需要确立交互模型、交互规范等。一般交互设计师的出身背景以工程师居多。
Part 2、UI设计
设计原则
1、明确目标客户群体
如果做不到这一点,界面设计就会非常模糊不明确,用户就无法在其中体验到很好的使用效果,同时也会用想到用户对整个产品的印象。
2、简洁
UI设计出了清晰还不够,还需要一目了然的简洁。如果界面上充斥了太多乱七八糟的东西,会让用户在查找内容的时候非常的困难、乏味。
3、熟悉
这里所说的熟悉是指设计规范的内容,以便操作和掌握。
4、响应
良好的界面设计一定要响应迅速,不能让用户体验到一种响应非常慢的感觉,比如加载页面缓慢等。在这一部分其实可以适当的加入一些小操作,比如当由于网络原因,加载不稳定的时候,可以跳出提示框提醒用户等。
5、一致性
保持整个界面风格的一致性是整个设计中最重要的环节,其实说白了就是要保持统一的风格,不会让用户有非常凌乱、错愕、跳跃的感觉,这样对客户会有一定的安全感。
6、美观
美好的事物总会带给人们很愉悦的感觉,所以在页面设计中,美观就是在绘制、数据、控件中做好调和。
设计规范
1、一致性
坚持以用户体验为中心,设计直观的界面和见解的操作方式,方便用户使用软件过程中,对界面一目了然,不需要太多的培训就可以自如的操作。
2、字体
一定要保持颜色、格式的一致,避免多个主题下出现多种字体。
3、对齐方式
在没有特殊情况时,应避免同一页面出现多种数据对齐方式。
4、表单录入
在包含“必须”与“选填”的这种页面中,必须在提示框胖给人以醒目的标识。
5、鼠标手势
可点击的按钮链接需要切换成鼠标手势到手机。
6、功能及内容
功能及内容要保持一致性,避免同一功能描述多个词汇。
7、标识
标识一定要保持一致,比如不同的颜色显示不同的功能划分,可以明确块面和信息。
8、语言
语言的一致性。
9、布局
布局的一致性可以保证用户操作简单,多做减法,将不常用的功能尽量隐藏起来。
10、菜单
菜单一定要尽可能的简洁,保证分类的准确性,避免过多过杂的不准确分类。
Part 3、UX概述
UX是User Experience的缩写,中文就是用户体验,UX设计就是以用户体验为中心的设计。
对于交互设计师来说,研究与评估一个系统的用户体验应该关注与这个系统的易用性、价值体验、实用性、高效性等,同时设计师也要关注一个系统之下的子系统或流程。
最初”用户体验“是由一个认知科学相关的专家提出的概念,他首次提出了以用户为中心进行设计的重要性。他认为如果在设计上给予无限多的时间的话,理论上应该是可以给出所有问题的最优解决方案的。但在现实生活中我们的时间必然是有限的,所以在设计探索中,我们应该给用户体验优先权。
概念细化
UI:User Interface Design,是一个非常广泛的定义,其中包包括了软、硬件的设计,也包括了ID、GUI与UE三个方面,下面就来具体看一下ID、GUI和UE。
ID:Interface Design,简单来说ID就是只人与电脑之间的互动过程。这个方向的工作主要由软件工程师负责,虽然也包括在设计领域,但更多的是一些代码编程上的设计。
GUI:Graphical User Interface,是指用户图形界面,也就是我们通常所所说的“界面美工”,GUI设计师在日常工作中只负责软件视觉的界面设计。它的覆盖面相对UI较窄,与ID一同涵盖在UI设计内。国内大部分交互设计师所做的工作都涵盖在GUI中。
UX:User Experience,这个领域所关注的就是用户的行为习惯和心理感受,即:怎样让实用软件和变得更加得心应手。在现实生活中,工作在这个领域的人被成为产品经理,主要负责测试软件,并完成用户调研、体验报告、用户实验等。
对比以上几个缩写词汇,我们可以发现,其实用户体验设计的目的就是提高产品的可用性和易用性。这其中也包含了传统的人机交互,解决了所有用户感受相关的问题。用户体验设计师需要通过相框图原型设计来清理整个产品的逻辑,使用的软件和方式也非常多。
除了上述这些内容,交互中还包含互动设计,比如互动作品GIF格式的视频等。用户研究也涵盖了很重的一个角色,比如研究设计方案、了解用户行为态度,大量的定性研究和少量的定量研究,比如问卷调查、组织用户参与研究等。有的时候UX设计师偶尔也会兼顾调研的角色。
接下来是一些交互报告~比如问卷调查、搜集调研等。
基于表格结论,做出产品图形
基于产品图形,给出具体的模块
确定软件相关图
规范UI
将UI与相关图结合
最后通过一张图来总结讲课的内容吧~