点石成金 8.2分
读书笔记 5.大的方面和外界影响
香蒲

5 大的方面和外界影响

  • 第 10 章移动:不再只是亚拉巴马州的- -个城市了
    • 1区别在哪里呢
    • 2一切都是妥协
    • 3狭小空间的苛刻
    • 4变色龙的繁育
    • 5不要把你的提示藏在后面
    • [6没有光标=没有悬停=没有线索][6mei-you-guang-biao=mei-you-xuan-ting=mei-you-xian-suo]
    • 7扁平化设计:朋友还是敌人
    • 8实际上,可能会太过富余,或者严重不足
    • 9关于移动应用的可用性属性
    • 10让人快乐是新的黑马
    • 11移动应用需要可学习
    • 12应用也需要可记忆
    • 13移动设备上的可用性测试
    • 14移动测试的后勤工作
    • 15我的推荐
    • 16概念验证:我的Brundleyfly摄像机
    • 17最后
  • 第 11 章可用性是基本礼貌
    • 好感存储器
    • 降低好感的几种方式
      • 隐藏我想要的信息
      • 因为没有按照你们的方式行事而惩罚我
      • 向我询问不必要的信息
      • 敷衍我,欺骗我
      • 给我设置障碍。
      • 你的网站看上去不专业。
    • 提高好感的几种方式
      • 知道人们在你网站上想做什么,并让它们明白简易。(目标明确,表达简明)
      • 告诉我想知道的。
      • 尽量减少步骤
      • 花点心思
      • 知道我可能有哪些疑问,并且给予解答
      • 为我提供协助,例如打印页面
      • 容易从错误中恢复。
      • 如有不确定,记得道歉。
  • 第 12 章可访问性和你
    • 开发人员和设计师们所听到的
    • 开发人员和设计师所害怕的
    • 真相就是,它可能确实会很复杂
    • 现在能正确实施的四件事
      • 改正让所有人感到混淆的可用性问题
      • 读一篇文章
      • 看一本书
      • 去摘够得着的果子
  • 第 13 章指点迷津
    • 首先要清楚你的领地
    • 通常的建议
    • 如果我是你
    • 抵制黑暗力量
    • 一些决定性的答案

第 10 章移动:不再只是亚拉巴马州的- -个城市了

欢迎来到 21 世纪一你可能会感觉到有点眩晕

第 11 章可用性是基本礼貌

为什么你的网站应该让人尊敬

第 12 章可访问性和你

正当你觉得已经完成的时候,一只猫掉了下来,背上捆着涂了奶油的面包

第 13 章指点迷津

让可用性在你身边成为现实

致谢我只能给你们这么一件糟糕的 T 恤

第 10 章移动:不再只是亚拉巴马州的- -个城市了

欢迎来到 21 世纪一你可能会感觉到有点眩晕

1区别在哪里呢

移动得更快,阅读量更小。

2一切都是妥协

有一种方式看待设计一任何类别的设计,那就是,它的本质就是处理各种约束(那些你必须遵从的和不能去做的地方)和妥协(那些为了服从约束而作出的不够理想的选择)。

用林肯的话说,你能做到的最好的方式就是在某些时候取悦某些人。

有一种成熟的主张认为,约束,与其说它们是一-种负面的因素,还不如说它们实际上会让设计变得更容易,也会催生出新的创意。

【备注: 他确实说过这样的话:“你可以在所有时间欺骗一些人,或者在某些时间欺骗所有人,但你不可能在所有时间欺骗所有人。”我从互联网上学到的- -件事是,如果看到某些名人名言,有 92%的几率他们从没说过这些话。参见 en. Wikiquote org/wiki/Abraham Lincoln。】

PV 值(Page View,页面访问量)。

3狭小空间的苛刻

移动意味着狭小空间。

一种方式是去掉一些内容:创建一一个移动网站,让它成为原来网站的子集。当然,这样又引出了一个棘手的问题:把哪些内容去掉?

