这篇文章是一个可用性测试的总结，作为一个联合合作设计贡献者和FSE外展计划参与者．首先，非常感谢所有作为设计师和参与者做出贡献的人。看了下面的每一个视频后，我真的被每个人如此认真地对待这一努力和每一次互动中存在的善意所打动，即使是在分享艰难的反馈或在经历中磕磕绊绊时。这是一个实验，它之所以成功是因为你们每个人的参与。

在深入研究视频本身之前，我想指出，我必须缩小许多(如果不是全部的话)视频，以便使它们正确地上传到Make Test。要获得最高质量的录音，你可以在谷歌Drive文件夹中查看这是为这一系列测试设置的。另外，我们的目的是在两个流程之间平等分配，但这并不总是为每个参与者所遵循。

最后，每个参与的人，无论是设计贡献者还是参与者，如果您还没有的话，将尽快在他们的配置文件中添加一个测试贡献者徽章!

• 感谢我们的设计推动者:@javiarce@critterverse@estelaris@ericcarco而且@colourpress．
• 感谢我们的参与者:@piermario@femkreations@contentiskey@samanthaxmunoz@mroehricht@arturgrabo@krupaly2k@oglekler@chzumbrunnen@beckej@hhoskinsMatthias Reinholz(正在获得用户名)。

整体外卖

高水平的总结

在每一次经历中，以下共同点非常突出:

• 缺乏对List View的了解，甚至对于那些使用它的人来说，拖放项目也很困难。
• 希望在添加模式或尝试创建一个新的模板部件时，能够看到更多关于内容添加位置的可视化指示。这导致模式中重复放置模式，或模板部分中重复放置模板部分。
• 缺少关于模式的知识，包括发现它们的开始或找到它们的排序方式类别类别“类别”分类法允许您将具有共同纽带的帖子/内容分组在一起。类别是预先定义的，范围很广。．
• 使用导航非常困难块块块是一个抽象的术语，用来描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法将过去通过短代码、自定义HTML和嵌入发现实现的概念结合到一个统一的API和用户体验中。是在手机上创造不同的体验之类的更高级的东西，还是理解如何根据当前占位符状态向菜单中添加项目这样简单的东西。
• 在从零开始创建时替换模板部件很容易，但事实证明这很痛苦，即使人们进入了孤立的模板部件模式。这是由于构建简单布局的混乱、设置正确模板部分区域的细节、复制模板部分的影响以及在隔离模式下编辑模板部分的限制。
• 明确各种侧边栏的混淆，在哪里找到设置，什么会对站点产生全局影响(比如样式)等等。

错误

• 当复制导航或模板部件块时，不清楚为什么更改其中一个会更改另一个．
• 块工具栏回归-工具栏阻碍选定的块。
• 导航块:防止子菜单项合并．
• 当我们打开侧边栏设置或在较小的视口上使用时，导航工具栏在子菜单链接上重叠．

特性请求

• (新)在快速插入器中搜索“模式”时发现模式的能力。
• 更健壮的自动保存．
• 希望能够从网站编辑器内创建新的帖子/页面(没有直接的问题链接到这是更广泛的网站编辑工作的一部分)．
• 更清晰的字体大小标签。
• 一致的尺寸控制。
• 希望控制交互状态的样式．
• 更好地组织块转换包括模板部件。
• 模板编辑:在插入时将语义模式转换为模板部件．
• 使在聚焦模式下编辑模板部件属性成为可能．
• 固定位置页眉和页脚模板部件．
• 在隔离模式下显示模板部件颜色设置(关闭)。

模板部分测试

每个视频下面列出的水平反映了自我报告的FSE舒适水平，1表示不完全熟悉，10表示专业。对于任何被列为N/A的，参与者没有被询问。

视频1

• 级:2 - 3
• 没有使用列表视图。
• 替换了模板部分，但无法从头创建一个新的。
• 导航障碍被认为是主要的疼痛。
• 回到整个模板列表，将模板部分应用到另一个模板，但感觉好像是错误的地方，尽管它是正确的位置(大约7分钟)。
• 无法完成将一个模板部件应用到另一个模板的最终任务。

“这和我以前使用的WordPress完全不同。我更习惯于通过仪表板而不是视觉编辑器进行操作，我想这就是为什么我不确定自己在做什么。否则，只要改变头头网站的标题通常是人们最先接触到的东西。位于页面顶部的报头或标题艺术是网站外观和感觉的一部分。它可以影响访问者对您的内容和您/您的组织的品牌的看法。它在不同的屏幕尺寸上看起来也可能不同。，绝对快捷无痛。当我了解了其他选项的作用后，我便能够轻松地按照自己的想法进行调整。”

视频2

• 级别:6或7。
• 没有使用列表视图。
• 在编辑器中创建要启动的模板部分。
• 在模板部分中的模板部分中创建模板部分，导致最终的模板部分在编辑器中被粉碎。
• 左转到模板部分聚焦模式，尝试添加导航，因为新模板部分的+按钮看起来与他习惯的(5:10-6:00)如此不同。
• 导航块占位符感觉不可用，而且不清楚如何最好地向其添加项目，因为+按钮与体验相去甚远。
• 他尝试使用“管理菜单”的思路，这将允许添加项目的方式进入死胡同。

