确保用户知道预览将在面板下方生成

我正在为新用户在我们的 Discourse 站点上进行入职引导,并记录他们的互动方式以及他们在哪些环节遇到障碍。

我发现一个主要痛点:新用户很容易忽略帖子预览会生成在撰写窗口右侧,因为它完全被教育性/黄色面板遮挡了。


[图片描述:上述情况的截图。]

对于不熟悉 Markdown 的用户来说,像这样的内容:

![Screenshot of Google Chrome (10-13-20, 2-49-45 PM)|690x197](upload://3OvVqVJ86INccIlpsOKv6ZbE98a.png)

[Write How We Communicate FAQ](https://hub.youthpowercoalition.org/t/write-how-we-communicate-faq/451/2)

尤其是从其他文本中复制粘贴进来时,看起来非常奇怪,无法直观地联想到它们会生效,因为预览并未显示。我的一位新用户复制了内容后,立即开始删除像 * 这样的字符,例如在 *bolded text* 中。她从未点击 esc 键来关闭帮助文本,从而发现这些奇怪的字符实际上能生成她想要的帖子格式。

因此,从用户体验(UX)的角度来看,我认为应该有一些明显的提示表明预览正在生成,并且帮助文本是可以关闭的。目前的提示不够明显。

12 个赞

@tobiaseigen 下标记,因为我们在 Meta 之外开始了这次对话。

这是 Tobias 的初始回复:

我并没有意识到它不会自动消失,因为我总是立即点击 X 来关闭它。如果人们没有意识到它可以被关闭,并且没有关闭它,那么作曲功能确实会变得非常令人困惑且难以使用。如果您能将此反馈添加到 How to disable the yellow panels for first two posts?

你们有什么想法?

5 个赞

不如把它水平放置在编辑/预览窗格的上方,而不是覆盖在预览窗格上?

5 个赞

或许给面板背景加一点透明度?
另外,我建议在面板左侧也放一个(另一个?)“Esc x”按钮,因为右侧那个(通常的位置)离“眼睛操作”太远了 :grin:

1 个赞

这是一篇关于潜在解决方案的精彩文章!

https://medium.com/tap-to-dismiss/tap-to-dismiss-fbc66bdf500a

能不能改成从底部弹出的模态框形式?


[图片描述:来自文章的一张截图,展示了上述描述的内容]

对此我有些疑虑,因为我认为很多地方都将 x 放在右上角。我希望能让 xesc 快捷键的颜色深得多,并且让 x 与我习惯看到的圆形图标中的 x 保持一致。请参见上面的文章。

2 个赞

我喜欢它从底部浮现出来的这个想法。

3 个赞

我不确定这个问题的严重程度,因为:

  • 在 UI 元素的传统右上角区域,有一个非常清晰的关闭按钮和“esc”提示文字;
  • 无论如何,它仅出现在您的前两条帖子(以及如果您创建主题时的前两个主题)中。

你说得对,从客观上讲这确实不算什么大事。但我可以作证,在某些极少数情况下,对于完全没有任何 UI 使用经验的用户来说,任何一点小障碍都可能成为他们真正开始写作路上的巨大拦路虎。我们大家都喜爱的 Discourse 那种微妙的界面设计,反而可能被他们视为令人畏惧的存在。我知道我的情况属于极端特例,但我曾不得不说服一些用户直接从纸笔过渡到 Discourse,中间没有任何过渡阶段!所以是的,这个面板确实带来了一点(微小的)摩擦。

我认为两部分组成的编辑器本身就是一个相对较难理解的概念,而这个面板让第一印象变得有些模糊(尽管它只是短暂地隐藏了右侧部分,我同意这一点)。

哦,关于这一点……我一直在想,作为一个管理员,在发布了数百篇帖子和创建了数百个主题之后,我仍然看到这个面板,这一直让我觉得奇怪,不过它倒也没怎么困扰过我……
但我刚刚查了一下,摘要显示我创建了 -313 条消息!天哪……负数计数?

我观察到新用户常常忽略这一点。

新用户是最容易感到困惑的人群。

2 个赞

你还假设这些用户永远不会发帖超过两次。这在你们的社区中通常是这样吗?

我们目前是一个小团队,正在重新设计我们的论坛,因此正在进行一对一的入职引导和用户测试,所以我并不担心我们当前的用户。

不过,我认为你低估了“摩擦”对新用户的影响有多大,尤其是对于那些仅通过论坛存在的社区。Markdown 对许多人来说可能看起来非常吓人。我虽然精通技术,但仍 heavily 依赖预览窗格来确认自己走在正确的轨道上。那些被吓到而从未发布过内容的人,自然也就不会出现在“发布超过两次”的用户统计中了。

我改变主意了。如果将“x”和“Esc”键移到左侧能改善用户体验,那绝对值得尝试。而且,我最近也注意到,比我预想的更多网站已经将它们放在了左侧。

3 个赞

您还可以选择完全关闭此消息;这样新用户将仅看到预览。我相信通过现有的 Discourse 站点设置,今天就可以实现这一点。

2 个赞

我想试一试,看看结果如何。你能告诉我正确的设置在哪里吗?我没能弄清楚它具体在哪个位置。

1 个赞

我想是“教育直到发帖”

4 个赞

谢谢。我已将该设置更改为 0,并将观察后续情况。

3 个赞

如果不起作用请告诉我们,因为我认为这是最简单的解决方案。

1 个赞

完全可以确认这个问题。我刚才花了五分钟搜索答案,通过谷歌搜索找到了这个帖子。

关闭面板的方式相当清楚。但问题不在于用户想关闭面板却不知道怎么关,而在于用户不知道隐藏在后面的有趣内容,所以根本没想去关闭它。然后,他们就会被没有预览的 markdown 语法编辑搞得不知所措。

我认为这对于不熟悉 markdown 编辑器的用户来说是一个潜在的障碍,而用户界面的可学性在最初的几个帖子中最为重要。

4 个赞

我们可以为用户首次使用编辑器时提供一个“即时”教育面板。但这就是这个面板的意义所在……这里已经有“即时”教育了,用于在用户开始输入他们的第一个回复时教育他们如何文明参与:

内容如下:

欢迎来到 {sitename} —— 感谢您的贡献!

  • 您的回复是否能为对话带来一些改进?
  • 请善待您的社区成员。
  • 欢迎建设性批评,但请批评 想法,而不是人。

更多信息请参阅我们的社区准则。此面板仅在您发布前 2 篇帖子时显示。

这是…… 非常、非常重要的建议。这是我们提供的一些最关键的建议。现在,如果您在初始设置过程中选择了“跳过新用户内容”,则应跳过此建议面板——此设置已于 2020 年底在 Discourse 2.6 中引入:

它也可以作为用户偏好设置。

话虽如此,我觉得像我现在这样输入文字,通常不需要太多(甚至不需要?)格式设置,而且如今人们普遍习惯在互联网上往框里输入文字,这已经 30 多年了。

(事实上,大多数帖子中的主要“格式设置”是添加图片,这是普通人每天在手机和设备上都会做的事情;我假设世界上绝大多数人都知道如何通过点击工具栏或编辑器中的“添加图片”按钮来做到这一点。)

2 个赞

嗯,我刚从一个新实施的 Discourse 站点过来,它取代了两个旧站点。我们还在调整它,我遇到的第一件事就是找不到预览。我的意思是,每个发布文本的合理站点都有某种预览,我一直在疯狂地寻找一个按钮来显示它。我敢说我是一名经验丰富的论坛用户,但花了很长时间才想到关闭黄色和随后的蓝色(相似主题)面板。

我们经常有用户粘贴大段代码或格式错误的 URL。预览是必需的,尤其是对于首次使用的用户。请将此视为用户反馈,而不仅仅是一些晦涩的想法。

一个(我认为)简单的修复方法是将欢迎面板的宽度缩小到其宽度的 2/3,以使下面的预览窗格可见。这样,用户就会清楚关闭面板实际上会产生某种效果。

5 个赞