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

鉴于面板中存在一些白色(黄色)空间,为什么不添加一行告诉用户关闭该框以查看预览窗格?这将提供额外的提示,促使用户按 ESC 或关闭按钮 (X)。也许可以写成“关闭此面板以查看预览窗格。”

3 个赞

作为 Rust 论坛的用户,我遇到了这个问题。那个 Discourse 实例(术语错误?)有一个蓝色的“您的主题与…相似”框,其样式与这个黄色的“欢迎”框相似,但它并没有完全覆盖底部的一半区域。关闭它之后,黄色的框看起来不一样,让我以为它会把文本输入区域推到一边(使其变窄),所以我一开始没有关闭它。我从未想过我正在寻找的格式化预览会完美地显示在黄色框的下方。

另一个解决这个问题的想法是:在内容中添加一句类似“点击右上角的按钮隐藏此面板,即可查看帖子的格式化预览。”的话。我猜想这可以根据实例进行自定义,但将这句话添加到默认模板中可能会导致大多数实例都显示它。

2 个赞

是的,请。

我将尝试这个技巧!

您不是普通用户。您正在构建这个产品,并且拥有多年导航技术的经验。我们正在观察实际发生的情况。

2 个赞

我很想看看替代的视觉模型,它们能留下足够的视觉提示,表明后面隐藏着预览。(也许只是稍微缩小窗口或稍微限制高度)

在主题组件中 100% 可行。

2 个赞

我也是这么想的,预览部分高度/宽度的 80-90%,底部右侧对齐,但关闭 X 在左上角,这样眼睛就可以同时聚焦在面板下方的线条和 X 上。

1 个赞

我倒是认为,至少自 2010 年以来,Facebook 用户一直在使用该网站,并且已经有十年的经验来导航“如何在网页框中输入文字”。例如,最初的 Apple Mac 手册描述了如何使用鼠标,但我认为如今的计算机不再包含关于鼠标或触摸板如何工作的任何说明。

至于该主题的其余部分,这些新的用户教育面板仅在您发布的前两篇文章中出现(并且只有在您没有选择退出新用户入门流程的情况下才会出现),并且面板上确实写着这一点。

“X”旁边还有一个“esc”字样,表示您可以关闭教育提示。

image

因此,到您发布第三篇文章时,教育面板将不会出现,但是,“您的主题与…相似”将出现(在创建新主题时),但仅在输入足够的内容以匹配相似性后才会出现

我的建议是,如果您担心您的用户会遇到此问题,请通过站点设置降低教育面板的显示级别,和/或使用 CSS 隐藏它们。

1 个赞

像这样吗?

为此,我削减了5%的宽度。不过我的CSS很业余,所以这可能不是一个真正的解决方案。 :slight_smile:

.composer-popup {
    width: calc(45% - 16px);
}
5 个赞