视频3

• 级别:7或8
• 没有使用列表视图，除了导航块的列表视图。
• 转到模板部件> add new添加一个新的模板部件。
• 无法在独立模板部件模式下编辑背景或基本颜色。相反，他使用了样式，这改变了整个网站，而不仅仅是模板部分，他没有意识到它会这样做(大约6分钟)。这涉及到关闭问题．
• 隔离模板零件的方式更容易流流流是完成任务的屏幕和交互路径。这是一个经验向量。心流也是一种感觉。这是一种不自觉的状态。心流是当困难被消除，你可以自由地从事一项活动而不形成意图时发生的事情。你只管去做。

  从很多方面来说，流就是实际的用户体验。如果你愿意，你可以把流想象成一个非常全面的用户故事集。当你考虑用户流时，你在考虑用户将如何执行你的产品所允许的任务。流和上下文

  为了查看模板部件的边界，分配一个区域，等等，但在定制方面有巨大的限制。
• 希望能够创建一个粘性标题以及将所有新页面添加到导航块的方法。

“这有点令人困惑，你真正在改变什么，它在哪里起作用……这需要大量的理解。”我认为对于普通用户来说，这是非常困难的。”

视频4

• 水平:N / A
• 使用列表视图。
• 立即回到模板部件，创建一个新的模板部件，并注意到他通常使用代码创建模板部件。
• 首先，复制模板部分，这个问题涉及到什么．之后，他利用列表视图将组块转换为模板部件。
• 他发现《Twenty- 2222》标题中的标题难以导航。
• 他分享说，他使用了一种方法，添加了两个导航块:一个总是开着，一个总是关着。从那里开始，将手机一直开着，使用自定义CSSCSSCSS是级联样式表的缩写。它控制着网站的设计或外观和感觉。所以它只能在小屏幕上显示。
• 只有在添加通用模板部分时，新头模板部分才可用，而不是在Replace模式中。这是因为当他最初设置模板部分时(6:54)，他选择了general而不是header。他找不到办法为模板部分指定正确的区域(从“常规”更改为“标题”)在隔离模板部件模式中。

“在全站编辑器中，这是非常让我恼火的事情……将块移动到不同的组中……我发现很难达到正确的层次……它非常脆弱，很难达到正确的位置。”

“导航块对我来说真的很奇怪。如果我点击管理菜单，它是空的。没什么可做的。我真的不明白。”

视频5

• 水平:N / A
• 使用列表视图。
• 返回模板部件列表以创建新的模板部件并正确分配区域。
• 跑到这个问题在导航工具栏与添加链接的体验重叠的地方，几乎不可能弄清楚你在做什么。

“你打开的辅助工具越多(比如:侧边栏)，我认为有时候就会比较困难，特别是在完整的网站编辑中。所以也许你需要使用大屏幕，或者记得关闭一些边栏。”

“通过块导航(列表视图)，我通常可以发现我是否在容器中放入了不属于该容器的东西”。

视频6

• 水平:N / A
• 使用列表视图。
• 回到模板部分，然后编辑当前标头，而不是创建一个新的标头。
• 为了编辑每个链接，在导航中转换页面列表项是令人困惑的。
• 在删除时遇到了菜单项合并的情况之前有报道过并被注明为预期功能。
• 将模板部件添加到模板部件聚焦模式时，未创建模板部件，匹配当前打开的问题．理论上，这应该在模板部分中创建一个模板部分。

视频7

• 水平:8
• 使用列表视图。
• 用于替换模板部件。
• 在模板部分中使用group对他来说真的很奇怪。感觉它只是帮助控制布局，但感觉没有必要。
• 挣扎着把东西扔到一个盖块里面有一个行块。不清楚如何向行块添加其他内容。
• 发现它限制哪些块可以添加到导航块。希望超级菜单选项和基于屏幕大小显示内容的方法。
• 表达了在完全依赖主题定义和使用样式深入细节之间寻求一个中间地带的愿望。

“我经常在列表视图中遇到麻烦，无法将块精确地放到我想要的位置。”

从视频3点25分开始

“我自己不头球。只是因为我发现这完全令人沮丧，我依赖模板来制作所有与主题相关的标题，因为我发现无论花多少时间，我都无法足够地操作它。我不能让东西看起来比预先制作好的模板更好，所以我只做了一些小的变化从预先制作的模板…我就是不知道该怎么做。”

视频8

