UX 设计清单 – 用户体验可访问性审核清单

网站的可靠性通常仅根据其外观来判断。 美学一词非常不精确，受个人喜好和趋势的影响，这意味着整个用户体验更加重要。 这一切都是为了通过良好的用户体验设计进入访问者的脑海。 它期待他们的一举一动，并设计一个易于使用、直观且有趣的网站。

不幸的是，对于好的 UX 设计，没有简单的解决方案或灵丹妙药。 这是一系列细微调整的结果。 每一个都有助于在您的网站上提供更好的用户体验。 下次启动 UX 项目时，请记住此清单。 它将帮助您与您的业务目标保持一致，了解您的用户，并避免代价高昂的错误。

在为新网站设计 UX 时，您需要牢记哪些首要事项？ 当谈到用户体验设计时，有许多不同的因素在起作用。 但是，其中一些最重要的是功能、页面内容和简单性。

如果您正在从事网站设计项目，请务必使用此 UX 清单来指导您的工作。 通过覆盖用户体验方面的所有基础，您可以创建一个易于使用并为访问者提供良好体验的网站。 请记住，我们的目标始终是将您的用户放在首位。 如果你这样做了，你就可以很好地设计一个成功的网站。

01.重复的动作或频繁的活动感觉不费力

您是否知道重复的操作，例如用相同的信息填写不同的表格，实际上可能是一项艰巨的任务，无助于用户更快地实现他或她的目标？ 这意味着当用户尝试与您的内容互动并在网站上填写表格时，您会经常询问相同的问题，从而让他们感到沮丧。 如果用户意识到您需要很长时间才能满足他/她的要求，那么就有机会从页面返回。 这样的事情让他们可以快速搜索其他可以更快地帮助他们的类似企业。

填补这一空白的最佳方法是分析用户在所有服务和产品页面上的行为。 您可以借助 Google Analytics 工具来分析用户行为。 使用此工具，您可以了解重要的报告指标，例如页面停留时间、参与率、跟踪事件、转换等，以查找任何地方都存在的重复操作。 为避免这种情况，您可以向他们提供他们在网站上注册帐户时已经输入的自动填充数据。 例如，如果用户已经在您的网站上拥有一个帐户，并且现在他/她想在您的网站上进行新的购买，那么您不需要询问您已经询问过的信息。

02.错误很容易被用户恢复

当用户错误地或不正确地采取行动并且没有得到预期的结果时，他们通常会感到沮丧、内疚或两者兼而有之。 如果您想保持用户的信心和满意度，重要的是让他们感觉能够回到原来的位置而不需要重新开始。 这就是为什么在设计您的网站以应对可能反复发生的错误时很重要的原因，例如在对话框中选择错误的选项，您允许人们重试他们的操作。

有一些方法可以切实地防止这些错误中的许多。 您可以通过错误消息显示。 错误消息的措辞应该清楚，以便它们提供有关在网站上工作时发生的事情的充分信息。 理想情况下，文本还应包括可能解决问题的步骤。 这样做是教育用户（当他们没有过错时）并引导他们在寻求支持之前自我纠正问题。

在进行可用性测试时，请确保创建用户最有可能执行任务的场景，以测试他们犯错时会发生什么。 例如，如果用户正在填写申请表，请为他们提供联系信息和信用卡号的字段。 为这些字段创建错误状态，以便用户可以看到从网站上的错误中恢复是多么容易。

03. 用户根据他们的专业水平得到充分的支持

确保产品的新手用户拥有流畅的学习体验非常重要。 但是，一旦他们已经熟悉了产品，就应该让位帮助他们的工具。 此外，请注意您的产品还有哪些其他新功能，并毫不犹豫地展示它们，以保持用户参与并渴望探索您的网站的更多内容。

在可用性方面，最重要的事情之一是确保根据用户的专业水平得到充分的支持。 例如，如果新手用户遇到问题，他们应该能够在您网站的常见问题解答页面或相关视频中找到答案。 此外，如果专家遇到您的界面问题，他们应该能够通过聊天或电子邮件与您联系。

04. 访问帮助不会阻碍用户进步

