交互设计常识点 (交互设计常识大全)

本文目录导航：

• 交互设计常识点——可用性测试
• 怎样样提高网站着陆页的转化率
• Defensive Design for the Web内容简介

交互设计常识点——可用性测试

“可用性”这个概念自入行以来就据说过，但是没有好好的深入学习过，去年转正报告的未来上班方案也提了一下想对在做的几个系统启动可用性测试，只管不知道日程方案能不能提下来，这两周还是着重学习了一下可用性测试，本文做一些演绎总结。

可用性有如下五个属性： 而“可用性测试”就是约请 一批 实在的 典型用户 针对典型场景操作产品，并处罚他们在尝试 成功义务 的时刻 出声思索 ，可用性上班人员在一旁 观察、倾听、记载 ， 发现 产品经常使用环节中的可用性疑问。

它顺应于产品前期设计开发、中期改良和前期保养完善的各个阶段，是以用户为中心设计思维的关键表现。

咱们作为产品的Manager、Designer、Coder，作为产品的爹妈，孩子身上有几颗痣都很清楚，孩子性情随我没缺点，以为这个配置天经地义应该这样设计。

所以产品设计者是专家用户，而用户常识普通用户，咱们不能齐全代表典型用户的想法。

听听来自用户的实在声响，无利于优化设计价值。

所以可用性测试关键是为了从易学性、效率、可记忆性、失误率和满意度五个维度 权衡产品可用性 ，同时 定位产品疑问及发生要素 ，进而优化产品。

再有一点，设计要求平衡产品与商业之间的相关，所以可用性测试也与公司商业目的严密相关，只要这样，测试才干成为处置疑问和寻求时机的有效工具。

NNG的Jacob Nielsen列出了以下三个场景： 1. 在迭代的环节中，特意是两个迭代之间的时刻。

咱们要求知道咱们本期的设计能否处置了之前的疑问，或许咱们还要求继续改良咱们的设计方案。

2. 数据不会骗人——关于竞品的可用性剖析，可用性测试失掉的目的是十分有用的。

3. 在每一次性新的颁布之前，咱们要求在脑海中有一个明晰的目的。

当咱们对如今的设计方案没有很大的掌握的时刻，一次性可用性测试可以通知咱们，新的版本是不是曾经预备好颁布了。

要求确定可用性测试的 疑问焦点 ，要求尽或许的精准、明晰、可测量、可观察，比如关于配置点、界面、流程等。

可以征询利益相关者，了解他们想要知道的消息，专一于能够成功产品ROI的钻研目的。

首先咱们要求有一个共识：“可用性测试义务是为了用户的实践目的，而不是我以为用户想要做的事”。

其次上方是义务设计的几条外围方法： a) 依据测试目的列出义务清单， 义务不宜过多 ，必需是 紧贴外围测试局部 的； b) 对每个义务 给予用户正当的动机 ，关于用户来说，产品的配置不关键，关键的是用户经常使用产品想要到达的目的； c) 将义务 赋予实在场景 ，毕竟用户经常使用产品都是有实在场景的。

总之，设计测试义务就是“谁在什么状况下要做什么事”，紧抓“人”、“情形”、“目的”三个要素。

撰写测试脚本是为了预防在正式测试时不知道该问什么，该记载什么，没有眉目，一片凌乱。

可以依据测试完结后的结果统计剖析的维度登程，联合义务清单，自下而上的剖析应该在测试时 要求问的疑问 ，还有 要求观察的留意点 。

比如：征询 ：进入页面，首先看到什么？而后看到什么？ 用户会想点开什么中央？每个分类上方的数字，用户有没有留意到？……观察 ：用户探求了那些内容？用户说了什么？侧面评价？负面评价？用户的表情，能否有皱眉噘嘴等负面表情？ 测试试验室所要求的硬环境必需是要完善的，比如： a)试验室环境 ：不论是会议室、还是专门的装有单面玻璃的观察试验室，至少要洁净整洁，能让用户心境安适的； b)测试设施 ：经常使用什么终端产品、网络环境要疏通、账号要先注册等； c)记载设施 ：录音、录像、录屏等，记载测试环节可以帮设计师会议访问的场景，填补一些缺失的笔记。

