我读书一直有做笔记的习惯,特别是遇到好书的时候。
这是一本对于可用性进行详细描述的书,汇集了作者对可用性的敏锐观察。
整理了一下读书笔记,分享给大家~
主要内容概述:
· 明显可见(我们可以切实看到东西)
· 易于理解(是知道自己正在看什么,也知道它是怎么工作的)
· 符合逻辑(我看到的东西要遵循的流程都是合乎情理的)
· 一致性(游戏的规则不会出乎意料的改变)
· 可预见性(要做件事时,我清楚的知道下一步会发生什么)
1、主要说明
如果一个链接不被视为链接,那么人们也就不会点击它;如果一个选项不能被人们发现,那它也就不存在。
2、四种方式会将内容变得不可见
1)不在人们寻找的位置;
2)被其他物体挡住了;
3)即使在显眼的位置也不能被识别;
4)根本就不存在;
3、神奇的“折痕”(一屏显示的位置)
“折痕以下”意味着这些内容都不是即使可见的,需要人们向下滚动页面
4、人们确实滚动页面
人们没有想象中的愚蠢,连滚动页面都不会(但某些时候要注意折痕的位置,以免给用户页面已经完全呈现的错觉)
5、为什么我们不能精确定位折痕
1)折痕的位置取决于浏览器窗口的大小;
2)每打开一个新的工具栏,折痕位置就会向页面上方移动(现在这个问题已经很少遇到了);
3)屏幕分辨率越低,折痕越高;
6、折痕在什么时候重要
绝对要显示在明显位置的内容(网页):
1)品牌和主要导航;
2)帮助、联系信息;
3)站内搜索框;
4)购物车和结算链接;
5)咨询链接;
6)修改语言入口;
7)快速应用的关键输入区(像货币换算);
8)关键输出区(置于输入区的附近);
可以放在页面底部的内容:
1)法律声明;
2)隐私政策;
3)地址和联系方式(除了一些靠打电话或实地拜访的商业经营企业);
7、折痕在什么时候不重要
首先,不可能精确定位折痕,不管你做了多么好的猜测,也很困难只有10%的用户满意。
其次,把页面设计为“适于滚动的”,这样就不必把大量内容堆砌在最上面了。
最后,如果页面“适于滚动”,并且内容具有吸引力,那么在长页面的顶部和底部的实际点击率一样好,甚至更好。
即你需要认识到你的网页上有一个折痕,它对页面上内容的可见性有重要的影响,但是不要为它的精确位置纠结,你需要考虑一下如何“适于滚动”。
8、不友好的适于滚动的页面
随着页面滚动,部分重要功能也随着滚动了,而不是固定在某处,方便我随时点击,这是很不友好的。
如:提交按钮,随着页面滚动消失在了屏幕里,需要重新滚动回去才能看到并点击。
9、滚动、菜单长度和手机
如果你期望人们滚动屏幕(无论何种理由),那么就给他们一个确切的视觉线索,告诉人们页面是可以滚动的。
10、不要把重要内容做成广告
所以如果你希望人们阅读和使用你的内容,就不要把他们做看起来像广告、上下文导航之类的东西,人们会以为这些会把他们引入一个完全不需要的新方向。
11、广告盲区
研究表明,人们会下意识的忽略长得像广告的内容,哪怕你做得再显眼。
12、遮挡主要内容
在可用性领域,如果想要获得成功,就要让你们看到价值,不要藏着掖着。
如必须有注册后才能访问某网站,如果把顺序改完访问网站,发现更多想要看的内容,再要求注册,就会好很多。
13、埃里克富的电梯检查(可见性)
要确保在每个不同的页面,用户都可以知道自己的下一步要做什么,并且又合适的引导或提示,确保这些引导可以被看到。
总结:要寻找的10个不可见的东西
1)当你的东西不可用的时候,是否提供了可以利用的信息?你是否把这些信息隐藏在了人们找不到的某个地方?
2)是否有什么东西挡住了你要显示的信息?它是弹窗、物理障碍,还是其他的什么东西?一定要清除这些东西!
3)是否有什么重要的东西看起来像垃圾信息而被忽略?比如说广告或其他有问题的什么东西?
4)你是否完全忘记了人们完成某种任务所需要的重要信息?
5)你的东西有“折痕”吗?如果有,你是否对信息进行了分组,使用户同时需要的信息显示在折痕的同一侧?或者是否有有名字和地址、输入和输出、饼干和牛奶被折痕分开?
6)你的长屏幕网页是否发出了明显信号,告诉人们要滚动页面?
7)你的付费方式是否对免费体验的部分造成影响?
8)网站上的每一页,用户都可以明确自己的位置,并且清楚的知道自己下一步要做什么吗?
9)你的设计团队减少杂乱,是为了把产品变得更好,还是仅仅因为可以把产品变得更漂亮?最好是前者。
10)你是否使用率内部或专业的术语,而不是采用通用的词汇来帮助人们完成任务?
1、“共同参照”
无论谁使用某个东西,都可以和它的制作者保存一致的理解。
可利用三种工具:文字、图像、声音。
2、文字
· 无论说什么,都要明确表述;
· 不要以为每个人都能正确理解你写的信息;
3、埃里克的“电灯泡”测试
不要太专注于描述细节,却忘记了基本的信息;
4、创建有效“共同参考”的五个要点
1)不要认为一切都是理所当然的;
2)提前考虑人们可能遇到的问题;
3)回答人们没有想到的问题;
4)根据访问者的处境检查内容;
5)沟通发生的环境,即检查的时间和地点,会随时影响所需(提供)的信息。
5、创建舒适区
人们在陌生的环境很容易不知所措,此时需要提供他们必要的引导信息,或者制定人们熟悉的统一的规范。
6、不要害怕说出你的故事
要以最简单直白的方式讲述你要描述的内容,填补空白,不要遗漏细节,并且要有合适的共同参照。
7、图片和其他视觉工具
图像可以提升文字效果,图像和文字结合,可以将信息表述的更清楚。
8、图标和其他麻烦制造者
图标需要清楚的表述其代表的内容,让用户容易理解其含义,而不是一味追求花哨好看。
9、“像面包箱一样大”
选取参考物时要选择可以被人们理解的,并且讲得通的。也就是要选取和创造真正的共同参考,而不是让人们感觉到恐惧、不确定和怀疑的信息。
10、万维网上日不落
要记住人们都有不同的背景、期望、观点,对你来说理所当然的事情,对其他人而言是不一定的。需要注意细节,来确保更多的人可以理解和使用你的东西。
总结:要询问和回答的10个问题
1)你的书面说明写得怎么样?他们精确而全面吗?试着让其他人也看看。
2)定义三种使用你的产品和服务的典型用户,为他们每个人创建一个小故事,描述他们怎么通过所有渠道与你的东西进行交互。你能发现其中的切入点吗?
3)你使用了用户可能难以理解的缩写、官话或生僻词汇吗?你能消除这些语言,或者作出改进吗?
4)你能找到那些不能正确建立共同参考的图片吗?你会重做这些图片,使它们在大小、功能等方面提供更好的感受吗?
5)商品价格、优惠、运费甚至服务费,你列出的任何价格,人们都会知道包括哪些或者不包括哪些吗?
6)是否有外地人难以理解你的线上或者线下流程吗?你可以增加一些文字或者图片使其更容易理解吗?
7)有让用户难以理解的图标吗?有的话需要改进一下,或增加文字描述。
8)从视觉设计的角度来看,有没有物理上的限制会组织你创建成熟的共同参考?例如,文本框太小了,不能容纳它应该包含的所有文本。有重新设计这些元素的可能吗?
9)有没有进行比较或创建类比来帮助人们了解你的产品和服务?如有有的话,你们理解这些比较吗?
10)你的书面或可视化描述有可能会误导人们的内容吗?如果你无意欺骗别人,你可以做些什么来扭转局势?
1、逻辑推理的三种基本类型
1)演绎推理
2)归纳推理
3)测因推理
2、神奇的词语-“为什么”
我们不希望用户思考,相反,我们应该为他们思考,最好是提前为他们思考。所以,这意味着,我们很不想看到用户自言自语道:“为什么他们要这么做?”
要注意产品设计中,所有的易用性内容都要有逻辑性。
3、设计失调
指产品发出的某种认知信号,与实际功能不一致,或者是有误导性。
4、用例
通过表示任务流程的方框和箭头来说明各种任务如何完成,也称之为“用户故事”。约20%的可能用例可以解释约为80%的产品问题,称之为晴天案例。
三个基本层次的用例:
· 常规流程,只显示基本工作流程,几乎不涉及细节;
· 接触点和服务设计流程,可以显示大量交互活动;
· 流程图,可以用来制定流程;
5、线性过程
许多过程都是具有线性特点的,要注意其逻辑顺序,如有不合适的地方,要及时进行纠正。
总结:要询问和回答的10个问题
1)当你检查总结的项目时,是否有一些功能性问题让你停下来问自己:“为什么我们这么做?”
2)是否也有响应性问题让你想知道为什么会发生(或没发生)这样的事情?
3)符合人体工程学吗?你是否必须进入不必要的滚屏或寻求帮助来完成什么事情吗?记住,如果你在问“为什么”,就说明可能发现了一个重大问题。
4)是否有一些便捷性相关的场景让你不禁发问:“为什么我不能让它更容易些呢?”
5)你在某一时刻犯过错误吗?如果犯过,你能想到用什么方法来避免错误吗?可以问问其他人的看法,看看他们是怎样反应的。
6)你产品的设计说明和实际用途是否迥异?你可以做些什么来减少设计失调?
7)尝试为你的产品制定三四个晴天用例,创建一个简单的流程。有什么地方看上去不清晰吗?这些流程很难制定吗?如果是这样,你可能发现了重要的可用性缺陷。
8)流程的合理性如何?是不是每一步都让你离目标更近了?是否会让你偏离主题?如果是这样的话,你能消除这些问题,少走弯路吗?
9)从共同参考的角度来审视你的产品,是否可以提供更好的描述?让它们看起来更合理。
10)一如既往的确保返回按钮会不会打断正在运行的流程。
一致性是实现清晰简洁的功能设计的关键之一。
1、警告
当事物表现不同时,应该保持视觉上的不一致;当事物表现相同时,应该保持视觉上的一致性。
2、同义词的误导
在你的网站或其他产品上,在不同时间/位置使用不同词汇表示相同的信息,可能会导致严重的问题。不要只是出于创意或马虎而混用术语,一旦建立了自己的语言体系,就要坚持使用,特别是在有关表单和按钮的地方。
3、保持事物的单一性
即给出的所有选项都有明确的区别,每个选项之间不会有重叠和模糊不清的情况。
如人群分类:男人、女人、儿童。
4、溯因推理回顾
将某个场景中学到的东西应用到类似的新场景中的逻辑思维过程。
如。如何驾驶租来的车,因为之前就已经会开车了。同理,可以运用一些所有人熟知的图标和文字等。
5、标准化提升一致性
标准化的关键不是阻碍创新,而是让解决方案清晰可见。
6、不要对一致性想当然
很多已有的东西都不一定是一致的,要注意自己的产品尽量做到保持一致性。
7、一个按钮,一个功能
一个按钮如果有多个功能,很容易会有糟糕的体验。虽然只有一个按钮会使页面显得更加简洁,但是它可能会使我们的操作变得更加复杂且容易出错。所以,选择多个按钮特不一定是坏事,只要它们能够合理分组,表明其相关功能。
8、一个图标,一个功能
每个图标都要有自己的单一指示性功能,而不要同一图标代表不同功能。
9、一个对象,一个行为
确保同一对象的操作也相同。如,同一产品不同页面的操作手势要统一,例如长按弹出操作窗口。
总结:要询问和回答的10个问题
1)你的设计是否存在看起来相同,但实际操作不相同的东西?要确保操作不同的东西看起来也不同。
2)你的设计中是否存在看起来不同,但是操作相同的东西?要确保操作相同的东西看起来也相同。
3)你的产品中存在与其他类似东西不同的地方吗?你是否忽略了某种最佳设计实践?
4)是否为了创新而牺牲了对象或功能的一致性呢?这些功能和对象是什么?你能找到一个不会彻底得罪设计师的权宜之计吗?
5)是否存在不同时间要做不同事情的相同按钮?增加一些按钮可行吗?
6)是否存在重复利用图标来实现不同的功能?如果有的话,那就重新设计这些图标,或者取消它们。
7)可以增加某个对象的一致性吗?尝试在你的产品或服务中增加功能的一致性,也可采用他人开发的最佳实践
8)人们想要知道如何使用你的东西,是否需要类似产品或服务的经验知识?如果是的话,他们看到你的东西时会感觉似曾相识吗?要确保你能给人们强烈的视觉线索,触发他们在其他地方获取的知识。
9)你能使用颜色和物理分组对按钮和其他控件进行分类,让人们马上明白它们是有关联的吗?
10)你是否给产品打过“补丁”,并将此视为快速修复潜在的一致性问题的方法?如果有可能切实解决这些问题并消除补丁,那就马上行动吧。
1、提高可预见性的六种方式
1)让人们知道在到达目的地前应该期待什么;
2)让人们知道你对他们的预期;
3)让人们知道一个多级流程中有多少个步骤;
4)确保人们理解他们所处流程的预期结果;
5)将东西放在人们期待看到它们的地方;
6)创建用于警告不可见情形的可见信号;
2、知道该期待什么
可预见性意味着某样事物会做你希望它做的事情,知道该期待什么的关键在于,在交互活动真正发生之前设置预期。
3、品牌、客户满意度和预期
从营销意义上来说,品牌与设定预期有关。其中一个关键部分就是对产品或服务进行市场定位。如果人们不抱期望,那么帮助他们建立期望;如果他们怀有期望,你超出预期越多,人们就会感受到越好的可用性。
4、帮助人们建立预期
使用社交媒体平台,传播推广你的品牌和产品,帮助那些未来可能与你有互动的人建立预期。但要注意不要犯以下错误:
1)说谎(创建和推广虚假内容);
2)无视(这样会在某些地方鼓励消极的对话);
3)拒绝(公开拒绝承认问题);
4)争论(不尊重不同的观点);
5)炒作(自我宣传,语气夸张);
6)玩笑(废话很多);
7)隐藏(没有明确的联系点);
8)厌恶(以消极的方式参与);
9)审查(删除负面评论);
10)不使用社交媒体;
5、重新审视说明书-但从未审视过
把关键信息从冗长的说明书或各种协议里提取出来,做到问题及时响应。
如,添加智能电器到手机里,不能识别该设备,需要及时指出原因。
6、告诉人们你的预期
如果人们需要提前知道某些事情,一定要进行信息沟通。考虑处理以下方面的问题。
· 是否需要人们有特定的知识?
· 是否有某种物理或技术限制?
· 是否有某种地域限制?
· 是否有年龄限制?
· 是否必须首先完成的资格预审流程?
· 是否有时间限制?
· 是否需要人们准备特定信息?
7、让人们知道有多少步骤
如果你有多步过程,请确保用文字或图片明示出来。
8、让人们知道自己所处的过程
人们认为自己在做一件事情,但做着做着突然发现在做迥然不同的事情,这时一定会出现可用性问题。只有更好的理解自己当前所处的过程,人们才会预测需要提供的信息类型和要做的事件类型。
9、把东西放在人们期待看到的地方
让东西可见意味着把它们放在它们应该出现的地方。对于可预见性来说,把东西放在人们期望找到的地方也很重要。
所有东西都应该放在需要用到的地方附近,并以合理的方式进行分组。
10、不可见情况下的警告
标签、颜色、布局和功能都可以帮助提高对象的“气息”,让人们理解它,并且可以预测其作用和行为。对于不可见的一些严重情况,要给予明显的警告。
总结:帮助人们遇见未来的10个方法
1)你在帮助人们利用过去的经验吗?如果没有,你能创建认知性触发吗?
2)是否有人们应该提前知道的事情?你能找到一个合乎逻辑且不唐突的方式来告知他们吗?
3)你告知人们你对他们的预期了吗?他们需要特殊的才能或满足一些先决条件吗?如果是的话,在他们深入一个过程之前,是否有明确的沟通?
4)你的产品有多步过程吗?是否提前告诉了人们有几个步骤?是否需要微调你的沟通或设计呢?
5)当人们努力完成一项任务时,你是否为了满足自己的需求而让他们解决一个完全不同的任务?你能区分这两个过程吗?或者至少让人们知道他们需要做一些事情才能让产品正常工作。
6)你考虑过于自己设计相关的设计模式吗?你是否遵循了最佳实践?如果不是,为什么?
7)你能提供某种可见信号来表明可能发生的危险吗?
8)如果你正常使用社交媒体工具,你犯过之前提到的10个错误吗?
9)你是依靠指令来运行设计吗?你能通过创建只在需要时才出现且与任务相关的信息,来代替传统的手册和各种条款吗?
10)在产品的使用过程中,是否发生了让你吃惊的事情?是否有些地方与你预想的不同。