任何类型的客户都知道产品帮助部分的重要性。 允许某人在产品的任何部分寻求帮助可以持续进步。 话虽如此，在用户恢复进度之前不需要获得帮助——这只是他们可以采取的另一种选择。

寻求帮助最烦人的事情是它会打断用户的工作流程，通常是在他们正在处理某事时。 因此，当您为您的产品创建测试场景时，请确保它为用户提供了一个机会，让他们在点击“帮助！”之前回到他们正在做的事情。 按钮。

05.不超过三基色

创建一个以太多颜色脱颖而出的网站或品牌已经够难的了。 所以任何品牌的推荐数字都是 3。但这不是一个固定的数字，所以商务人士不必担心使用超过 3 个的风险。 色轮是关于多样性的，在规划设计时为您提供多种选择。 重要的是要记住，您网站上的组合越多，访问者就越难导航和理解您的页面的全部内容。

谈到颜色，理解其重要性的关键之一是它可以帮助我们处理信息。 这导致预期消息的清晰度提高。 那么如何使用已经创建的产品做到这一点呢？ 通过在您的产品或服务中包含一系列颜色，您可以让人们访问您的品牌及其附带的全部功能。

06. 单独的颜色不能用来传达层次、内容或功能

您可能认为拥有可访问的产品是一个加分项。 例如，您可能认为页面上的三种粗体颜色会使所有内容都脱颖而出。 但是，仅仅依靠颜色来传达层次结构、内容或功能意味着有视觉障碍的人（例如色盲）将无法使用您的产品，并且将被排除在外。 虽然这听起来可能不方便，但重要的是要了解残疾人如何以不同的方式看待世界——以及他们如何以不同的方式使用产品。 出于这个原因，在创建任何数字产品时牢记可访问性很重要。

07. 通过视觉层次结构将用户引导至所需的操作

视觉层次结构对于用户对您的产品的体验至关重要。 不了解用户在与您的网站或应用程序交互时所看的内容，可能会影响他们的体验并偏离您想要的操作顺序。 通过注意视觉层次来正确引导用户交互是理解人们应该如何与您的页面交互的重要部分。

为了更好地理解产品内部的流程是如何工作的，您需要首先了解视觉层次结构。 用户依靠产品的层次结构和线索来知道该做什么和去哪里。 确保为用户设置明确的提示，并正确引导他们，以便他们轻松完成任务。

08. 视觉层次上的项目是最重要的

借助视觉层次结构，用户可以根据当前需求快速扫描信息并确定内容的优先级。 视觉层次结构最顶端的项目必须对公司最重要并且与用户最相关。

截取您的数字输出，然后使用大约 5px 的高斯模糊半径对其进行模糊处理。 当您查看最终产品时，您会立即注意到层次结构以及哪些部分脱颖而出。 这些对公司和用户来说是最重要的吗？

09.主要和次要行为在视觉上是不同的

确保人们能够轻松地与您的产品交互的关键是使您的主要操作在视觉上与您的次要操作区分开来。 这样，用户就不会对每个操作的作用感到困惑，并且在与您的产品交互时出错的可能性也会降低。 例如，“提交”和“取消”必须明确区分。

有很多方法可以为您的用户创造良好的体验，但最重要的事情之一是了解他们的需求并将其提供给他们——或者至少为他们提供一种执行预期任务的好方法。 这是进行可用性测试时必须做的事情。

10.没有抽象的交互特征

谈到数字产品，我们过去对其他产品的体验有很多期望。 我们过去的经验告诉我们按钮应该是什么样子以及它们应该如何工作，但也告诉我们交互元素可以感觉抽象并且需要压力或力量元素才能激活它们。 这就是为什么让用户能够与您的数字产品进行交互非常重要的原因，这样无论您是谁，无论您身在何处，无论您使用什么设备，您都可以找到您想要的结果。

在某些情况下，寻找不使用常见模式的区域可能是一个很好的起点。 在查看您的产品或网站时，寻找看起来不像链接的链接。

11. 表格提交明显确认