一个办法是先移动起来。与其在一开始就设计一 -个全功能(同时可能很臃肿)的网站版本,然后再进行修剪来创建移动版本,不如先设计一个移动版本,把那些对用户最重要的功能和内容放进去,然后再往上添加新的功能和内容,来创建网站的桌面完全版。

(一是精简化,二是产品是流动性呈现,首先是基础产品,然后逐渐拓展其他功能和其他部分。产品不是单一的,而是一个逐渐展现的系统,就像 the Cheshire cat)

需要特别注意优先级排序。

管理屏幕空间的挑战不应该以牺牲可用性为代价。

4变色龙的繁育

关于可伸缩的设计(包括动态布局、流式设计、自适应设计,以及响应式设计)只有两点我能告诉你们的,那就是:

●难以完善

这个问题还在解决之中。这一-次,这个问题关系到真正的收入问题,所以一定会有相应的技术解决方案,但是它需要时间。

同时,有以下三条建议。

●允许缩放。如果没有资源让你的网站“移动”起来,同时也没有使用响应式设计,你至少应该确定你的网站不会抗拒来自移动设备的访问。没有什么比在手机上打开

-一个网站,却发现文字极小无法放大再让人恼火的了(嗯,确实还有一些问题比这还恼人,不过光这一点就已经够恼人的了)。

●不要让我站在门口。又一个真正的困扰:你轻点了邮件里或者社交网站上的一一个链接之后,没有把你带到目的地,而是把你带到了移动网站的首页,把你留在那里自己慢慢寻找。

(跳转页面的时候,应该直达目的地,而不是进入首页。)

●永远记得提供-个到“全内容”网站的链接。不管你的移动网站有多了不起有多完善,你还是需要给用户提供浏览非移动网站的选择,特别是如果那边有一些特性或者内容在你的移动网站上没有的情况下(目前的惯例是在每个页面底端放上一-个移动网站/全内容网站的切换方式)。

5不要把你的提示藏在后面

这并不是说所有的提示都应该直接堆在界面上。它们只需要足够明显,让人们在需要完成任务的时候能注意到就可以了。

6没有光标=没有悬停=没有线索

在触摸屏到来之前,网站设计严重依赖-种叫做悬停的东西一当用户用光标停留在界面元素上,不用点击,它们就会以某种方式展现出变化的能力

7扁平化设计:朋友还是敌人

8实际上,可能会太过富余,或者严重不足

9关于移动应用的可用性属性

让一个有着平均能力和经验的人(甚至稍低于平均水平)能弄明白如何使用它(这说明它是可学习的)去完成某个任务(有效的),而不会遇到不必要的麻烦(高效的)。

10让人快乐是新的黑马

快乐有点难以确定,_它更接近于那种当我感觉到的时候我就知道了”的东西。与其给一个定义,还不如来看看人们在描述一个让人快乐的产品时所用的言辞,这样更容易理,解,这些词包括:开心、惊喜、让人印象深刻、迷人的、聪明的,甚至魔法般的。

让人快乐的应用通常来自和某个人们希望能实现但是没想过真的能实现的想法的结合,再加上一个明朗的想法,使用某些新技术来完成它。

SoundHound 就是一个完美的例子。

它不但可以识别出你在任何地方碰巧听到的某首歌,还可以显示歌词,并让歌词和歌曲同步滚动。

把快乐加入移动应用里已经变得越来越重要了,因为应用市场的竞争已经越来越激烈了只把某个任务做好已经不足以创建-个畅销应用,你必须把它做得超乎寻常的好。快乐就像是用户体验设计里的额外加分项目。

让你的应用为用户带来快乐是一个很好的目标。只是别把注意力都集中在这上面,而忘了让应用有用就好。

11移动应用需要可学习

例如新app,新手势需要学习。

12应用也需要可记忆

下次使用app的时候,还能记得如何使用它,或者一些相关的知识。

13移动设备上的可用性测试

与之前一样。除了后勤工作。

14移动测试的后勤工作

测试环境相对复杂,因为应用环境相对复杂了。

15我的推荐

解决移动应用测试的后勤方法

