交互设计:UI、UX 难以捉摸又迷人的存在(摘录)

Part 1、UI概述

UI的英文全称是User Interface,翻译过来就是用户界面,泛指的就是用户的界面操作,其中包含移动端、APP、智能穿戴设备等。

它是用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还可以包括特定的机器设备和复杂的工具等。UI设计就是指设计界面的样式和美观程度。

一个好的UI不仅可以让软件变得有趣、个性,也能让软件的操作变得更加的舒适、流畅、简单、自由,同时对于他自己本身来说,也能够体现它的定位与特点。

一般的软件设计工作者,可以大致分为两种,一种是编程设计,一种是UI设计。

编程设计:就是我们日常所说的“码农”;

UI设计:从它的英文组成来看,可能很多人会以为它只包含“用户”和“界面”两个相互独立的部分,但其实不是的,它还包括“用户与界面间的关系”。

图片发自简书App

在人与机器的交互过程中,有一个连接人与机器的最重要的东西,我们将它称为界面。从心理学上来讲,可以将它分为“感觉”与“情感”两个层面。

在界面设计这个概念被人们提出来之前,界面是非常不受重视的,但其实一个软件的界面就好像是工业产品的造型一样,也是非常重要的一个组成部分,有时候甚至会成为一个商家推销的卖点之一。

图片发自简书App

界面设计不是单纯的美术绘画或设计,他需要设计师定位使用者、使用环境、使用方式,然后队最终的目标进行设计。这是一门纯粹的、科学性的艺术设计学科。

一个好的界面的标准,不是指某个项目开发的领导的建议,也不是项目中参与设计者决定的,而是由最终的使用者,即最终受益人来决定的。所以说,界面设计是一个紧密结合用户,并为了用户需求不断完善的设计过程。

一个好的界面,会给人带来舒适的视觉享受,可以拉近人与计算机间的距离,同时潜在的也为商家创造了卖点。

图片发自简书App

用户界面设计是一个复杂的、需要不同学科参与的过程。其中会涉及到认知心理学、设计学、语言学的内容。

用户设计的三大原则:
1、置界面于用户的控制之下
2、减少用户的记忆负担
3、保持界面的一致性

其实当我们纵观整个UI的历史,我们会发现,随着市场经济的逐渐激烈,设计成了产品很重要的一个竞争点。

最初当UI刚被大众所认识的时候,很多人就将它单纯的视为平面设计,基本就是体现在网页设计上,后来随着flash的产生和流行,很多设计师就开始慢慢的思考用户与产品之间的互动性了,于是人们这才开始慢慢研究,知道发现了人与机器间的千丝万缕的关系,才开始对UI重视。

到了现代,产品之间的科技含量已经越来越趋于同水平线了,UI设计就变成了市场竞争中非常重要的一部分,有时候甚至会关键。

很多大型公司开始将UI划分出来,作为一个独立的部门。因为现阶段整个社会都还处于对UI设计师急需的阶段,所以UI设计师的就业前景是非常光明的。

图片发自简书App


图片发自简书App

UI设计师的工作方向可以根据UI的三个因素来打置划分为三个方向,首先三个因素分别是:研究工具、研究人、研究人与界面的关系。

研究工具——图形设计师

研究工具,就是研究界面,我们将相对应的职业称为图形设计师。其实就是大部分口中的“美工”。但其实这个美工并不是单纯意义上的美术工人,而是软件产品的外形设计师,这些设计师大部分都是艺术专业毕业,有美术设计教育背景。

研究人——用户测试研究工程师

我们将他称为UE,工作就是对UI设计进行测试,主要测试交互设计的合理性。与图形设计和编码都没有关系。一般工作就是对目标用户进行分组调查,来衡量UI设计的可行性、合理性、流畅性及舒适度。其实这个职业可以称他为测评师,是整个系统中非常少哪个重要的一个部分,这个职位一般由有心理学、语言学背景的人来担任。