应检查您的所有产品的输入可以完成的地方，并在此过程中包含一些重要项目。 首先，您应该有一个确认窗口，以确保用户在输入结束时感到满意。 这有助于防止他们意外擦除他们在输入过程中所做的任何更改。 其次，在您的产品最终输入之后，您应该触发一个确认屏幕，询问用户是否成功完成了他们的第一个操作。 这很有帮助，因为它可能会被用户难倒，并有助于清楚地了解在整个过程中发生在他们身上的事情。

对于您的网站，表单提交是您业务的重要组成部分。 用户输入所有必要信息后，您的工作就是检查数据是否输入正确。 确保您在表单提交按钮和确认页面或消息上具有事件跟踪以了解用户在哪里面临错误以及您需要做什么才能成功完成用户操作，这一点很重要。

12.警报信息一致

警报消息旨在为用户提供他们需要注意的即时消息。 当您有一致的警报消息时，这意味着用户将始终了解立即值得关注的内容并能够采取相应的行动。 如果我们要为每个警报使用相同的视觉风格但不同的名称，那么每次出现新警报时用户都必须做更多的脑力劳动。

创建警报时，使用相同的配色方案并将它们放置在同一区域。 这将允许人们轻松识别他们正在查看的警报内容，而不是视觉混乱。

13.导航一致

如果您正在创建产品或服务，请考虑您的用户将如何浏览它以及哪些障碍可能会阻止他们完成目标。 可导航的设计带来了效率和易用性的完美平衡，让您的用户在使用产品时感到舒适。 一致性是关键：确保您的导航在整个网站或应用程序中保持一致。

用户来到网站寻找东西，然后因为找不到它而离开。 或者他们无法理解如何浏览您的网站。 在整个过程中始终掌握网站导航非常重要。 确保每个链接都是可点击的，并且没有死角或断开的链接。

14.还有改进的余地

作为设计师，我们一直在思考如何提升用户体验。 但有时，随着品牌的发展和新功能/内容的出现，保持界面设计新鲜变得具有挑战性。 您如何改造您当前的设计以支持更多类别/主题而不破坏它？ 具有增长空间的设计意味着主要的设计和开发工作可以轻松地跨界面扩展。

当你创造一个新产品时，考虑未来是很重要的。 什么内容会随着时间的推移而增长？ 视频会成为您营销策略的重要组成部分吗？ 有很多方法可以让人们谈论您的产品或服务。 最好的办法是询问所有利益相关者他们认为未来会发生什么，以及这可能如何影响产品的发展。

15. 使用的不同字体系列不超过两种

一些设计师为了简单而坚持使用两个字体系列的一个原因是用户更容易识别文档中的层次结构。 例如，如果您有 Arial 和 Helvetica，用户可以通过阅读他们的字体轻松分辨出谁的文本。 此外，当您选择的设计中有两种以上的字体时，不同的文本样式之间存在混淆的风险。 如果没有文本样式的区别，您的字体层次结构将更难以破译，并且您的可用性将受到影响。

通常不建议使用两种以上的字体，因为很难平衡所产生的印刷层次结构。 出于可用性和视觉目的，坚持两个可以简化您的排版层次结构，从而提高理解力。 确保您的设计不会显得草率和难以阅读的一种方法是在每个设计中仅包含两种字体系列：一种衬线字体和一种无衬线字体。

16. 文本内容字体大小必须至少为 12px

同样，这不是一个硬性规定。 理论上，您可以在非常特殊的应用程序中使用较小的尺寸，但是在宽度低于 12 像素时可读性会大大降低。 检查所有材料以确保使用的字体大小至少为 12 像素。

17. 标签、标题和首字母缩写词都应该小写

众所周知，限制大写单词的使用使其更容易掌握——它在视觉上不那么沉重，更容易吸收。 它应该只用于强调或在非常特殊的情况下，例如首字母缩略词。 进行彻底的内容审查并确保大写术语仅限于标题、标签和首字母缩略词。

18.内容和控件使用不同的字体样式分开