●使用指向屏幕的摄像头而不是镜像技术。

●把摄像头连接到移动设备上,让用户能自然地拿着它。

●不要用摄像头指向测试参与者。

16概念验证:我的Brundleyfly摄像机

Rocketsurgerymadeeasy. Com

Brundleyfly 一词来自 Jeff Goldblum 在《变蝇人》中扮演的角色(Seth Brundle),用来描述他自己在用瞬移设备进行实验,不巧把他自己的基因和-只苍蝇的基因结合在一起之后的状态。

17最后

新技术带来新的交互方式,可用性仍然是基础。

第 11 章可用性是基本礼貌

为什么你的网站应该让人尊敬

好感存储器

就好像感情是有限的,用户对产品的好感可以想象成一个容器,会随着受到恶劣对待而逐渐消耗完。

离开后的副作用是,不使用产品,抨击公司等等行为。

NPS(Net Promote Score)下降。

关于这样的好感储存器,有以下几点值得提一下。

●它因个人特质的不同而不同。一些人有着很高的好感值,而有些人的好感值比较低。- -些人天性就更爱猜疑,或者脾气不好;其他- -些人则天生有耐心,更容易得到信任,或者更乐观。关键是,你不能指望它的值会很高。

●它依情况而定。如果我非常赶时间,或者刚刚在另-个网站得到糟糕的体验,那么在进入你的网站时,我的好感程度已经很低了,哪怕我本来是一个好感程度较高的人。

●你可以重新填满它。即使你犯了一些错误,降低了我的好感,但你还可以通过做一些事让我觉得你在关心我的利益,从而重新提高我的好感度。

●有时候一个简单的错误就能清空它。例如,只是打开一个有大量字段注册表格,就足以让一些人的好感储存器立刻降低到 0。

降低好感的几种方式

隐藏我想要的信息

因为没有按照你们的方式行事而惩罚我

向我询问不必要的信息

敷衍我,欺骗我

给我设置障碍。

你的网站看上去不专业。

提高好感的几种方式

知道人们在你网站上想做什么,并让它们明白简易。(目标明确,表达简明)

告诉我想知道的。

尽量减少步骤

花点心思

知道我可能有哪些疑问,并且给予解答

  • 常见问题列表
  • 保持更新
  • 保持坦率

为我提供协助,例如打印页面

容易从错误中恢复。

如有不确定,记得道歉。

第 12 章可访问性和你

正当你觉得已经完成的时候,一只猫掉了下来,背上捆着涂了奶油的面包

开发人员和设计师们所听到的

开发人员和设计师所害怕的

真相就是,它可能确实会很复杂

现在能正确实施的四件事

改正让所有人感到混淆的可用性问题

简明

读一篇文章

幸运的是,有人已经帮你做了这项繁重的工作,Mary Theofanos 和 Janice (Ginny) Redish 观察了 16 位盲人用户如何使用屏幕阅读器在不同的网站完成许多任务,并在一篇名为 Guidelines for Accessible and Usable Web Sites: Observing Users Who Work with Screen Readers (网站可访问及可用指南:屏幕阅读器用户观察)的文章中报道了他们的观察。

发表在 ACM 的杂志“Interactions》上(2003 年 11-12 月刊)。Ginny 得到 ACM 的许可,允许个人使用这篇文章,地址是 htp: //redish.net/content/papers/interactians html.

屏幕阅读器用户用他们的耳朵扫描。

看一本书

●Sarah Horton 和 Whitney Quesenbery 合著的:《A Web for Everyone 十 Designing Accessible User Experiences. L(他们的方法:“Good UX equals good accessibility. Here’S how to do both.“好的用户体验等于好的可访问性,我们来告诉你怎样两全其美)。

●JimThatcher 等人著作的《Web Accessibility:Web Standards and Regulatory Compliance》(“Here are the laws,and regulations, and we’II help you understand how to meet them.“这些就是需要遵从的法律和法规,我们来帮助你理解怎样满足它们的要求)。

去摘够得着的果子

