新人来收！10 个学交互设计必须懂的基础术语科普

文总结 10 个常见的交互设计基础术语，帮新快速入。

UX用户体验设计（广义的交互设计）

先看下创始大师 Don norman 官定义：

用户体验是指个使用个特定品或系统或服务时为、情绪与态度。括交互时操作、体验、情感、意义、价值，含用户于系统功能、易用、效率感受。

定义涵盖很广，那么在设计师工作时，其实是过了解用户，从而去设计为过程。

在个设计程中，我提炼出三个最重要的关键词：用（usability）、易用（ease of use）、情感（affective）。

可用性指的什么呢？我认用，Don’t make me think 这句释义概括还蛮形象的。

体展开来说，就要提另一位大 Jakob Nielsen 著名的 5 个衡量属性了：

• 可学习性（Learnability）：初次接触这设时，用户完基本任务的难易程度；
• 高效性 （Efficiency）：用户是否能方便快捷地完成任；
• 可记忆性（Memorability）：当户一时间没有使产后，是否马上到前的熟练程；
• 容度（Errors）：是否有合理误制，用户能否从误恢复；
• 满意度（Satisfaction）：用户对产品的主观满意度。

我认为，这几个属性是在交互设计时需要着考虑素，为他们决定着你设计品根体验，有个好用可用品才能吸引和留住用户。

易用：对一个产品，不同的人看到个东西，道它怎么用。比网页对盲弱用户的支持程度，建筑对残疾用户的支持程度。易用高，意味着个产品设计包容度越，越有人化。

感性：顾思义就使用的过程中能给用户愉悦感感共鸣。这常常体一些细节刻画中。例如微信中发送日乐会漫天飘出很多小蛋糕、Google 每日不同主题的 logo 插画、QQ 底部 tab 栏小人儿会随点击状态眨眼睛贴的设。这些细节看似若若无，可它们可能会某不意的瞬间打动人，留住用户。

△ Google的每日变化趣logo

△ 微信发送日乐时的蛋糕雨

信息架构（information architecture）

第二概念信息架构，两字概括就「分类」。之知乎看到一很好的例子，一下就清晰让认知什么 IA。

多姐姐都喜欢逛商，哥哥逛得少但肯定也逛过吧？

当你走进商场时，看到商场楼层题名称：

• 1F：尚名品馆
• 2F：样淑女馆
• 3F：雅仕名流馆
• 4F：运动休闲
• 5F：主题食馆
• ……

 1F，时品馆又首饰区、表区、包包区。根据层主题分类可以很让到达那区域，找到自己的东。

同理，互网产品的息架构计也是一，清晰的组织系统、导航计、标签、搜索系统是四大关键点。

△ 图片来源：UX Booth

任务流程（task flow）

流程设，就去设如何引导用户完一项任务。

还是以上面的商为例，想象你现在要去买套运动装，那你需要做的步骤如下：达商→梯/步梯上四楼→达四楼A→进一家商→衣→付款→不换一家着逛→找的为止。

设计师首先需要做的就是清这个户购流程步骤，然后思考中电梯、步梯的设置，商店的设置，优这些流程帮助户更快地到心仪的。

类似到互联网品，其实是做用户买、发布、收藏、搜索等流程工作。

△ 用户任务流程设计

故事板（Storyboard）

这个在交互设计也是很值说概念，简言是用系列草图来表出某个品功能。

当你的产品功能比复，用文字难以表述清楚时，以尝试故板。

故事板不用般绘制的很精细，可以随意的画几图形释义，只能够清晰传达出表达的概念法即可。

△ 灵魂故事板示例

故事情节设计（Scenario）

这需与故事板行区分的语，故事板主对产品功能行图形表述，Scenario 则主眼于产品的使用场景，它讲述的目标用户什么环境下怎样使用的产品。

产品的使用景重要，你要考虑目标用户究竟在哪些环下使用，从而进行操作。

听歌 app 举例，户可会在里、地铁、途中、公司等场景听歌，清目标户涉及的场景，可直接影响产功模的搭建、考虑如何增强与户的交互性等。

用心设计好个故事，你用户肯定可以感受到。

用户画像（Persona）

过志调查，到基于真实物为、观、动，将这些要素提炼出组品目标用户描述，形成张物模型卡片。

卡上面，设计师以清晰地看到目标用户的样子：有名字、照、家庭、工、喜等，从特质你以道他期望什么？为什么期望？以及他在哪场下做什么？

这张卡片的所素构，我们称之用户画。

△ 用户画素案例

计常常会进入一个把当作用户的误，但要刻记住你只是千万个用户中的一个。在实际生活，用户往往是基于的知识结构、经历、景来使用产品，用户的心智模型可能和计、开发工程的术实现模型完全不同。

这个时候，引入户画像，可帮助设计师更好地在他们的立场上思考需求。

卡片分类（card-sorting）

在计产品息架构，前文也说了最重要的就是「类」。那用什方法进行息类呢？比较常采用的研究方法就是卡片类。

△ 卡片类法

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

卡片分类可以帮助你了解用户期望和主题理解。设计师可以更加楚地知如何构网站结构，决定在主页上放什么，以及设计出符合用户心智标签类和导航。

值得一提的是，需要用户分类的卡不宜，考虑参与者疲劳，开放式卡建议在 30-40，封闭式卡以适当增加。卡上的短语尽量是具的短语或者名词，果用户不明白要进行适当释。

可用性测试（usability test）

在用户验概念中，我们说到用是一个非常重要的关键词。

那么当设师完一功能的交互设，产品线，如果速了解用户真实场景使用过程中否存问题或者障碍，这时候可以采取可用性测试这种研究方法。

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

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

在可用性测试过程，设计师要与参与者保持良好沟，在看到参与者有困惑或者操作误地，要及时进询问和记录。不要刻意去引导参与者操作，让他依据自己使用习惯，你来发现问题好。

A/B测试（A/B –split- test）

A/B 测试这研究法常常与转化率这个数据指标相关联，是测试哪版本更有利于目标数据实现法。

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

每种类型的网站都自己实的目标，电子商务网站希望用户能够多购买商品，银行网站希望用户资金多自己行里储蓄/理财，新闻网站希望用户能够多点击投的广告。每网站都望达到自己的目标，从获取收益。

运用 A/B 测，你能够了解究竟哪个计版本能够符产品目标用户的期望，从而促成业/数据目标的实现。

情绪板（Mood Board）

其实这是用来表达计定义方向的视觉段，不过交互计还是需要了解一下。

情绪就是通过采集一系列的图像、字，实物样本，进行视觉元素的拼贴，旨在通过户情绪确定产定位和视觉格。

举个例子：融品，首先确定用户期望原生关键词，如安全、专业、信赖等。

根据原生关键词，开始衍生到具物品。例安以联想到盾牌、险箱、锁等东西。

衍完所具体品，设师始行图片的搜集，后邀请用户对这些意象行选择。

如此，通过直观的视觉图片和用户选择，洞悉用户情绪，从而确定产品气质。

注作者微信公众号：「书灵的织梦国」