马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > 网站制作 > 交互设计 > 交互设计中最常见的10个基础术语

交互设计中最常见的10个基础术语

时间:2020-04-09   文章来源:马海祥博客   访问次数:

交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面。交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔·摩格理吉(Bill Moggridge)在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后来把它更名为“Interaction Design”,即交互设计。

交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。

交互设计中最常见的10个基础术语-马海祥博客

随着移动互联网的迅猛发展,移动产品UI设计人员也开始面临紧缺起来。很多其他行业设计师也转行做UI设计,那么,作为一名UI设计师新手应掌握哪些知识,下面,我就带着大家先知道一下交互设计中最常见的10个基础术语:

1、UX用户体验设计(广义的交互设计)

先看一下创始人大师 Don norman 的官方定义:“用户体验是指一个人使用一个特定产品或系统或服务时的行为、情绪与态度。包括人机交互时的操作、体验、情感、意义、价值,包含用户对于系统的功能、易用、效率的感受。”

定义中的涵盖面很广,那么在设计师工作时,其实就是通过了解用户,从而去设计行为过程。

在这个设计过程中,我提炼出三个最重要的关键词:可用性(usability)、易用性(ease of use)、情感性(affective)。

可用性指的是什么呢?我认为用,Don’t make me think 这句释义来概括还蛮形象的。

具体展开来说,就要提另一位大师 Jakob Nielsen 著名的 5 个衡量属性了:

(1)、可学习性(Learnability):初次接触这个设计时,用户完成基本任务的难易程度;

(2)、高效性 (Efficiency):用户是否能方便快捷地完成任务;

(3)、可记忆性(Memorability):当用户一段时间没有使用产品后,是否能马上回到以前的熟练程度;

(4)、容错度(Errors):是否有合理的错误机制,用户能否从错误中恢复;

(5)、满意度(Satisfaction):用户对产品的主观满意度。

我认为,这几个属性是在交互设计时需要着重考虑的因素,因为他们决定着你设计的产品的根源体验,只有一个好用可用的产品才能吸引和留住用户。

易用性:对于一个产品,不同的人看到这个东西,都知道它怎么用。比如网页对色盲色弱用户的支持程度,建筑对残疾用户的支持程度。易用性高,意味着这个产品设计包容度越广,越有人性化。

情感性:顾名思义就是使用的过程中能给用户带来愉悦感和情感共鸣。这个常常体现在一些细节刻画中。

交互设计中最常见的10个基础术语-马海祥博客
△ 微信发送生日快乐时的蛋糕雨

例如微信中发送生日快乐会漫天飘出很多小蛋糕、Google 每日不同主题的 logo 插画、QQ 底部 tab 栏小人儿会随点击状态眨眼睛等贴心的设计。这些细节看似若有若无,可是它们可能会在某个不经意的瞬间打动人心,留住用户。

2、信息架构(information architecture)

第二个概念是信息架构,两个字概括就是「分类」。之前在知乎看到一个很好的例子,一下就清晰地让你认知什么是 IA。

很多小姐姐们都喜欢逛商场,小哥哥们逛得少但肯定也逛过吧?

当你走进商场时,看到商场楼层主题名称:

1F:时尚名品馆

2F:花样淑女馆

3F:雅仕名流馆

4F:运动休闲馆

5F:主题美食馆

……

在 1F,时尚名品馆又有首饰区、珠表区、包包区等。根据楼层主题分类可以很快地让你到达那个区域,找到自己想要的东西。

交互设计中最常见的10个基础术语-马海祥博客
△ 信息架构设计

同理,互联网产品的信息架构设计也是一样,清晰的组织系统、导航设计、标签、搜索系统是四大关键点。

3、任务流程(task flow)

流程设计,就是去设计如何引导用户完成一项任务。

还是以上面的商场为例,想象你现在要去买套运动装,那么你需要做的步骤如下:到达商场→电梯/步梯上四楼→到达四楼A区→走进一家商店→试衣→满意付款→不满意换一家接着逛→找到满意的为止。

设计师首先需要做的就是理清这个用户购买流程步骤,然后思考其中电梯、步梯的设置,商店的设置,优化这些流程帮助用户更快地买到心仪的运动装。

类似到互联网产品中,其实就是做用户购买、发布、收藏、搜索等流程的工作。

4、故事板(Storyboard)

这个在交互设计中也是很值得一说的概念,简言之就是用一系列草图来表达出某个产品功能。

当你的产品功能比较复杂,用文字难以表述清楚时,可以尝试故事板。

交互设计中最常见的10个基础术语-马海祥博客
△ 灵魂故事板示例

故事板不用像艺术般绘制的很精细,你可以随意的画几个图形释义,只要能够清晰传达出你想要表达的概念和想法即可。

5、故事情节设计(Scenario)

这个是需要与故事板进行区分的术语,故事板主要是对产品功能进行图形表述,Scenario 则主要着眼于产品的使用场景,它是讲述你的目标用户在什么环境下怎样使用你的产品。

