交互设计初学者入门教程 (交互设计零基础学习)

以下文章来源于DSC设计罐头 ,作者DSC设计罐头

交互设计零基础学习,超全面交互设计的基础方法和理论

交互设计(Interaction Design)无疑是近几年的热门行业,越来越多的留学生会选择申请交互设计专业 ,无论在国内还是海外,交互设计师行业就业道路都是非常理想和广泛的,想入行成为一名交互设计师,专业术语是必须要掌握的,今天就给大家整理了 30个交互必备术语 ,大家可以收藏起来,每天刷一遍~

+01. A/B Testing

A/B 测试

A/B 测试是指将网页的两个版本与单个变量在线进行比较以确定哪个版本更好的做法。也称为拆分测试。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 不确定哪种颜色的 CTA 会在网站上带来更多转化?使用A/B 测试!https://dribbble.com

+02. Accessibility

可访问性

可访问性设计是为色盲、盲人、耳聋和认知障碍人士等进行设计,使残障人士能够与产品进行交互的设计过程。可访问性也是是一种让尽可能多的用户可以使用你的网站的做法。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 可访问性设计以人为本,让所有用户有效地使用产品,https://zhuanlan.zhihu.com

+03. Adaptive

适应性

适应性界面是专门为不同设备设计的布局集合。它会检测正在使用的设备类型并显示为其设计的布局。这不意味着它是不同的网站,而是您将看到该网站的特定版本,是已针对移动设备、台式机或平板电脑进行了优化的版本。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 适应性设计 https://www.quora.com

+04. Affordance

可供性

可供性是告诉我们元素可以为我们做什么的线索。比如,在一扇门上的手柄是一种设计,旨在告诉我们它可以被拉或推。

在用户界面上,可供性有助于向用户清楚地传达在屏幕上可以做什么和不可以做什么。例如,界面上的按钮可以被按下来触发动作。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ Toonie Alarm App中的开关,当开关打开的时候,选项卡的背景颜色、开关的颜色、太阳动画会被激活。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 使用图标上方的数字提示用户:购物车不为空 https://www.cnwebe.com

+05. Agile

敏捷

敏捷是一种增量的软件开发方法。敏捷不是一次构建整个产品,而是将其分解为更小的用户功能,并将它们分配给我们称之为“迭代”的两周周期。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 敏捷软件开发 https://www.archimetric.com

+06. Analytics

分析

分析网站上的人类行为能够帮助我们更好地理解和解释我们使用产品的行为模式。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ Google Analytics 谷歌分析网页数据 https://ahrefs.com/blog/zh/how-to-use-google-analytics/

+07.Android

安卓

作为 UX 设计师,你通常会遇到两种操作系统:Android 和 iOS。Android 是谷歌的开源移动操作系统,是谷歌在 2014 年开发的一种设计语言,它的在视觉性特点是材料设计。

但究竟什么是操作系统?操作系统是支持产品关键功能的软件,就好比智能手机的电子大脑。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ iOS系统和安卓系统 https://hadeepopthoughts.com

+08. API

应用程序编程接口( API )是帮助不同应用程序相互通信的软件。产品开发 API 让您可以轻松访问和读取其服务器上的信息。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ Designing APIs for microservices https://docs.microsoft.com

+09. Avatar

头像

头像代表尚未为自己上传图像的线上用户,通常会在评论区或游戏中看到它们。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 康卡斯特数字家庭头像 https://dribbble.com

+10. Back and Front-End Development

后端和前端开发

你会经常听到开发人员谈论前端和后端开发,在软件开发中,术语前端和后端是指产品的不同部分。

前端就是我们所看到的,例如,与产品交互时在屏幕上看到的按钮、文本、漂亮的颜色和图层。后端为前端提供动力,但我们不一定看到它。例如,数据库和服务器。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ https://zh.portaldacalheta.pt

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 前端和后端 http://www.woshipm.com

+11. Backlog

积压

积压的待办事项是要完成的任务列表。该列表具有优先级,在理想情况下,任务将按列出的顺序完成。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ " 积压 工作 “视图 https://docs.microsoft.com

+12. Beacon

灯塔/信标

信标是小型蓝牙无线电发射器,它们与用户的智能手机通信并用于共享信息。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 右上角的石头一样的东西代表Beacon设备,我们假设其被放置在博物馆内。当用户进入信号范围,特定的应用就会做出响应。http://beforweb.com/node/484

+13. Breadcrumb

面包屑

面包屑导航系统帮助用户了解他们在网站或应用程序中的位置,并为用户展示到达他们所在的位置而采取的一系列步骤。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ Google 的面包屑设计并不抢眼,但是用户依然能够很好的使用它。https://www.uisdc.com/breadcrumbs-for-websites-design

+14. Bug

错误

软件中的错误可能导致产品出现故障、行为异常,甚至崩溃。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ Debugging Techniques https://www.linkedin.com/learning

+15. Cache

缓存

高速缓存可让您临时存储和保存数据以备后用。您通常可以在缓存中找到用户名、最近的搜索和网站。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 缓存更新的操作 https://blogs.lirui.me

+16. Card Sorting

卡片分类