研究人与界面的关系——交互设计师

长期以来UI设计师其实就是指交互设计师。工作内容就是设计软件的操作流程、梳状结构、软件结构、操作规范等,一个软件在编码之前需要做的就是交互设计,除了上述这些工作内容,交互设计师还需要确立交互模型、交互规范等。一般交互设计师的出身背景以工程师居多。

图片发自简书App


图片发自简书App

Part 2、UI设计

设计原则

1、明确目标客户群体

如果做不到这一点,界面设计就会非常模糊不明确,用户就无法在其中体验到很好的使用效果,同时也会用想到用户对整个产品的印象。

2、简洁

UI设计出了清晰还不够,还需要一目了然的简洁。如果界面上充斥了太多乱七八糟的东西,会让用户在查找内容的时候非常的困难、乏味。

3、熟悉

这里所说的熟悉是指设计规范的内容,以便操作和掌握。

4、响应

良好的界面设计一定要响应迅速,不能让用户体验到一种响应非常慢的感觉,比如加载页面缓慢等。在这一部分其实可以适当的加入一些小操作,比如当由于网络原因,加载不稳定的时候,可以跳出提示框提醒用户等。

5、一致性

保持整个界面风格的一致性是整个设计中最重要的环节,其实说白了就是要保持统一的风格,不会让用户有非常凌乱、错愕、跳跃的感觉,这样对客户会有一定的安全感。

6、美观

美好的事物总会带给人们很愉悦的感觉,所以在页面设计中,美观就是在绘制、数据、控件中做好调和。

设计规范

1、一致性

坚持以用户体验为中心,设计直观的界面和见解的操作方式,方便用户使用软件过程中,对界面一目了然,不需要太多的培训就可以自如的操作。

2、字体

一定要保持颜色、格式的一致,避免多个主题下出现多种字体。

3、对齐方式

在没有特殊情况时,应避免同一页面出现多种数据对齐方式。

4、表单录入

在包含“必须”与“选填”的这种页面中,必须在提示框胖给人以醒目的标识。

5、鼠标手势

可点击的按钮链接需要切换成鼠标手势到手机。

6、功能及内容

功能及内容要保持一致性,避免同一功能描述多个词汇。

7、标识

标识一定要保持一致,比如不同的颜色显示不同的功能划分,可以明确块面和信息。

8、语言

语言的一致性。

9、布局

布局的一致性可以保证用户操作简单,多做减法,将不常用的功能尽量隐藏起来。

10、菜单

菜单一定要尽可能的简洁,保证分类的准确性,避免过多过杂的不准确分类。

图片发自简书App

Part 3、UX概述

UX是User Experience的缩写,中文就是用户体验,UX设计就是以用户体验为中心的设计。

对于交互设计师来说,研究与评估一个系统的用户体验应该关注与这个系统的易用性、价值体验、实用性、高效性等,同时设计师也要关注一个系统之下的子系统或流程。

最初”用户体验“是由一个认知科学相关的专家提出的概念,他首次提出了以用户为中心进行设计的重要性。他认为如果在设计上给予无限多的时间的话,理论上应该是可以给出所有问题的最优解决方案的。但在现实生活中我们的时间必然是有限的,所以在设计探索中,我们应该给用户体验优先权。

图片发自简书App


图片发自简书App

概念细化

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设计师偶尔也会兼顾调研的角色。

接下来是一些交互报告~比如问卷调查、搜集调研等。

图片发自简书App


图片发自简书App

基于表格结论,做出产品图形

图片发自简书App

基于产品图形,给出具体的模块

图片发自简书App

确定软件相关图

规范UI

将UI与相关图结合

最后通过一张图来总结讲课的内容吧~

图片发自简书App
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,884评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,347评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,435评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,509评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,611评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,837评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,987评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,730评论 0 267
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,194评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,525评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,664评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,334评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,944评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,764评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,997评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,389评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,554评论 2 349

推荐阅读更多精彩内容