产品的使用场景很重要,你要考虑目标用户究竟在哪些环境下使用,从而进行操作。

以听歌 app 举例,用户可能会在家里、地铁、运动途中、公司等场景听歌,理清目标用户涉及的场景,可能直接影响产品功能模块的搭建、考虑如何增强与用户的交互性等。

用心设计好一个故事,你的用户肯定可以感受到的。

6、用户画像(Persona)

通过人种志调查,得到基于真实人物的行为、观点、动机,将这些要素提炼出一组对产品目标用户的描述,形成一张人物模型卡片。

这张卡片上面,设计师可以清晰地看到目标用户的样子:有名字、照片、家庭、工作、喜好等,从这些特质你可以知道他期望什么?为什么期望这些?以及他会在哪些场景下做什么?

这张卡片上的所有要素构成,我们称之为用户画像。

交互设计中最常见的10个基础术语-马海祥博客
△ 用户画像要素案例

设计师常常会进入一个把自己当作用户的误区,但要时刻记住你只是千万个用户中的一个。在实际生活时,用户往往是基于自己的知识结构、经历、场景来使用产品,用户的心智模型可能和设计师、开发工程师的技术实现模型完全不同。

这个时候,引入用户画像,可以帮助设计师更好地站在他们的立场上去思考需求。

7、卡片分类(card-sorting)

在设计产品信息架构时,前文也说了最重要的就是「分类」。那用什么方法进行信息分类呢?我们比较常采用的研究方法就是卡片分类。

交互设计中最常见的10个基础术语-马海祥博客
△ 卡片分类法

你可以根据目标需求,准备一些不同颜色的便利贴,写上需要用户分类组织的主题短语。在卡片分类进程中,参与用户将不同的卡片主题组织成对他们有意义的类别,帮助您标记这些组。

卡片分类可以帮助你了解用户的期望和对主题的理解。设计师可以更加清楚地知道如何构建网站结构,决定在主页上放什么,以及设计出符合用户心智的标签类别和导航。

值得一提的是,需要用户分类的卡片不宜过多,考虑参与者疲劳,开放式卡片建议限制在 30-40,封闭式卡片可以适当增加。卡片上的短语尽量是具体的短语或者名词,如果用户不明白要进行适当解释(具体可查看马海祥博客《基于交互设计的默认值分类和设定》的相关介绍)。

8、可用性测试(usability test)

在用户体验概念中,我们说到可用性是一个非常重要的关键词。

那么当设计师在完成一个功能的交互设计,产品上线前,如果想要快速了解用户在真实场景使用过程中是否存在问题或者障碍,这个时候可以采取可用性测试这种研究方法。

用你绘制出的线框图,不管是纸质的还是线上的,招募 6-10 名用户参与可用性测试。

国外曾有实验研究表明,当可用性测试人数为 12 名时,就可以发现大约 85% 的问题。如果超过 12 名,发现问题的概率就迅速降低了。所以,实际需要参与人数,可以根据项目情况由研究员决定。

在可用性测试过程中,设计师要与参与者保持良好的沟通,在看到参与者有困惑或者操作错误的地方,要及时进行询问和记录。不要刻意去引导参与者操作,让他依据自己的使用习惯,你来发现问题就好(具体可查看马海祥博客《如何将需求还原成情景变成可用性设计》的相关介绍)。

9、A/B测试(A/B –split- test)

A/B 测试这种研究方法常常与转化率这个数据指标相关联,是测试哪一种版本更有利于目标数据的实现的方法。

A/B 测试需要有两个版本,对目标用户分为两组,分别给他们使用不同的版本,在其他设定条件相同的情况下,测试究竟哪个版本更有利于我们关注的指标的实现。

每种类型的网站都有自己想要实现的目标,电子商务网站希望用户能够多购买商品,银行网站希望用户资金多在自己行里储蓄/理财,新闻网站希望用户能够多点击投放的广告。每个网站都期望达到自己的目标,从而获取收益。

运用 A/B 测试,你能够了解究竟哪个设计版本能够符合产品目标用户的期望,从而促成业务/数据目标的实现。

10、情绪板(Mood Board)

其实这是用来表达设计定义与方向的视觉手段,不过交互设计师还是需要了解一下。

情绪板就是通过采集一系列的图像、文字,实物样本,进行视觉元素的拼贴,旨在通过用户情绪确定产品定位和视觉风格。

举个例子:金融产品,首先确定用户期望的原生关键词,如安全、专业、信赖等。

根据原生关键词,开始衍生到具体物品。例如安全可以联想到盾牌、保险箱、锁等东西。

衍生完所有具体物品,设计师开始进行图片的搜集,最后邀请用户对这些意象进行选择。

如此,通过很直观的视觉图片和用户选择,我们洞悉用户情绪,从而确定产品气质。