在卡片分类练习中,设计者将为用户提供主题、卡片和 Sharpie 笔,然后,要求用户在卡片上写下主题,并以有意义的方式整理它们。这个练习帮助设计者理解和设计网站的信息架构。

例如,亚马逊网站有大量的库存,为了帮助设计师创建与用户产生共鸣的菜单结构和导航,会进行卡片分类练习。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 卡片分类极大地帮助客户创建了合理且易于理解的类别 https://www.testbirds.com

+17. Chatbot

聊天机器人

聊天机器人可让您通过聊天界面向系统提问,是一种当下很流行的客户服务工具,类似于给朋友发短信的经历体验。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 给机器人发送指令 https://medium.com

+18. Clickstream

点击流

当你登陆一个站点时,你点击某一方式并通过它来完成一项任务。这就是点击流所代表的内容:为实现目标而对其进行的点击路径。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ https://dribbble.com

+19. Commits

提交

在整个开发过程中,只要开发人员在工作中达到一个好的阶段,就会创建提交。提交类似于草稿。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 开发人员和网页设计师的屏幕 https://www.op86.net

+20. Conversion Rate

转化率

产品或网站的转化率是指完成所需操作的用户的百分比。假设你正在创建一个电子商务网站,并且期望的操作是成功购买网站上的物品,转化率可以告诉你有多少用户购买了这些物品。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 用户转化率 https://www.searchenginejournal.com

+21. CRM

客户关系管理

客户关系管理软件系统有助于管理业务流程,例如销售、数据和客户交互。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ CRM基础组成部分 https://www.superoffice.com

+22. CSS

Cascading Style Sheets

层叠样式表

CSS,层叠样式表,是一种样式表编程语言,用于定义网站的样式。它包含了字体、颜色、间距、布局和图形等信息,以及如何将这些信息应用于网站。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ CSS Logo https://1000logos.net

+23. Customer Experience

客户体验(CX)

举一个实际的例子,你决定购买一辆新的 SUV,但是不确定想要哪个品牌或型号,只知道你想要一辆 SUV。为了做出选择,你比较了每个品牌网站上的几个选项。比较后,您决定购买 2017 款 Nissan Rogue。你前往经销商并与销售代表聊天,以了解有关新车的更多信息;了解了关于 2017 年日产 Rogue 的所有信息后,您决定购买后就回家了。

以上整个过程就是我们所说的客户体验。它指的是用户通过不同渠道和产品与品牌进行的不同交互体验,以及用户对它们的感受。这会对品牌信任有深远的影响。类似的术语:服务设计。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 客户体验 https://www.tmsatoday.org

+24. Data Science

数据科学

数据可以告诉我们很多关于用户及其需求的信息,并且可以帮助我们确定如何最好地满足他们。数据科学专注于理解这些数据,并发现有助于做出更好产品决策的具有价值的见解。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 数据科学 https://www.dataquest.io

+25. Design Debt

设计债务

最初推出一个产品时,我们会为它设计一个经过深思熟虑的设计系统,但随着产品的发展,我们会添加新的功能和元素并废弃旧的。

迫于最后期限和快速发展的愿望,我们很容易跳过开始使用的有价值的设计概念,结果会出现添加的新元素或功能不太合适的问题,并且造成了不稳定的用户体验。

已累积设计债务的设计系统由产品发展过程中需要清理的元素和功能组成,为快速发展和落实产品所做的努力最终会产生更多的工作。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 设计债务与时间的关系图像 https://uxplanet.org

+26. Design Thinking

设计思维

设计思维是指创造性解决问题的5步法,这5个步骤是:

- 移情:理解挑战

- 定义:定义问题

- 构思:集思广益潜在的解决方案

- 原型:构建解决方案

- 测试:测试解决方案

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 设计思维的5个步骤 https://www.sohu.com

+27. Diary Study

日记研究

把日记研究想象成记日记。这种定性研究方法适用于随着时间的推移收集有关用户的信息。参与者需要在规定的时间内在日记中写下他们的日常生活。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 什么是日记研究?https://www.voiceandcode.com

+28. Empathy Map

同理心地图

同理心地图是帮助我们可视化用户行为、态度和感受的协作工具。它们被分成 4 个相等的象限,包含有关用户所说、思考、所做和感受的信息,在中心放置用户的角色,通过用户研究收集的信息填充每个象限。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 同理心地图 https://www.nngroup.com

+29. End User

最终用户

我们是为谁设计产品?这个“谁”是我们的最终用户。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ https://www.playbookux.com

+30. Eye Tracking

眼动追踪

为了微调和衡量用户体验工作,我们需要了解用户在产品上做了什么。眼动追踪是用来测量用户的眼部活动的一种专门的工具,向我们展示了用户在看哪里以及以观看的顺序。

交互设计零基础学习,超全面交互设计的基础方法和理论

+++ 眼动追踪 https://eyetechds.com

Reference:

Riva, Maria De La, et al. “The Ultimate UX Design Glossary: 91+ Terms You Should Know.” CareerFoundry, 5 Aug. 2021, https://careerfoundry.com/en/blog/ux-design/ux-design-glossary/.

撰文 &编辑|啃啃

主编 | 鹏菲