- Krug 可用性第一定律： 设计者应该尽量做到，当我看一个页面时，它应该是不言而喻、一目了然、自我解释的。
- 去除问号： 页面上每项内容都有可能迫使用户停下来进行不必要的思考，例如：
- 链接和按钮的命名：使用清晰、简洁的语言，避免使用专业术语或营销术语。
- 页面布局：确保页面结构清晰，信息层次分明，方便用户扫描和阅读。
- 导航：提供清晰、一致的导航，帮助用户找到他们想要的内容。
- 不言而喻 vs. 自我解释： 如果无法做到让每个页面不言而喻，那么至少应该让它自我解释，例如：
- 使用图标和图片来辅助说明。
- 提供简单的说明或提示。
- 扫描为主，阅读为辅： 用户倾向于扫描页面，而不是仔细阅读。
- 满意策略： 用户不会寻找最佳选择，而是选择第一个过得去的选项。
- 勉强应付： 用户通常不会深入了解产品的使用原理，而是会通过猜测或经验来进行操作。
- 利用习惯用法： 遵循用户已经熟悉的设计模式，例如网站标志的位置、导航菜单的布局等。
- 建立有效的视觉层次： 通过字体大小、颜色、空白等视觉元素，突出重要信息，并组织信息层次。
- 划分明确定义的区域： 将页面划分为不同的区域，例如导航栏、内容区域、侧边栏等，方便用户快速定位信息。
- 标识可点击的地方： 使用明显的视觉元素，例如颜色、形状、下划线等，标识可点击的链接和按钮。
- 降低视觉噪声： 删除不必要的元素，例如广告、动画等，避免分散用户的注意力。
- 为文本设置格式，以便扫描： 使用标题、列表、缩进等格式，让文本更易于扫描。
- 满意策略： 用户不会寻找最佳选择，而是选择第一个过得去的选项。这是因为：
- 时间压力： 用户通常处于忙碌状态，没有时间进行深入的比较和分析。
- 风险厌恶： 用户担心选择错误会产生负面后果，因此更倾向于选择一个风险较低的选项。
- 认知负担： 比较多个选项需要付出额外的认知努力，用户往往不愿意这样做。
- 明确的选择： 提供清晰、明确的选项，并突出每个选项的特点，可以帮助用户做出更满意的选择。
- 帮助和提示： 提供简单的帮助和提示，例如工具提示、说明文本等，可以帮助用户理解每个选项的含义，并做出更明智的选择。
- Krug 可用性第三定律： 去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。
- 欢迎词和指示说明： 这些内容通常不会被用户阅读，应该尽量减少。
- 不必要的文字： 许多网页上的文字都属于“不必要的文字”，例如：
- 欢迎词：通常只是重复网站信息，没有实际作用。
- 指示说明：用户不会仔细阅读指示说明，应该通过设计来让界面不言而喻。
- 简化文本： 使用简洁、清晰的语言，避免使用专业术语或冗长的句子。
- 突出关键词： 使用加粗、斜体等格式突出关键词，方便用户快速找到重要信息。
- 导航的重要性： 导航是网站的核心组成部分，它帮助用户找到他们想要的内容，并了解网站的结构。
- 导航的用途： 导航有以下几个主要用途：
- 找到内容： 帮助用户快速找到他们想要的信息。
- 了解位置： 告诉用户他们目前在网站的哪个位置。
- 了解网站结构： 告诉用户网站的内容是如何组织的。
- 建立信任： 清晰的导航系统可以提升用户对网站的信任感。
- Web 导航习惯用法：
- 站点 ID： 网站的标志或名称，通常位于页面的顶部。
- 栏目： 主导航菜单，提供访问网站主要部分的链接。
- 实用工具： 提供帮助、搜索、联系方式等功能的链接。
- 搜索框： 用于搜索网站内容的输入框。
- 页面名称： 每个页面都需要一个名称，它应该出现在页面的顶部，并与点击的链接保持一致。
- “你在这里”指示器： 标识用户当前所在的页面或栏目。
- 面包屑导航： 展示用户从主页到当前位置的路径，方便用户回到上一级页面或主页。
- 标签： 用于大型网站导航，可以提供更清晰的层次结构。
- 后备厢测试： 一个简单的测试，用于评估导航系统的清晰度和易用性。
- 主页设计： 主页是用户进入网站的第一个页面，需要传达网站的整体形象，并引导用户进入网站的其他部分。
- 主页的重要性： 主页是用户进入网站的第一个页面，它对用户的初始印象至关重要。
- 主页的目标： 主页需要达到以下几个目标：
- 传达网站信息： 告诉用户网站是做什么的，以及网站可以提供哪些服务。
- 吸引用户： 使用引人注目的设计和内容，吸引用户的注意力。
- 引导用户： 引导用户进入网站的其他部分，例如内容页面、功能页面等。
- 主页的元素：
- 站点 ID： 网站的标志或名称，通常位于页面的顶部。
- 栏目： 主导航菜单，提供访问网站主要部分的链接。
- 实用工具： 提供帮助、搜索、联系方式等功能的链接。
- 搜索框： 用于搜索网站内容的输入框。
- 口号： 简要描述网站的目标或使命。
- “了解更多”按钮： 链接到网站的详细介绍页面。
- 内容推介： 突出展示最新、最好、最流行的内容片段。
- 功能推介： 引导用户探索网站的其他功能。
- 适时更新的内容： 例如新闻、博客文章等。
- 交换链接： 与其他网站进行交换链接。
- 快捷方式： 提供访问网站常用功能的快捷链接。
- 注册/登录： 提供注册和登录的链接。
- 主页设计原则：
- 简洁明了： 避免在主页上放置过多内容，保持页面简洁。
- 突出重点： 使用视觉元素突出主页的重点内容。
- 易于导航： 提供清晰的导航，帮助用户找到他们想要的内容。
- 建立信任： 使用专业的设计和内容，建立用户对网站的信任感。
- 后备厢测试： 一个简单的测试，用于评估主页的清晰度和易用性。
- 可用性测试的目的： 可用性测试的目的是发现产品中存在的可用性问题，并找到解决问题的方法。
- 可用性测试的类型：
- 专家评估： 由可用性专家对产品进行评估，发现潜在的问题。
- 用户测试： 让真实用户使用产品，观察他们的行为，并收集反馈。
- 用户测试的重要性：
- 发现真实问题： 专家评估可以发现一些潜在问题，但用户测试可以发现真实用户在使用过程中遇到的问题。
- 理解用户需求： 通过观察用户的行为，可以更好地理解用户的需求，并设计出更符合用户需求的产品。
- 进行有效的用户测试：
- 选择合适的用户： 选择具有代表性的用户，能够反映目标用户群体的特点。
- 设计合适的任务： 设计与用户目标相关的任务，让用户在完成任务的过程中体验产品。
- 观察用户行为： 观察用户在完成任务过程中的行为，记录用户的操作步骤、表情、语言等，并进行分析。
- 收集用户反馈： 收集用户对产品的意见和建议，了解用户对产品的看法。
- 一天 10 美分的可用性测试： 作者提倡进行简单的可用性测试，例如让家人或朋友使用产品，并观察他们的行为，收集反馈。
- 影响可用性的因素：
- 用户经验： 用户的经验会影响他们对产品的使用。
- 文化背景： 不同文化背景的用户对产品的期望不同。
- 设备类型： 不同的设备类型会影响产品的使用方式。
- 移动设备的特点：
- 屏幕尺寸小： 有限的屏幕空间需要更加精简的设计。
- 触摸操作： 用户通过触摸进行操作，需要考虑触摸操作的便捷性。
- 网络连接不稳定： 移动网络连接可能不稳定，需要设计能够处理网络中断的解决方案。
- 移动设备上的可用性问题：
- 字体太小： 用户难以阅读小字体，需要提供可缩放的字体大小。
- 链接不明显： 用户难以识别哪些地方可以点击，需要使用清晰的视觉元素表示可点击区域。
- 导航困难： 移动设备的屏幕尺寸较小，需要设计更加简洁的导航系统。
- 加载速度慢： 移动网络连接可能较慢，需要优化网站和应用的性能。
- 移动设备上的可用性解决方案：
- 响应式设计： 设计能够适应不同屏幕尺寸的网站和应用。
- 手势操作： 使用手势操作代替鼠标操作，提高操作的便捷性。
- 简洁的导航： 使用简单的导航结构，并提供明显的导航指示。
- 性能优化： 优化网站和应用的性能，提高加载速度。
- 移动设备的趋势：
- 设备多样化： 不同的移动设备具有不同的特点，需要针对不同的设备进行设计。
- 多任务处理： 用户在移动设备上进行多任务处理，需要设计能够适应多任务处理的界面。
- 个性化： 用户希望获得个性化的体验，需要设计能够根据用户需求进行定制的产品。
- 可用性的定义： 可用性是指产品能够被用户理解和使用，并且能够有效地完成任务。
- 可用性原则：
- 别让我思考： 设计者应该尽量做到，当我看一个页面时，它应该是不言而喻、一目了然、自我解释的。
- 扫描，满意即可，勉强应付： 用户通常不会仔细阅读网页，而是会快速扫描并寻找能够满足他们需求的链接。
- 为扫描设计，不为阅读设计： 设计者应该为用户的扫描行为设计，让页面内容易于扫描和理解。
- 动物，植物，无机物： 用户喜欢无须思考的选择，设计者应该提供清晰、明确的选项。
- 省略多余的文字： 不要在 Web 上写太多文字，让页面内容简洁明了。
- 设计导航： 设计清晰、一致、易于理解的导航系统，帮助用户找到他们想要的内容。
- 网页设计中的大爆炸理论： 访客对网站的第一印象非常重要，主页需要清晰、简洁地传达网站信息。
- 可用性是基本礼仪： 设计者应该尊重用户的时间和注意力，为他们提供易于使用的产品。
- 可访问性： 可用性是可访问性的子集，可访问性是指产品能够被所有人使用，包括残障人士。
- 让可用性在你身边成为现实： 设计者应该积极参与可用性测试，并根据测试结果改进产品。
- 可用性是基本礼仪： 设计者应该尊重用户的时间和注意力，为他们提供易于使用的产品。这就像尊重他人的时间一样，是基本的礼仪。
- 可用性带来的好处：
- 提升用户体验： 可用性良好的产品可以提升用户的满意度，并让用户更愿意使用该产品。
- 增加用户粘性： 可用性良好的产品可以吸引用户，并让他们更愿意重复使用该产品。
- 降低用户流失率： 可用性良好的产品可以减少用户流失，并提高用户留存率。
- 提升品牌形象： 可用性良好的产品可以提升品牌形象，并让用户对品牌产生更好的印象。
- 设计者需要做的：
- 学习可用性原则： 设计者应该学习一些基本的可用性原则，并将其应用于产品设计中。
- 进行可用性测试： 设计者应该进行可用性测试，以发现产品中存在的问题，并找到解决问题的方法。
- 与用户沟通： 设计者应该与用户沟通，了解用户的需求和期望，并根据用户反馈改进产品。
- 可用性是一个持续的过程： 可用性是一个持续的过程，设计者需要不断地学习和改进，以适应用户的需求和技术的变化。
- 可访问性的定义： 可访问性是指产品能够被所有人使用，包括残障人士。
- 可访问性的重要性：
- 法律要求： 在一些国家和地区，网站和应用需要遵守可访问性标准。
- 社会责任： 设计可访问性的产品可以帮助更多用户使用产品，这是企业的社会责任。
- 商业价值： 可访问性良好的产品可以吸引更多用户，并提高产品的竞争力。
- 可访问性原则：
- 使用标准的标记： 使用标准的标记来表示不同的元素，例如链接、按钮、图像等。
- 提供足够的对比度： 确保文本和背景之间的对比度足够，以便用户能够轻松地阅读文本。
- 提供足够的尺寸： 确保文本和图像的尺寸足够，以便用户能够轻松地查看和操作。
- 提供键盘导航： 确保用户可以通过键盘导航产品，以便那些无法使用鼠标的用户也能使用产品。
- 提供屏幕阅读器支持： 确保产品能够被屏幕阅读器读取，以便视障用户能够使用产品。
- 可访问性工具：
- 可访问性检查工具： 使用可访问性检查工具来检测产品中存在的可访问性问题。
- 屏幕阅读器： 使用屏幕阅读器来测试产品的可访问性。
- 可访问性是可用性的子集： 可用性是指产品能够被用户理解和使用，而可访问性是指产品能够被所有人使用，包括残障人士。因此，设计可用性良好的
- 品通常也意味着设计可访问性良好的产品。
- 学习可用性原则： 设计者应该学习一些基本的可用性原则，并将其应用于产品设计中。
- 进行可用性测试： 设计者应该进行可用性测试，以发现产品中存在的问题，并找到解决问题的方法。
- 与用户沟通： 设计者应该与用户沟通，了解用户的需求和期望，并根据用户反馈改进产品。
- 持续改进： 可用性是一个持续的过程，设计者需要不断地学习和改进，以适应用户的需求和技术的变化。
- 可用性工具：
- 可访问性检查工具： 使用可访问性检查工具来检测产品中存在的可访问性问题。
- 屏幕阅读器： 使用屏幕阅读器来测试产品的可访问性。
- 社区资源： 可以参考社区资源，例如可用性博客、论坛和书籍，以获取更多关于可用性的信息。