马海祥博客点评:

交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。

通过对产品的界面和行为进行交互设计,让产品和它的使用者之间建立一种有机关系,从而可以有效达到使用者的目标,这就是交互设计的目的。

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/jhsj/2909.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 交互设计   基础术语   术语  

上一篇:交互设计师必学的跨屏设计规范
下一篇:没有了

您可能还会对以下这些文章感兴趣!

  • 如何制定交互设计效果的可量化考核方案

    作为一名交互设计师,我一直在思考如何让我们每天的工作内容能够更直观体现其价值或效果的量化考核,如何将你的技能和除网站之外的知识运用到搜索设计工作中去,这也正是大多数用户体验真正开始的地方。其实交互设计师,视觉设计师,开发人员,信息架构师,搜索引擎优化……【查看全文

    阅读:1676关键词: 交互设计   设计效果   可量化考核   设计方案   可量化方案   日期:2014-07-28
  • 动效设计的物理法则及应用

    动效设计可以拓展空间内容,简化引导流程,降低学习成本,更重要的是给用户带来意想不到的惊喜,它就像人类的肢体语言,通过肢体语言传达更多的抽象信息和性格展现,动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒……【查看全文

    阅读:572关键词: 动效设计   日期:2015-09-25
  • 交互式视频设计的分类和实现工具

    交互式视频是指通过各种技术手段将交互体验融入到线性的视频的新型视频。它风靡起源于2005年,随着当时宽带接入速度的提升和多媒体播放技术的成熟,交互式视频越来越多,最初主要是由广告商赞助的广告视频,借用各种新奇的交互方式来吸引人们点击观看,增加产品的曝光度……【查看全文

    阅读:2804关键词: 交互式视频   交互设计   视频设计   实现工具   日期:2014-07-13
  • 交互设计中最常见的10个基础术语

    交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。随着移动互联网的迅猛发展,移动产品UI设计人员也开始面临紧缺起来。很多其他行业设计师也转行做UI设计,那么,作为一名UI设计师新手应掌握哪些知识,下面,我就带着大家先知道一下交互设计中最常见的10个基础术……【查看全文

    阅读:86关键词: 交互设计   基础术语   术语   日期:2020-04-09
  • 交互设计的三大隐形机制:加载、刷新和缓存

    刷新、加载、缓存机制的设计,我不清楚是否应该归纳进交互设计师的职业范畴,但是作为一名用户体验设计师,这些点或多或少地影响着用户的使用体验,我们都应该给予足够多的重视。这些机制,独立来看都有现有模式可参考,但是交互设计师不应该把他们割裂地设计,不同机制……【查看全文

    阅读:4938关键词: 交互设计   加载机制   刷新机制   缓存机制   日期:2014-04-22
  • 基于交互设计的默认值分类和设定

    一般来说,在交互设计过程中涉及到系统缺省的都需要默认值,它起到引导、补救、宣传等作用。“默认值”这个词来自工程师术语,因为系统有很多默认操作。有了默认值用户就不会觉得慌乱,也就是给用户一个常态,在现实中我们也可以看到这样的例子:电脑默认值是关闭的:省……【查看全文

    阅读:482关键词: 交互设计   默认值分类   默认值设定   默认值   日期:2014-07-19
  • 交互设计是什么?

    从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充,通过对产品的界面和行为……【查看全文

    阅读:792关键词: 交互设计   日期:2015-06-19
  • 网站分页导航的10大交互设计因素

    在进行产品设计的时候,我们一切都是从用户需求的角度出发来进行思考和设计的。但是,产品是同时满足用户需求和公司需求(通常是盈利)的东西,所以,有时候,不得不考虑其它的一些东西。比如,在你浏览某些新闻资讯类网站的时候,你会发现,每一页的内容只有可怜的一两……【查看全文

    阅读:1038关键词: 网站分页   分页导航   交互设计   设计因素   日期:2014-03-06
  • 交互设计案例:产品结构化繁为简的设计理念

    化繁为简,从不是件简单事,如何既保证功能体验完整,又体现WP平台自身极简、轻量的特点,成了贯穿我们设计始终的思考。“真正的简洁不是删繁就简,而是在纷繁中建立秩序”,打造全功能版的云音乐WP端,无论是设计还是开发都经历了从混乱到有序的过程。……【查看全文

    阅读:4725关键词: 交互设计   交互设计案例   产品结构   化繁为简   设计理念   日期:2014-09-06
  • 如何将需求还原成情景变成可用性设计?

    可用性是交互式IT产品或系统的重要质量指标,主要用来表示产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何?主观感受怎样?实际上是从用户角度所看到的产品质量,是产品竞争力的核心。为了优化产品,提升用户体验……【查看全文

    阅读:814关键词: 可用性设计   情景设计   日期:2014-11-29
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

企业网站SEO推广能给企业带来哪些好处? 百度搜索用户建议专区上线公告