什么是内容，什么是控件——即用户可能与之交互的内容——必须被识别。 大小、颜色、定位、字体和其他因素都可以作为指示。 使用多种字体样式或系列可确保用户不会感到困惑，并且可以快速识别可以与之交互的内容。 列出产品中的所有控件，并确保它们从其他内容中脱颖而出。 在进行可用性测试时要注意。

19.字体大小和粗细区分内容类型

它对可读性和理解性有显着影响。 在标题、副标题和段落之间明确区分有助于防止在吸收信息时精神超负荷。 它还具有美学优势，因为它看起来和感觉更好。

如何进行测试：在分析产品中的文本时，确保标题、副标题和段落都有不同的字体大小和粗细。

20. 接近度和对齐是需要考虑的两个最重要的因素

用户倾向于将功能或上下文相似的项目组合在一起。 导航栏就是一个很好的例子。 遵循此模式并对相关元素进行分组可确保用户立即理解您的界面。 测试 寻找在功能上具有可比性的项目并查看它们是否被分组（如果可能）。

21. 对于多步骤操作，进度指示器很有用

特别是对于多步骤程序，用户可能会不知所措或质疑完成需要多长时间。 进度指示器可以帮助他定位自己，但它也可以培养成功感并最大限度地降低辍学率。 检查产品中的所有流程，其中有几个步骤可以完成任务，并确保通过指示器指示进度。

22. 前景项目（如内容和控件）在背景中突出

对于有视力障碍的人来说很重要。 它还有助于用户的理解和学习曲线。 清晰的分隔有助于导航，这将注意力吸引到按钮并提高整体可用性。 为您的产品截取屏幕截图，并使用高斯模糊将其模糊到 3 到 5 像素的半径。 当你看成品时，你能确定前面是什么，背景是什么吗？

23. 使买家角色与读者角色保持一致

并非所有客户都会阅读您的材料，也并非所有读者都会购买。 然而，在你考虑用户体验之前，你应该对你的买家和读者角色有一个很好的了解。 这些对理想客户的虚构、概括描述将帮助您创建更有用的内容。 当您的买家和读者资料保持一致时，将创建更加量身定制的用户体验。

为您的读者提供多种格式、行业和垂直领域供您选择会大有帮助。 了解他们的专业领域或工作职能也可能是有益的。

24.确保旅程从各个角度都有意义

良好的用户流将帮助您的用户到达他们想去的地方。 您希望他们与您预约吗？ 你想买东西吗？ 你想得到你的电子书吗？

不是每个人都会从头开始，也不是每个人都会有相同的目标。 确保您的用户从头到尾都有一条清晰的路径。

25.传达易于识别的品牌信息

用外语交流很困难。 更难的是找到能够反映您的品牌个性并且在所有媒体中保持一致的语言。 在开始之前，您的文案应该起草一套明确的品牌规则。 确保您和您的设计师始终将指南副本放在您面前，以确保一致性。 您的作家以及您的客户将不胜感激。

26.检查所有设备的可用性

市场上有各种各样的设备，每种设备都有自己的屏幕尺寸、分辨率和其他特性。 相同的产品在每个产品上看起来都可能非常不同。 请务必记住，用户不会只看到您在屏幕上看到的内容。 他们可能会注意到一些你甚至不知道存在的东西。 所以不要仅仅依靠你的屏幕进行可用性测试。 在尽可能多的不同设备上测试您的产品，以避免遗漏潜在问题。

27.找到你的速度最佳点

网站的加载时间是构建网站时要考虑的越来越重要的指标，因为它会影响用户体验和转化率。 在您节省托管或 CDN 费用之前，请记住，如果加载时间超过三秒，40% 的人会放弃网站。 将网站加载时间从 8 秒减少到 2 秒可以将转化率提高 74%

除了对您的底线产生影响外，缓慢的加载时间也会损害您的 SEO，因为 Google 在搜索结果中排名更快的网站更高。 排名靠前的网站的平均页面加载时间约为 1.5 秒。

28. 让 UX KPI 为您的业务目标服务

关键绩效指标应包含在每个项目 (KPI) 中。 这些与久经考验的转化率有何区别？ 它们使您能够更深入地研究问题以找到解决方案。 例如，KPI 可能是用户点击所需的时间。 这种情况持续的时间越长，障碍就越明显，例如加载时间或内容长度。