• 级别:1级或2级
• 没有使用列表视图。
• 主题块的图标感觉非常混乱，感觉不像他使用的其他软件。
• 使用replace来切换模板部分，但是，因为在Twenty- 22的头文件中有一个头文件，这有点令人困惑。
• 他想使用转换菜单访问不同的标题选项。注意到相关问题的反馈。
• 想要复制头在第一次有一个基础开始，这将运行到这个问题与重复的头．
• 最终，他进入了独立模板部件模式，在那里他发现斜杠插入器“非常技术化”。
• 在孤立模式下遇到了问题其中工具栏阻塞当前块。
• 很难理解他需要选择整个导航块，以他想要的方式定制它，因为他希望在单个导航链接中找到定制选项。
• 当被问及储蓄时，他表示他期望自动保存工作/正在发生．

“作为第一次使用这个界面的用户，我发现这非常困难。它并没有让我想起我所使用的其他应用程序的任何东西……只是对于新手来说并不容易……只是进入一个标题有点像学习曲线……我对自己的选择非常不确定。我不确定我做的是否正确。”

模式测试

每个视频下面列出的水平反映了自我报告的FSE舒适水平，1表示不完全熟悉，10表示专业。对于任何被列为N/A的，参与者没有被询问。

视频1

• 水平:6 - 7
• 没有使用列表视图。
• 当被要求添加带有列的模式时，只需添加列块本身。
• 她不知道你可以过滤器过滤器过滤器是hook的两种类型之一https://codex.www.kotonoha369.com/Plugin_API/Hooks．它们为函数提供了一种修改其他函数数据的方法。它们是action的对应项。与action不同的是，过滤器旨在以一种孤立的方式工作，并且不应该有副作用，例如影响全局变量和输出。并评论说，当看模式时，“它们并不明显是列”。
• 只使用来自Inserter的模式。
• 发现布局设置非常混乱px下拉框很小/很难看到。
• 希望能够从网站编辑器内创建一个新的帖子/页面，而不需要去帖子编辑器。

视频2

• 水平:8
• 使用列表视图。
• 反复感到视觉线索缺失，特别是当想要看到一个完整的模式而不是一个部分的时候。
• 没有使用拖放，因为它不清楚一个模式可能去哪里。
• 意外地在查询中添加了一个模式循环循环循环是WordPress用来显示文章的PHP代码。使用The Loop, WordPress处理要显示在当前页面上的每个帖子，并根据它与The Loop标记中指定的标准的匹配程度对其进行格式化。循环中的任何HTML或PHP代码都将在每篇文章中处理。https://codex.www.kotonoha369.com/The_Loop．使它出现在整个循环中，而不是在循环之外。
• 注意到字体大小标签与不同的数字感觉非常混乱。我们正在努力通过“t恤”尺寸改进这种体验．
• 需要一致的维度控件。

“我使用编辑器的主要问题是，在哪里可以添加块或模式方面，我并不总是能得到视觉提示。”

视频3

• 等级:6
• 直到提示才使用列表视图。
• 当被要求添加带有列的模式时，继续添加columns块而不是添加模式。后来，很明显，这是由于普遍缺乏对模式的认识。
• 通过搜索“模式”反复尝试在快速插入器中查找模式导致了这个新问题。
• 与会者指出，她已经尝试创建至少10个WordPress网站，经常在不同屏幕尺寸下让布局看起来正确的问题上挣扎。
• 在列表视图中，希望找到移动控件而不是依赖拖放，但不明白为什么它们没有。
• 浏览器/站点随机崩溃(不清楚原因)。
• 指出,她想要自动保存。

视频4

• 水平:N / A
• 使用列表视图，并注意到她“总是打开它”。
• 一旦模式被添加到网站编辑器中，它就很难重新定位到她想要它去的地方。
• 想要一个改变按钮悬停颜色的方法。
• 从Nick Diego关于模式的SLS中了解了模式。否则，你不知道它们的存在，也感觉不到任何东西能澄清它们的存在。

"必须使用+号，然后浏览所有内容这是我知道的获取模式的唯一方法超级麻烦"

视频5

• 等级:5
• 使用列表视图。
• 在添加模式时，拖放完全没有像预期的那样工作。试图将它放在一个查询循环中，模式以一种意想不到的方式结束在它下面。后来意识到这是一个查询循环，把模式放在下面是有意义的，但当时证明这是令人困惑的。
• 向模板添加了一个查询循环模式，并期望从用户的角度能够编辑文本。当他意识到这是一个他熟悉的查询循环时，这种体验就被打破了。
• 由于无法编辑查询循环内容而缺乏反馈是不和谐的。一直想编辑内容本身。
• 感觉块设置是非常隐藏的深度定制，当只看编辑器本身时，很难知道如何获得这些选项。
• 添加了另一个模式作为示例，该模式在另一个模式中结束。

“我想我可以把它放在这段文字的正上方……当我抓住它时，我看到了手的图标，所以我知道它是可以拖拽的。”我没有看到最清晰的-我没有看到一条线告诉我它会落在这里。我认为它行不通……它低于我的预期。”

“我仍然不能完全确定如果我去看前面的那一页会有什么。”

在测试的最后注明。

下一个步骤

展望未来，我将再次促进这种可用性测试体验，特别是因为这次我不得不拒绝一些人。

＃fse-usability-testing，＃fse-usabilty-summary，＃可用性测试