可以用一些录音机、摄像机、眼动仪、鼠标轨迹记载、QuickTime、Mobizen、Display Recorder、SCR、Magitest等软配件。

预测试就是正式实施之前，约请共事模拟几次，发现测试时的疑问。

把正式的流程走一下，包括设施调试、访谈切入、疑问提问、观察记载、结果剖析，把录音和录像都看一遍，从中 发现测试时的疑问 。

样本数量 ：依据Nielsen和Landauer的钻研，可用性测试发现系统中疑问数量与测试人数遵照以下公式： P=N （1-（1- L ） n ） 其中P为发现疑问的数量，N是系统中存在疑问的总量，L是经过钻研单个用户可以发现的用户比例，依据阅历L的值普通被定义为31%。

此时咱们可以绘制出P关于n的曲线，如下图所示。

此外，Nielsen还给出了以下的一份数据：依据83例NNgroup最近启动过的可用性咨询的案例剖析可以得出下右图的可用性疑问数量——招募用户数量的相关。

咱们可以看到，在招募 5-8名 用户的时刻，就足以暴显露系统中的大局部可用性疑问了。

而此时再测试更多的用户，并不会为咱们的洞察带来显著的优化。

寻觅用户 ：分为三步骤，招募消息投放—>挑选问卷—>电话咨询，外围准绳是“让最具备代表性的用户介入”，经过了解用户的态度、行为、目的来甄选，与用户画像婚配的用户。

从测试今日应酬用户开局就要求坚持一个友好态度，能够让用户放下警觉，能够有一个愉悦的心境去面对测试。

收场掌管人可以做一些自我引见，热热场，紧张一下测试的气氛，标明测试的目的，告知用户咱们十分宿愿您能各抒己见，这个测试没有对错之分，不要担忧做不好，真挚的宿愿咱们和您一同去发现产品的疑问。

而且假设有录音或录像，必定要让用户通晓有此类行为，但是会对测试资料隐秘，可以签订隐秘协定。

依据预备的测试脚本启动测试，至少要求两位上班人员，一名掌管人做义务疏导、征讯疑问上班，一名观察记载员观察用户心情、举措、记载用户行为、想法。

测试中要求留意以下几点： a)观察 ：察言观色，识别用户的心情，思索中、皱眉、犹疑、惊讶等，经过用户心情判断义务的难易，用户能否无法成功义务，那么就应该中断该义务的测试，并且舒缓用户心情。

b)征询 ：征询驳回普通不懂句，详细主观地重复用户刚才的行为表现，假设用户没有自己主动说出要素，可以“顺便”问以下“为什么？”或经过身材前倾、眼光注视等非言语模式来暗示用户你宿愿能听到更多内容，若用户很快、坚决地说出要素，则该理由的可信度较高；假设用户犹疑、或难以说出要素，就不要继续追问。

c)倾听 ：做一个好的倾听者，用户讲话时，可以用拍板、嗯嗯、眼神交换等反应给予用户提醒咱们在仔细的听，您继续讲下去。

d)处罚 ：处罚用户出声思索，测试中的疑问大胆讲进去，而且要必需用户的倡导，给予处罚夸赞，认同其价值。

用户遇到艰巨时，不要提供协助，可以适当处罚。

首先一位用户测试完结后，可以先趁着历历在目，繁难的做半小时整顿上班，掌管人和笔录相互核查。

而后等所有测试成功再启动可用性水温和疑问剖析。