29. 从用户那里获得反馈

您的客户将决定您的产品的成败，因此让他们满意并保持满意很重要。 让他们满意的关键是提供一流的客户服务。 这不仅仅是修复错误或退款，而是了解您的客户及其需求，以便您可以为他们提供更好的体验。

如果您从事构建软件的业务，那么您的客户服务团队是确保成功的最重要因素之一。 以下是确保他们正确完成工作的方法：

确保他们知道自己在做什么：确保您的客户支持团队知道如何处理与可用性、用户体验和其他技术问题相关的问题。 客户服务应该能够识别您的应用程序或网站何时出现问题，并就如何解决问题提供反馈。

调整团队：确保销售人员得到认可，并建立一种方法，让客户服务代表可以及时报告可用性问题。 调整您的团队，让他们知道您希望他们为改进您的产品做出贡献。

建立反馈循环：您的客户服务团队是解决用户体验问题的关键。

30. 你是谁，你是做什么的？

您的下一个主要任务将是立即通知您的访客。 你叫什么名字？ 那么，你具体是做什么的呢？ 你能给他们什么样的价值？ 这被称为价值主张，它是如此重要，以至于它保证了它自己的博客文章。 您只有几秒钟的时间来说服您的访客，所以要充分利用它！

精心设计的价值主张清楚地说明了是什么让您与众不同并与您所在行业的其他公司区分开来。 它还描述了客户从与您合作中获得的切实利益。

31. 确保访客可以与您取得联系

消除访问者可能有的任何担忧或焦虑是用户体验设计的重要组成部分。 新访问者最常见的问题之一是他们是否应该信任您——尤其是如果您的网站是全新的。

向他们展示幕后有一个真实的人是减轻他们恐惧的一种方法。 包括有效的实际地址、电话号码和电子邮件地址。 （不是联系表格——人们比电子邮件地址更容易不信任他们。）

使用实时聊天框允许用户立即提问。

32. 更好的是，留下面包屑，让他们知道他们在哪里

除了为他们提供快速重启之外，使用“面包屑”来澄清他们在流程中的位置。 这是大型进度条派上用场的地方。 例如，如果您正处于结帐过程的中间，请让您的用户知道他们在哪里以及他们接下来需要做什么。

这又是简单的心理学。 例如，当你不知道自己会在哪里结束时，去散步会更加疲惫。 当我们有一张地图时，我们会感到很自在。 相同的概念可以在互联网上使用。

33. 使用层次结构向用户展示下一步要去哪里

希望您应该牢记一个明确定义的“用户旅程”。 假设您有一个网站，您可以在其中教授在线课程。 以下是一个简单的用户旅程示例：

> 阅读最新博客 > 注册电子邮件列表并下载免费报告，然后再注册您的付费在线课程。

如果您有清晰的旅程，您可以设计一个视觉层次结构将用户发送到您想要的地方。 你要确保你的博客是人们在这种情况下看到的第一件事。 然后，您将开始在电子邮件中包含大量指向您的邮件列表的链接。

34. 将相关项目组合在一起

这是为电子商务网站设计的，但它可以在任何网站上使用。 相似和可比较的对象应该放在一起。 这意味着您的访客和客户将获得更加个性化的体验，就好像您已经预料到他们的需求一样。

实物产品，比如亚马逊的‘more like this’选择，就可以这样使用。 使用相关的内容区域，您可以完成与博客文章和文章类似的事情。

它可以让用户在您的网站上停留更长时间，降低跳出率，并为他们提供更加个性化的体验。

35. 保持一切一致

您最不想看到的就是访问者在点击链接后认为他们已经导航到了不同的网站。

无论您在网站的哪个位置，请确保您的导航栏保持在同一位置。 确保您的徽标始终可见并且配色方案一致。 虽然使用“标志性”颜色很诱人，但最好始终坚持品牌的一种或两种主要颜色，而不是到处使用它们。

如果您有代表您的业务的图像，请确保始终一致地使用它。