现在你已经准备好了,来实现大部分人认为的 Web 可访问性:在你的 HTML 代码中做一些具体的变更。

●为每张图片增加合适的 alt 文本。为屏幕阅读器应该忽略的图片增加空的 alt 属性(<alt="">),相反,为对那些不应该忽略的图片,加上富有帮助的描述性文字。

想学习如何书写良好的 alt 文本,并学习如何做到这个列表中的每-点,可登录 webaim. Org. WebAlM 的伙计们写了很多精彩的文章,这些文章覆盖了各项可访问性技术的方方面面。

●使用合适的标题。标准的 HTML 标题元素可以为那些使用屏幕阅读器的用户们传达很多有用的信息,告诉他们页面内容的逻辑结构,并帮助他们更容易地通过键盘 进行导航。对于页面标题或主要内容标题,用<h1》;主要的区块/栏目标题,用《h2》,子标题用《h3》,等等,诸如此类进行递减,然后用 CSS 重新定义各级标题的视觉表现形式。

●让你的表单配合屏幕阅读器。这在很大程度上分解为使用 HTML 的 label 元素把表单域和提示文本联系起来,以便人们知道他们应该输入的内容。

●在每页的最前面增加一个“跳转到主要内容“的链接。想象一下不得不花上 20 秒(甚至一-分钟、两分钟)来等待每个页面顶端的全局导航,然后才能看内容的情形,你就会知道这很重要。

●让所有的内容都可以通过键盘访问。记住,不是每个人都能使用鼠标。

●在文本和它们的背景之间设置明显的对比。例如,不要在深灰色的背景上使用浅灰色的文本。

●采用一份可访问性良好的模板。如果你在使用 WordPress,请先确定你所选的主题(Theme)已经进行了可访问性设计。

第 13 章指点迷津

让可用性在你身边成为现实

致谢我只能给你们这么一件糟糕的 T 恤

首先要清楚你的领地

首先,我们来回顾一下世界上可用性形势的一些变化。

早在 20 世纪 90 年代后期,大部分人用“可用性”(Usability)和“以用户为中心的设计”(User Centered Design, UCD)这两个术语来形容各种为用户进行的设计。同时,主要有两种“专业”致力于让网站更好用,它们是可用性确保网站设计能让人们成功地使用它们)和信息架构 k 保证网站内容的组织方式让人们能以他们需要的方式找到)。

现在你听得最多的术语是用户体验设计(User Experience Design, UXDL 或者用户体验(User Experience, UX)然后还有一些别的相关行业,例如交互设计界面设计、视觉设计内容管理,当然,也还有可用性和信息架构,,这些所有的行业,统统涵盖在用户体验这把大伞里。

以用户为中心的设计和用户体验设计之间的区别是它们的范围。UCD 的目标是设计正确的产品,保证它可用。而用户体验设计是在产品生命周期的每个阶段,都把用户的需要考虑进来,从他们在电视上看到产品广告,到在线购买和订单跟踪,甚至包括把产品退回当地的销售点。

好消息是,用户很重要,人们这方面的意识已经得到了大幅度加强。Steve Jobs 以及 Jonathan Ive)为用户体验营造了一个令人瞩目的商业典范,因此,和前两年相比,现在可用性更容易被人们所接受了。

坏消息就是,以前,可用性是用户友好设计(User Friendly Design)行业的标准职责,现在,这个行业有了很多想来分-杯羹的兄弟姐妹,每一个都宣称它们自己的工具才是最适合做这项工作的。最糟糕的消息是,很多人不明白这些相关行业的区别,也不明白它们各自独特的优点。

这就是你战斗的地方。因此当有人告诉你“我从事的是用户体验”或者“可用性已经很老土啦,现在叫用户体验啦”的时候,你只要优雅地微笑一下,问他们几个问题, 关于怎样了解用户,怎样测试看人们是否能使用他们建造的产品/网站/应用,他们怎 样带来改变,如果这些事情他们都不做,那么他们需要你的帮助。如果他们都做,那么,向他们学习。把自己叫做什么并不重要,重要的是,我们能带来的价值和我们拥一有的技能。