这里依照我的了解做了一份可用性疑问的总结模板： 在《Don`tMakeMeThink》中Steve提到一种10美分的繁难可用性测试，关于早期起步阶段、要求极速迭代的产品，可以驳回这种模式繁难做一下可用性测试。

《可用性工程》中讲到11条可用性的阅历准绳，也一同记载一下： 到这里让我想到前几天看到的十二条UX设计准绳，也在此安利一下，省得我找不到了，网站也做的很不错，网站地址👉： Laws of UX 。

[1]可用性工程 [2]点石成金：访客至上的Web和移动可用性设计秘笈 [3]如何启动可用性测试和用户钻研？ - fries的回答 - 知乎 [4]如何启动可用性测试和用户钻研？ - 妖叶秋的回答 - 知乎 [5]如何启动可用性测试和用户钻研？ - 韩正双的回答 - 知乎 [6]如何启动可用性测试和用户钻研？ - Kelly的回答 - 知乎 [7]如何启动可用性测试和用户钻研？ - 苏静婷蝙蝠小玩子的回答 - 知乎 [8]【用研说】可用性测试操作指南 [9]可用性测试：义务评价模型与计量模式 [10]4个方面，聊聊如何做一次性更高效的可用性测试 [11]如何启动可用性测试和用户钻研？- 人人都是产品经理 [12]用超多实例，解析「交互设计七大定律」在设计中的运行

怎样样提高网站着陆页的转化率

一句话科普：「好的着陆页是绿色通道中转，坏的着陆页是迷宫」用户进入某个网站，第一眼看到的就叫着陆页。

一个好的着陆页能疏导用户极速成功设计师设定的目的，低劣范例参见谷歌（其实也不错），失败范例参见大学的正方系统。

好的着陆页考验设计师的视觉/文案/心思学/营销等等多方面的功力，每一项独自挑进去都能说个3天3夜，而本篇文章的作用是科普概念+基础流程，你可以从它提到的这六个方面启动横向裁减学习。

比如文案：《年度最佳教程！7招教你写出互联网顶尖文案！》、心思学：《超适用的设计心思学！怎样用隐喻设计疏导用户？》 ← 这篇文章剧烈介绍一下，很深刻地用几个淘宝的案例帮你看懂心思学在疏导上的作用。

视觉方面，繁难的文字也有超多玩法：《阅历分享！超适用的文本处置技巧》。

一句话科普（WTF？）就先到这，来看文章注释。

首先让咱们先看看那些经常被问到的疑问：一、什么是着陆页？狭义来说，着陆页是用户进入你的网站的起始或入口页面，笼统地来说，就是用户在这个页面“着陆”。

如今着陆页曾经变成了一个更为详细的概念，很多人将它们作为宣传某个特定产品、服务、卖点或特色的媒介，以便用户能更快地留意到、并且更专一地阅读这些消息。

正是由于这样，很多剖析者以为着陆页比普通的网站首页更有效率，也更能成功一些针对性的营销目的。

和着陆页的效率相比，网站首页则经常囊括了过多的消息，让用户无法专心，也更容易失去阅读的兴味。

lp二、什么是转化？为什么它很关键？想要去验证那些以商业和产品、营销和推行为最终目的的设计究竟效果如何，转化率是最罕用的目的。

普通来说，“转化”象征着某个阅读者经常使用你的网站提供的服务或转变为产品的用户，而在实践状况中，转化会依据不同的网站或其它产品而有不同的定义。

着陆页后来源自电子商务，也是登陆页运行最为宽泛的畛域。

而转化率就是一切的阅读者中，有多少比例的人转变成了注册用户并且最终成功了购置行为。

如今，着陆页被宽泛地用在了各个畛域的网站里，转化的定义也变得更多。

越来越多的线上产品和服务发生，用户能够在网上成功各式各样的义务和操作，“转化”就可以被定义为任何一个阅读者最终成功了网站希冀他们去做的义务，比如：开局经常使用某个产品订阅网站内容转移到某个特定页面下载App或其它文件提供用户消息回答问卷收费或折扣试用产品阅读资源库去阅读产品概略或服务等等lp上方的图片是Knost设计的着陆页，它是一个摇滚乐队的网站。

网页中不同的模块试图疏导用户去做不同的义务，同时防止让用户感觉消息量过大。

因此，一个阅读者要求花几秒钟期间阅读整页，而后找到他们想要进一步阅读的区域即可。

lp转化象征着你把一个潜在的主动用户转变成了生动的主动用户，这些用户不只仅是阅读网页消息，而是真的去经常使用了网页上提供的配置，可以说转化率的高下至关关键。

着陆页在大少数的商业目的里，都专一于失掉更多的阅读者，并提供能够处罚用户启动下一步操作的消息。

作为一个成功的商人兼广告代理公司总监，Jeff Eisenberg有一个关于转化率至关关键的观念，十分理智：让业务成倍增长的秘诀并不在于成倍提高流量，而在于成倍优化转化率。

很多理想都能证实了他的观念，而且着陆页通常仅提供有针对性的消息，也大小节俭用户阅读的期间。

三、为什么咱们要求着陆页？从上文的例子中可以很容易的失掉答案，再举个类比的例子：构想一下，你想去纽约逛一逛曼哈顿，这是你永世的幻想，突然你找到一项又廉价又快的服务能让你去纽约，是不是很棒？你拿起你的行李、带上相机，心中感觉幻想就快要成功，或是其余你想去的中央。

这时你又感觉如何？在一个如此大的市区中寻觅你想去中央，你在成功这段精疲力竭的旅程后，或许会感觉不太开心吧。

而那些人把你送到纽约，却把你一人丢在市里，让你自己去找曼哈顿在哪儿，这时刻你才感觉，中转目的才最好，我想探求新颖的市区，但不想由于找不到目的地而精疲力尽。

那么雷同的，作为一个页面的访问者，是不是也宿愿中转目的，而不是在复杂的网站上阅读太久？这也正是着陆页承当的角色。

当用户在外部资源看到特定产品、配置、消息或服务时，而后点击进入到站点，他并不会希冀自己要求花少量的期间在首页的一堆链接和消息中去寻觅自己想要的产品内容或页面。

阅读者除了想要立马“着陆”到有用的消息页面，还宿愿能极速看到那些能够进一步协助他们做出决策的消息内容。

所以提供一个思索周全的着陆页能够大大地协助营销决策的实施，并且优化转化率。

lp上图是一个特意的案例，这是Ernest Asanov的关于博物馆的，它是一个试图推行艺术展览的着陆页。

这个页面的目的在于提供应用户好看谐和又能突显关键的消息。

页面的样式、色彩和动效都表现了一种极简主义的谐和感。

在Tim Ash、Maura Ginty和Rich Page的《着陆页优化：评价和优化转化率指南》一书里为设计师和营销者提供了在设计可交互的电子产品时要求留心的“严酷理想”：假设访客没法很容易地找到某个内容，那这个内容等于不存在；假设你想强调一切内容，那么一切内容都变得不关键；任何内容发生加载的提前都令人绝望而失去耐烦。

以上这些都印证了着陆页在维持用户留意力上的关键性，让你的内容更易被留意到、也更容易被找到。

着陆页可以说是一种强调某些特定内容的工具，也能让你的目的用户更有或许经常使用你的服务和产品。

在Cameron Chapman的著述《着陆页设计终极指南》里提到，一个营销者会犯的最大失误或许就是宿愿经过在网站首页堆加少量广告和公关优惠以优化用户流量，却不在首页提供那些中转优惠或推行链接的入口，让阅读网页的用户们摸不着头脑。

四、着陆页由哪些内容组成？着陆页经常会用各式各样的创意去展现其内容，以吸引不同的目的个体。

可以说着陆页基本无法能有一致的主题或结构，不过，着陆页要求提供的内容还是能够找出一些法令。

页面的大小、蕴含多少模块、用了哪些视觉元素，这些都不是着陆页最关键的思索要素，最关键的是如何让着陆页提供“有价值”的消息。

普通来说一个着陆页要求蕴含以下内容：1）讲清楚你所展现的是什么（产品、服务、优惠等），并提供抚慰用户操作的元素。

从用户的角度来说，他们要知道你能给他们提供哪些好处，即使没有十分详细的细节，至少用户能清楚地知道这些好处是什么并且这些好处确实有用。

此时页面就可以同步地提供显著并且繁难进一步检查或操作的按钮、表格填写、订阅服务等页面元素，吸援用户去点击。

2）口碑及信赖感。

人们总是偏差于置信那些被其余用户介绍的物品，也以为那些消息更无关注的价值。

因此在着陆页上提供一些用户评价、社交网络的粉丝规模、获奖状况和资质证书等消息，可以让访问者发生更好的印象，从而更有或许进入下一步。

3）展现产品或服务的最关键的特色或卖点。

这局部消息具备补充说明的作用，来丰盛产品的展现和出现。

它能让用户得悉更多细节，比如产品或服务所能到达的成效和运行的技术、能从哪些方面改善我的生存等。

要留意的是，这些消息会让着陆页变得更庞大，所以在提供这些细节消息是要通盘思索整个网站的消息布局，而不是仅仅把消息都一股脑儿地堆到着陆页下来。

lp上图的案例来自Sergy Valiukh的着陆页设计，它提供了上文提到的一切内容元素。

首先页面是一个无机食物商店的推行网页，蕴含了一些基本消息，例如商店称号、产品、服务的卖点、疏导用户操作的各类按钮以及顾客评价的展现。

设计者让整个页面消息很丰盛，同时也不会过于复杂和简短，有吸引力但也不会过于保守。

在滚动页面阅读时设计者还添加了动画效果，让整个阅读环节的体验更为丰盛，各个视觉元素之间组成了页面的全体视觉主题，让关键消息更为突出。

lp五、从哪些方面着手能让着陆页更有效？1）目的用户剖析每个着陆页的设计都离不开对用户个体的钻研和剖析。

着陆页不是一个单纯的艺术品，而是市场推行和展现战略的融合。

设计者必需将市场营销的目的和用户个体的特性牢记在心，把着陆页当做衔接目的生产者和产品之间的桥梁。

一个网页想要有高转化率，设计必要求事行启动对目的用户喜好、才干、心态的剖析。

不过要留意的是，没有一个着陆页可以让一切用户都青睐，即使是最成功的商业经营也不会让每团体都满意。

2）市场剖析和竞争对手剖析在设计着陆页之前你还要求剖析现有竞争对手的战略。

此前在文章《如何将广告战略运用到网页和App设计》里咱们就探讨过如何将UX/UI设计和广告联合起来，其中的一个观念就是处罚设计师去做竞品剖析。

着陆页是市场营销中的关键一环，市场剖析也能协助你产出更好的设计成绩。

更好地了解你的竞争对手，你才干少走弯路并且不让你的产品淹没在其它相似的万千产品中。

3）精简你的文案广告界大咖David Ogilvy说过“每一个字都要豁达大度”，在你设计着陆页的时刻必需牢记这个繁难的情理。

必需经过钻研和测试才干选择用多少字的文案去展现消息，由于这些字间接选择了用户会不会买你的账。

不过话说回来，并不是每一个着陆页都要坚持极少的文字字数。

比如当你要宣传的是一个驰名的公司或产品时，大批的文字就足以说清楚并且吸援用户启动下一步操作，但是，假设你要推行的是一个全新的产品或服务，那么则有必要多花些文字去让访问者了解更多。

lp上图展现的是Polina设计的一个公益组织的网页，页面中审慎地经常使用了消息文字，辅以视觉图片，让用户得以了解俱乐部的优惠。

4）品牌元素很显著，着陆页应该着重展现logo、主题色、字体、标语和其它身份特色元素，你必需在你所出现的产品、服务、优惠和公司及其品牌视觉言语之间建设严密的相关，这就提高了普通营销战略的效率。

5）视觉设计在此前的文章里咱们探讨过在界面中的视觉设计，人们通常对视觉元素更敏感，也更容易识别和认知视觉元素，即使它们是高度笼统的图片。

在大少数状况下，人们认知和处置如图标和插图等图像化的内容比处置文字更快。

大局部用户出于天性，也更容易被视觉元素所吸引。

在上文列出的插图中，页面都提供了很有吸引力、具备消息量的图形化设计，它们让着陆页更吸引眼球，在访问者极速阅读时，能让他们发生审美的愉悦，同时缩小阅读大段文字的期间。

6）找到卖点并吸援用户操作着陆页的设计有两个关键要素。

USP (Unique Selling Point) 共同的产品卖点，是顾客最关注的产品特性和长处。

CTA(Call to Action) 是处罚用户启动下一步操作的入口，你经过它们来成功用户的转化。

有效的着陆页能够极速的传播卖点，并用醒目的、关于CTA的设计处置方案以及技术都值得用另开一篇文章，咱们会在TubikBlog的下篇文章启动探讨。

7）缩小加载期间加载期间的长短是影响设计效果关键的元素之一。

用户不青睐糜费期间，雷同也不会在为了看一个着陆页而期待太久。

所以千万别让访问者期待，你要在设计着陆页的时刻就要思索设计方案能否会造成加载期间的延伸。

8）视频展现灵活效果是一种很好的产品出现模式，还能够防止用户破费精神看文字。

视频能被运用在任何页面场景里，让网页更为动感微幽默。

但是必需记住，视频很容易大大延伸页面的加载期间，所以你得好好设计视频，让它们值得用户期待更多的加载期间。

9）照应式设计几年前的《Think with Google》一文中提到了“照应式设计”这个幽默的概念，也从统计学的角度验证了照应式设计在网页设计中的关键性：61%的用户示意，假设他们在手机阅读网页时无法极速找到目的消息，他们就会立刻丢弃，去访问其它站点。

79%的用户遇到不青睐的页面，会前往从新搜查其它站点。

50%的用户假设一个服务在手机网页上很难阅读或操作，即使这个服务在配置上再成功，他们也不情愿经常经常使用。

有或许上方这些统计数字在今日会变得更高，由于越来越多的用户每天都经常使用移动设施，所以千万别疏忽了着陆页在手机等移动设施上的显示效果。

10）缩小让用户专心的元素前文曾经提过，着陆页应该让用户能够坚持专一力，所以你得去除页面上那些会让用户专心的消息，并增强会影响转化效率的关键消息的展现。

越少的额外链接越好，应该以最容易被留意到的模式展现疏导用户启动下一步操作的元素，以便用户能够找到并成功他们的操作义务。

lp上图为Ludmila Shevchenko设计的着陆页，目的是展现SwifyBeaver开发的MAC运行程序，在页面上设计元素十分繁复，用户的留意力都聚集中在题目文字上，而题目下方即为放开收费试用的按钮，整个页面没有任何多余或无用的链接，仅仅提供了必要的点击入口，让用户不会专心从而更有或许被转化。

六、如何测试你的着陆页？可用性测试方面的专家在始终的通常中曾经证实，任何一个名目都不是齐全主观的，尤其是那些常年的名目。

设计师也并不能奇观般第让那些产品的经常使用者一下子变成对产品高深莫测的专家。

因此，仅仅只是发明概念还不够，你还要求用通常和数据来改良你的设计。

David Ogilvy还说过一句名言：在广告里最关键的一个词是“测试”，只需你坚持去做测试，你的广告就会变得越来越好。

对着陆页启动测试，能更好的了解用户行为，并改善着陆页上那些有效又不友好的设计。

在设计着陆页的实践环节中，不少钻研曾经能证实，一点点庞大的改良，例如操作按钮的色彩、公司LOGO的位置，都或许优化页面效果，而题目文案、辅佐说明的改良，则或许会大大提高你的转化率。

搜集用户统计数据并启动剖析，是让设计变得更有效的途径，雷同也能让你的用户转化和营销战略更为成功。

Defensive Design for the Web内容简介

在线环球并非总是完美无瑕，即使精心设计的网站和详尽的测试，用户仍或许遇到疑问。

面对这些无法防止的缺点，如何启动进攻性设计呢？《Defensive Design for the Web》一书将为你提醒答案。

书中，专家们将分享如何将网站设计比喻为驾驶员的进攻性驾驶，继续关注潜在的应战，如复杂门路、大意用户等。

关于网站开发者来说，这象征着要始终寻觅并处置或许造成用户困惑和挫败的痛点。

书中展现了少量实例，如亚马逊、谷歌和雅虎等出名企业如何正确或失误地应答缺点，以优化用户体验。

你将学习40个适用的指南，协助你预防失误并及时处置用户在经常使用环节中或许遇到的疑问。

此外，书中还将教你如何评价自己的网站进攻性设计，并从中寻求常年改良的方法。

无论你是设计师、程序员、写作者还是任何网站决策者，这本书都是优化网站可用性和客户满意度的必读之作。

经过阅读和通常，你将学会如何在瞬息万变的网络环境中，更好地包全和优化你的用户旅程。