I’ve been onboarding new users onto our Discourse site and taking note of how they are interacting and where they get tripped up.
One big pain point I noticed was that new users easily miss that a preview of their post is being generated to the right of the compose window because it’s completely covered up by the educational / yellow panel.
[Image Description: Screenshot of situation decribed above.]
For people new to markdown, something like
![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)
especially when copied in from a different text, looks really odd and not intuitively like it would work because the preview isn’t showing. My new user copied something in and then immediately started editing out things like the
*bolded text* . She never clicked
esc in order to dismiss the help text and then discover that the odd characters actually resulted in the post that she wanted.
So, from a UX perspective, I think there should be something that makes it obvious that a preview IS being generated and the help text is dismissable. It’s not obvious enough right now.