二维码
找好货

扫一扫关注

当前位置: 首页 » 资讯 » 跨境电商 » 正文

学术干货丨零基础入门交互设计?

放大字体  缩小字体 发布日期:2022-08-01 23:00:06    作者:life    浏览次数:427    评论:0
导读

以下文章来源于DSC设计罐头 ,作者DSC设计罐头 DSC设计罐头. 由UBC,多伦多大学建筑、景观、城设专业毕业生组成,专注加拿大设计教育。致力于传播加拿大设计资讯,传授院校申请经验,分享行业内幕。为学生和从业者提供一站式的设计专业申请


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

DSC设计罐头.

UBC多伦多大学建筑、景观、城设专业毕业生组成,专注加拿大设计教育。致力于传播加拿大设计资讯,传授院校申请经验,分享行业内幕。为学生和从业者提供一站式的设计专业申请和求职指导服务。







交互设计(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/.







撰文 &编辑|啃啃

主编 | 鹏菲

 
关键词: ahrefs
(文/life)
打赏
免责声明
• 
本文为life原创作品,作者: life。欢迎转载,转载请注明原文出处:https://www.114618.com/news/127708.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
0相关评论
 

(c)2008-2018 找好货 B2B SYSTEM All Rights Reserved

京ICP备2022008976号-2