读《点石成金》有感
推荐指数 ❤️❤️❤️❤️
豆瓣评分：8.2
基本的设计原则永远经典，哪怕世事变迁，沧海桑田。因为可用性是关于人，关于人们如何理解和使用产品的，它和技术没有关系。同时，尽管技术的发展日新月异，人本身的变化却非常缓慢。
人类大脑的容量不会马上发生变化，所以研究这些人类行为所得到的成果在很长时间内都不会失效。对于用户来说，20 年前他们遇到的困难现在同样如此。
指导原则
别让我思考
强迫我们思考的地方
- 命名，花里胡哨，模棱两可，生僻字。（ps. 需要显而易见的）
- 看起来不太明显的链接和按钮。
我们实际上是如何使用 Web 的
第一个事实：我们不是阅读，而是扫描。
- 我们一般会把注意力放在这样的文字和短语上：
- 与手头任务有关的。
- 我当前或接下来的个人兴趣。
- 我们脑海里一些根深蒂固像触发器那样的词，例如“免费”，“大减价”，“美女”，还有我们的名字。
第二个事实：我们不做最佳选择，而是满意即可。
- 为什么 Web 用户不寻找最佳选择呢？
- 我们总是处于忙碌中。
- 如果猜错了，也不会产生什么严重的后果。
- 对选择进行权衡并不会改善我们的机会。
- 猜测更有意思。
第三个事实：我们不是追根究底，而是勉强应付。
广告牌设计 101 法则
尽量利用习惯用法
- 如果能通过在某种程度上打破一致性而得到高度简洁清楚的效果，那么果断选择简洁。
建立有效的视觉层次
- 一个视觉层次清楚的页面有三个特点：
- 越重要的部分越突出。
- 逻辑上相关的部分也在视觉上相关。
- 逻辑上包含的部分在视觉上进行嵌套。
把页面划分成明确定义的区域。
明显标识可以点击的地方。
最小化干扰
- 三类视觉噪声
- 眼花缭乱。
- 组织不当。
- 太过密集。
为内容创建清楚的格式，以便扫描：
- 充分使用标题。（不要让你的标题“浮在空中”。确保它们更靠近由它们引导的内容，而不是之前的内容）
- 保持段落简短。
- 使用符号列表。
- 突出关键语句。
省略多余的文字
去掉没有人会看到的文字有几个好处：
- 降低页面的噪声。
- 让有用的内容更加突出。
- 让页面更简短，让用户在每个页面上一眼就能看见更多的内容，而不必滚动屏幕。
欢迎词必须消灭。
指示文字必须消灭。
设计导航
如果在网站上找不到方向，人们不会使用你的网站。
网站 ID，主导航条（最重要的元素，返回主页按钮或链接），实用工具（帮助使用网站，只放置 4~5 个工具），提供搜索，多级导航（最多两层）。
每个页面都需要一个名称，页面名称需要出现在合适的位置，名称要引人注目，名称要和点击的链接一致。
提示人们所在的位置。
使用面包屑最佳实践
- 把它们放在最顶层。
- 使用“>”对层级进行间隔。
- 加粗最后一个元素。
站点 ID，页面名称，栏目（主导航），页内导航，“你在这里”指示器，搜索。
主页
口号（Slogan：打出你的口号）
争辩人们喜欢什么，既浪费时间又消耗团队的精力，而测试通过将讨论对错和个人喜好转移到什么有效、什么无效上，更容易缓和争论，打破僵局。而且，测试会让我们看到用户的动机、理解、反应的差异，从而让我们不会坚持认为用户的想法和我们的想法一样。
前五个不进行网站可用性测试的错误理由
- 没有时间。
- 没有钱。
- 没有专业知识。
- 没有可用性实验室。
- 不知道该怎么解读测试结果。
进入移动时代
一切都是妥协。
管理屏幕空间的挑战不应该以牺牲可用性为代价。
可用性是基本礼貌
用户好感像存储罐，空了用户就会离开。
降低好感的几种方式
- 隐藏我想要的信息（例如客服号码，运费和价格。）
- 因为没有按照你们的行为方式而惩罚我。（例如，关于格式的填写。）
- 向我询问不必要的信息。（ps. 隐私很重要。）
- 敷衍我，欺骗我。
- 给我设置障碍。
- 你的网站看上去不专业。
增加好感的几种方式
- 知道人们在你网站上想做什么，并让它们明白简易。（ps. 与指导原则一一对应，不要让我思考。）
- 告诉我我想知道的。
- 尽量减少步骤。
- 花点心思。（ps. 真真了解用户需要什么，而不是往上堆积功能，让用户自己取选择。）
- 知道我可能有哪些疑问，并且给予解答。（ps. 所有网站都有有一份 FAQ）
- 常见问题列表非常有价值
- 它们是真正的常见问题列表，而不是伪装成 FAQ 的软推销。
- 保持更新。
- 保持坦率。
- 为我提供协助，例如打印友好页面。
- 容易从错误中恢复。
- 如有不确定，记得道歉。
可访问性
访问你网站产品的人是所有人（包括一些残疾人，应当为他们提供服务。）
提高 Web 可访问性：
- 为每张图片增加合适的 alt 文本。
- 使用合适的标题。
- 让你的表单配合屏幕阅读器。
- 在每页的最前面增加一个“跳转到主要内容”的链接。
- 让所有的内容都可以通过键盘访问。
- 在文本和它们的背景之间设置明显的对比。
- 采用一份可访问性良好的模板。
资源
工具
PageSpeed Insights：PageSpeed Insights (PSI) 会针对网页在移动设备和桌面设备上的用户体验生成报告，并就如何改进网页提出建议。