通常的建议

我经常听到下面两条建议,关于如何说服管理层为可用性工作提供支持(还有资金):

  • 演示 ROI(投资回报率)。

这个方法是这样的,你去收集数据,进行分析,来证明 -项可用性方面的改进导致了成本上的节约或者额外的收入例如“改变这个按钮的文字增加了 0.25%的销售额”)。这方面有一本很不错的书:《Cost-justifying Usability: An Update for the Internet Age》,由 Randolph Bias 和 Deborah Mayhew 编著

  • 用他们的语言说话。

这个方法的意思是,我们不要再谈论用户和给用户带来的好处,相反,我们去了解当前公司内部的难题,并陈述我们的方法可以有力地协助解决这些问题:我们开始谈论痛点(pain point)、触点(touch point)、KPl、CSI,或者(任何管理。上的热词,只要它们在公司内部开始流行。

如果可以做到,这两种方法都很好,都值得一试。不过证明ROI和成本/收益相关不 是一件简单的事,除非条件非常严格,不然总是会有一些人跳出来说这些增加的价值是由别的因素带来的。还有,学习“商业”语言可能也是一种挑战,毕竟,那是人们去拿 MBA 学位的原因。

如果我是你

●让你的老板(以及他的老板)来观看可用性测试。我觉得效果最好的策略就是,让高管过来观察可用性测试(哪怕只来一次)。告诉他们你准备进行一些测试,如果他们能过来露个面,待几分钟,将会极大地鼓舞开发团队的士气。

●在你的个人时间进行第-次测试。当你第- 次进行测试时,没有必要去寻求许可;只要让它非常简单,不必正式,找几位志愿者参与,因此没有任何费用。

●对竞争对手进行测试。在第 9 章中,我曾经提到,对于任何项目来说,先对竞争对手进行测试是一个良好的起点。不过,这是一种很好的方式,来为你们的可用性工作寻求支持和帮助。任何人都想了解竞争对手,而且因为测试的不是你们自己的网站,不会涉及公司内部任何人的个人利益。这样的测试,可以变成一场绝佳的午餐活动。

●理解管理层。很多年以前,在一次 UXPA 周年会议上,我环顾四周,正在想:“这是一群多好的人啊!”然后我突然领悟到,他们当然都是很好的人。事实上,同理心对于可用性工作来说,是一项职业条件。而且,如果你对可用性工作感兴趣,那么很可能你也是一一个富有同理心,善解人意的人。我也建议你把这份同理心分一点给你的老板,不是“我怎样才能找出一些办法来激发他们,这样我可以让他们做一

些我想做的事”,而是尽量“理解他们的处境”,对他们进行真正的,情感上的关注。你可能会对这么做的效果感到吃惊。

●弄清楚自己在整个公司大局中的位置。从个人角度上说,处在你的位置,我觉得谦虚谨慎很重要,小心驶得万年船。在商业社会里,事实就是,每个人都只不过是一/ 个小小的齿轮,身处在一个大一些的齿轮组里。

你希望你对可用性的热情能感染周围的人,但如果你是抱着-种对普罗大众宣扬真理的态度一无论是在可用性,还是别的任何东西上,效果总是很难保证。你最主要的角色应该是分享你的知识,而不是去告诉别人应该怎么做.

在这方面,我也乐意推荐两本书,希望对大家有所帮助。

第一本是 Tomer Sharon 著作的《It' s our research: Getting Stakeholder Buy-In for User Experience Research Projects》。Tomer 是 Google 公司的一名用户体验研究员,我从来没听他说过任何不对、不简洁,或者不可行的话。

实际上,只要看到章节标题。上写着:“Become the Voice of Reason”(发出理性的声音)或者“Accept the Fact that it might not work and that’it's okay”(接受现实,就算没什么作用也没关系),那么这些书都显然值得一读。

Leah Buley 的《The User Experience Team of One: A Research and Design Survival Guide 分一书,是专门为那 些“公司里单打独斗的UCD实践者/有志于实践UCD 的人”或者“团队里唯一的用户体验人员”所写的。书中第 3 章和第 4 章提供了很多很好的建议和有用的资源。

抵制黑暗力量

可用性是一份为用户呐喊的工作。

不过,也有这么一种趋势(我是在五年以前刚刚开始意识到这一点的)有一些人在试图让可用性实践者们帮他们想办法操控用户,而不是服务于用户的需要。

当然,如果只是帮助影响用户,我倒是不在意这样的请求。

如果你想知道如何影响别人,建议阅读 Robert Cialdini 在这个领域的著作:《影响力》,它睿智而又卓有成效,也提供了很多经得起时间考验的好想法。

或者也可以阅读 Susan Weinschenk 的任意一本书,讲的是在人类的动机和决策行为方面,神经心理学研究能告诉我们的一些有用的知识。

我也不觉得帮助他们“说服”别人去做一些事情不好,只要不是用欺骗的方法。实际上,在可用性测试中采用的“说出心理活动”的方法,常常会让我们得到有价值的观察和了解,从而知道那些试图“说服”的努力是成功的还是失败的。

不过,不管什么时候听到有人在说利用可用性测试来确定某个东西是否是用户想要的,我都会变得很焦虑,因为这并不是可用性测试适合衡量的一个方面。你可能会在测试过程中感觉到测试参与者觉得某个地方是他“想要的”,但这只不过是一一种感觉而已。某个东西是否是“用户想要的”应该是一个市场研究方面的问题。最好通过市场研究的方法和工具来解答。

真正的问题是,人们常常不是希望我们帮助他们确定某些东西是否是“用户想要的“。或者甚至也不是帮助他们想办法怎样让他们的产品更加合乎用户期望。相反,他们只是希望可用性方法能告诉他们怎样才能让人们“觉得”产品是“用户想要的“,也就是说,试图操控用户。

有时候,这种操控相对温和,例如使用一个不太显眼的复选框,默认选中,来让用户自动订阅某个电子简报。

有时候,它会更加黑暗,试图让人们安装一一个不想要的浏览器工具条,并趁用户不注意的时候,改变他们默认的搜索和浏览器首页设置。我们都遇到过这种类型的欺骗。

当然,在最极端的情况下,它会越过界线,变成真正的黑帽行为,例如钓鱼、欺诈和盗取个人信息。

如果有人让你做这些事,你要提高警惕,这些并不是你的职责范围。

用户们还指望着你。

一些决定性的答案

●不要使用小而对比不强的字体。你可以用大而对比不强的字体,又或者,小而对比强烈的字体。但是你千万不要使用小而对比不强的字体(当然,也应该尽量避免前面这两种)。除非你是在设计你自己的设计包网站,而你也确定你根本就不在意别人能不能看到这些文字。

●不要把标签放到表单的字段里面。是的,这样做很有诱惑,尤其是在拥挤的手机屏幕上。但是千万不要这么做,除非能满足以下所有条件:这个表单超级简单;当开始输入的时候,标签会消失,而当你清空内容的时候,它又会重新出现;这些标签永远不会跟要输入的内容混淆起来;而且绝不可能出现这种情况:标签和输入内容加在一起(例如 Job TiAssistant Managertie)。而且你还非常确定它们是可访问的。

如果你不赞同这一点,那么请在给我发邮件之前搜一下这篇文章:Don' t Put Labels Inside Text Boxes(除非你就是 Luke W 本人),然后读完它。

●保留访问过的链接和未访问的链接之间的区别。 ●不要让标题漂浮在段落之间。标题应该靠近它们后面的正文而不是它们前面的文字

stevekrug. Com

Stevekrug@gmail.com.

还有,我并不是在反对打破规则一也不是要反对对它们进行改造。我知道有些网站希望自己的界面能让人们思考,让他们迷惑不解,或者挑战他们。只要确定你知道你在改造哪些规则,而且你至少认为你有充分的理由改造它们就行了。

0
《点石成金》的全部笔记 50篇
豆瓣
免费下载 iOS / Android 版客户端