几天前,我在 Discourse meta 上尝试创建一个表格,但遇到了很多困难。由于我不确定生成器应该如何工作,而且我看到的东西并非我所期望的,所以我只是添加了默认表格并在此基础上进行了自定义。
现在我已经花了一些时间,并且弄清楚了我错过了什么,我想分享一些反馈。
我的第一次表格生成器体验
说实话,这个表格生成器比我预期的要先进得多——所以你们在这上面付出的努力真是太棒了。大多数允许使用表格的平台都会让生成器保持相当简单,只提供一种快速指示表格行数和列数的方法。这会创建一个你可以遵循的模式。话虽如此,我还没有找到很多使用 Markdown 的平台提供表格生成器。
我认为你们有一个实际的生成器,它提供了更接近所见即所得的体验,而不是依赖于人们更习惯(不可否认)不友好的 Markdown 体验,这很棒。我能够手动在 MD 中创建表格,但如果没有预览,几乎不可能查看它们。
不幸的是,我开始使用这个工具时,期望它只是告诉我“我想要一个包含五列十行的表格”……但结果并非如此——相反,我得到的是一个空白的大页面,上面有一个几乎是空的表格。我没有看到任何关于我应该做什么的即时可见信息,所以我有点迷茫。你们这里的东西与 Google Docs 插入/编辑表格的方式非常相似,但 UI 上没有太多提示用户。
我尝试做的第一件事是双击“Column 1”文本,因为我总是从这里开始处理表格——命名行/列。没用。我可以选择文本,但什么都无法删除它。由于我处于标准 Discourse 帖子创建器的纯文本模式下,我甚至没有想到右键单击。
我确实发现我可以向单个单元格添加文本,但在添加/删除行和列方面我仍然很迷茫,因为我仍然认为我所做的只是告诉一个简单的工具创建一个框架,然后我必须在标准编辑器中进行编辑。
由于我在创建 MD 表格时遇到的主要挫败感是记住如何设置前两行代码(标题和水平分隔线),所以我点击了“build table”按钮,然后直接进行了编辑。
今天我回来了,因为我实际上无法确定我遇到的麻烦是 bug、UI/UX 还是 PEBKAC(问题出在用户和键盘之间),我想报告一个 bug、推荐一个 UI 更改,或者弄清楚我为什么会错过如此明显的东西。
最终,我认为这可能是三者的结合。有几个小问题可以归类为 bug,几个 UI/UX 问题,而且,因为我没有打开或注意到右下角的“?”,至少有一部分是我自己的错。
UI/UX 改进想法
上面我提到了一些可以帮助提升这个已经很棒的工具的几个方面,让它的功能更容易被发现。我认为改进的主要方式是真正帮助用户理解如何使用生成器。
让说明更容易发现。
虽然你们在右下角确实有一个问号图标,但它离页面主内容太远了,很容易被忽略。如果帮助图标在页面上的其他位置,比如就在标题旁边,它会更显眼。你可以考虑在有人第一次使用生成器时弹出模态框,并提供从下次访问开始将其关闭的选项。或者,帮助菜单中实际上没有太多文字——考虑它是否应该隐藏起来——直接显示在表格的上方或下方。
使用可见且熟悉的 UI 元素来改进功能发现
你们已经有了下拉箭头来指示按特定列排序——可以多做一些这样的事情来让其他功能更容易找到,而不是将它们隐藏在右键菜单中。这也有助于使生成器更适合移动设备。
- 在标题单元格中显示编辑图标,使编辑文本更容易发现。
- 在表格边缘使用 + 图标来快速添加新行/列。
- 如果整个行/列被高亮显示,在行上方或列左侧显示一个垃圾桶图标,表示它们可以被删除。
我不是 UI/UX 人员,所以这里可能有更多标准选项,但我希望这个列表能给你们一些关于如何做的想法。我认为在 Google Docs 的表格生成器的工作方式和你现在拥有的之间找到正确的平衡点,将使该工具更直观,而无需帮助文本。
让它感觉像一个编辑器
虽然我知道 MD 表格在格式化选项方面限制很多,但页面确实缺少任何指示它是一个编辑器的东西。有一个允许你添加行、列以及可能格式的栏将提升这个工具,同时更多地提示用户它是什么以及他们能做什么。现在,我不知道如何在表格中添加文本装饰、链接、图片等。这些都是可能的,但在生成器中不行。
一些小 bug
- 编辑器中的第一列让我感到困惑。它让我觉得你可以有行标题,而这在 MD 中根本不可能。考虑调整它,使其更清楚这些不会出现在最终表格中。
- 完成的表格 MD 在第一列单元格的文本前面没有额外的空格。这似乎不会破坏表格,但我希望它是一致的。
- 考虑自动将完成的表格放在新的一行上。如果我在现有文本行上构建表格,它看起来会损坏。通过强制它在新的一行上,并在其上方留一个空行,表格将始终正常工作。
这是显示第二项和第三项的截图。