36. 设计眼睛扫描的布局

我们阅读书籍的方式与阅读网站的方式不同。 当我们阅读一本书时，我们通常从左上角开始向下浏览页面——我们查看每一个单词并看到每一行文本。 但是当我们翻阅在线杂志或滚动浏览网页时，我们的眼睛会四处乱转。 我们扫描任何对我们来说突出的东西。

我们大部分时间都以 F 模式阅读网站，但众所周知，大图片和号召性用语首先会吸引我们的注意力。

所以当你设计你的网站时，问问自己：你希望人们首先注意到什么？ 其次，他们应该注意什么？ 因为如果您没有计划，您的访问者将根据自己的判断来决定他们想看什么。

37. 通过推荐和社会证明建立信任

您网站的大多数访问者到达时都会保持警惕。 他们天生对新网站保持警惕，还没有准备好向您购买。 正如我之前所说，减少这些障碍并使客户在您的网站上感到轻松自在是用户体验设计的重要组成部分。 如果您使用一些放置得当的推荐和事实，人们会感到更自在。 我们希望看到其他人（最好是重要的名字）已经使用并批准了您的商品或服务。

38. 限制大写锁定文本

事实上，还有比这更重要的原因。 大写文本的读取速度比小写文本慢。 因此，扫描和阅读更具挑战性（这就是我们通常阅读互联网的方式）。

大写锁定仅应在您确实需要发表声明时使用。 这可能是当您生气并想大喊大叫时，或者当您对某事感到兴奋并想强调它时。 在这两种情况下，它都会帮助你避免看起来像个傻瓜，因为它会减慢你有效沟通的能力。

这里的关键点是大写字母不会提高可读性，但会减慢阅读速度。 因此，除非您有充分的理由使用大写锁定（例如大喊大叫），否则请完全避免使用它，因为它很烦人！

39. 找到一种快速与访客产生共鸣的方法

用户体验的目标是通过模拟人类交互来与您的用户建立联系。 您的访客的目标和梦想是什么？ 同理心是其中的重要组成部分。 是什么让他们回到了这一点？

立即让他们知道您了解他们的情况。 您可以通过使用与他们相关的图片或总结他们主要关注点的陈述来做到这一点。

您的访问者会想，“这个网站了解我！” 这是一个很棒的用户体验。

40. 使用 UX/UI 设计工具测试用户体验

您可能想要使用 UX/UI 设计工具的原因有很多，这个列表只是一些主要原因的快照。 无论您是在寻找改善网站用户体验的方法，还是为软件应用程序创建更好的用户界面，这些工具都可以帮助您完成工作。 因此，无论您是作为一名设计师开始还是已经是一名经验丰富的专业人士，请务必查看这些工具，看看它们如何使您的工作受益。

VOCSO 如何提供帮助？

公司通过一致、直观的用户体验与用户联系的重要性。 Every time you interact with an app or website, you're entrusting your personal data to it – and that means these organizations need to be held accountable for the way they collect and use this information. Customers are now aware of what companies are doing in their name, and if companies want to succeed in a competitive industry like digital marketing, they must create experiences that are both seamless and personalized.

As a business owner, you know that good customer experience is key to success. That's why it's so important to find a UX design company that can help you craft an effective user interface for your website or app. Not only will this make your customers happy, but studies have shown that user interfaces with well-designed elements can result in increased revenue and lower costs associated with customer support. If you're looking for a company that can help you create a high-quality user experience, VOCSO is the top name to work with!

We're a leading web design agency that understands your website is not only a representation of your business but also an extension of yourself and your team. We work tirelessly to ensure that every detail on your website is accounted for, from the layout and design to the functionality and SEO. Whether you are starting from scratch or need a refreshment after years of stagnation, our team can help turn your vision into reality. Check out our UX/UI design projects or contact us today to get started!

结论

Overall, following these UX design checklist items will help ensure your next website project is successful. By taking the time to consider each item on the list, you can create a user-friendly website that meets the needs of your target audience. Do you have any other tips for ensuring a successful website project? 在下面的评论中与我们分享！