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 
or
[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 * in *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.
Tagging in @tobiaseigen because we started this conversation outside of Meta.
This was Tobias’s initial response
I did not realize that it does not go away by itself because I always immediately use the X to close it. If people do not realize it can be closed and don’t close it, then indeed the composer functionality is going to be super confusing and hard to use. If you could add a reply to How to disable the yellow panels for first two posts? with this feedback, we can work on improving it. One thought I have is to have a close button on the popup, and to disallow typing until it is selected? Or to close it automatically after a little while?
Maybe a little transparency for the panel background?
I would also place (another?) Esc x button on the left side of the panel, the one on the right side, usual location, is really far from the “eye action”
[Image Description: Screenshot from article that shows what I described above]
I wonder about this because I think there are a lot of places that put x’s on the upper right side. What I’d like is for the x and the esc shortcut to be a much darker color and for the x to match that x in a circle icon that I’ve come to expect. See the article above.
Well you’re right, it’s objectively not a big deal, but I can testify that in some rare case where users are really not used to… any ui at all, everything is a mountain on the road to actually write something. The very subtlety of discourse that we all love can be perceived as frightening. I know my case is fringe but I had to convince some of my users to go from pen and paper directly to discourse without passing go! So yes, the panel was a (small) friction.
I think a two parts composer is a concept difficult (relatively of course) enough to apprehended, the panel “murks” a little bit the first impression (by hiding only the part on the right, for a short time, I agree).
Oh yes about that I’ve always thought it was weird that I still see this panel, as an admin, after hundreds of posts and topics, but it never bothered me that much…
but I’ve just checked, the summary says I’ve created -313 messages ! A negative count ?
We’re a small team at the moment and currently redesigning our forum, hence the 1:1 onboarding/user tests, so I’m not worried about our current users.
I think you’re underestimating how big a deal friction is for new users, though, especially for communities that exist only via a forum. Markdown can look very intimidating to people. I’m super tech savvy and I still rely heavily on the preview pane to know that I’m on the right track. People who are scared away from ever posting, well, of course they wouldn’t show up as users who post more than twice.
I changed my mind. I think it’s definitely worth trying if moving the x and esc to the left changes things for users. And, I’ve since noticed it on the left side for a lot more websites than I anticipated.
The other thing you could do is turn this message off entirely; then new users would only see the preview. I believe that’s possible today via existing Discourse site settings.
È ragionevolmente chiaro come chiudere il pannello. Ma il problema non è che l’utente stia cercando di chiudere il pannello e non riesca a capire come. Invece, l’utente non vede alcun motivo per chiuderlo perché non sa che c’è qualcosa di interessante nascosto dietro. Quindi si sente sopraffatto dall’editing della sintassi markdown senza anteprima,
Penso che questo sia un potenziale ostacolo per gli utenti che non hanno familiarità con gli editor markdown, e i primi post sono esattamente quando la facilità di apprendimento dell’interfaccia utente è più importante.
È possibile che potremmo fare un pannello educativo “just in time” la prima volta che l’utente vede l’editor. Ma poi, questo è il punto di questo pannello… c’è già un’educazione “just in time” in corso qui, per educare le persone ad essere civili quando partecipano mentre iniziano a scrivere la loro prima risposta:
Benvenuto in {sitename} – grazie per il tuo contributo!
La tua risposta migliora in qualche modo la conversazione?
Sii gentile con i tuoi compagni membri della community.
Le critiche costruttive sono benvenute, ma critica le idee, non le persone
Per saperne di più, consulta le nostre linee guida della community. Questo pannello apparirà solo per i tuoi primi 2 post.
Questo è… un consiglio molto, molto importante. Alcuni dei consigli più critici che forniamo. Ora, questo pannello di consigli dovrebbe essere saltato se indichi “Salta le cose per i nuovi utenti” durante l’onboarding iniziale, così – questa impostazione è stata introdotta in Discourse 2.6 alla fine del 2020:
Detto questo, non ritengo che scrivere parole, come sto facendo qui, richieda tipicamente molta (o alcuna?) formattazione, e le persone sono generalmente a proprio agio nello scrivere parole in caselle su Internet in questi giorni, dopo 30 anni.
(Infatti, la principale “formattazione” nella maggior parte dei post sono l’aggiunta di immagini, che è qualcosa che le persone comuni fanno sui loro telefoni e dispositivi ogni giorno; presumerei che la stragrande maggioranza del mondo capisca come farlo, premendo il pulsante “aggiungi immagine” nella barra degli strumenti o nell’editor.)
Bene, sono appena arrivato da un sito Discourse appena implementato che sta sostituendo due siti legacy. Lo stiamo ancora ottimizzando e una delle prime cose che mi è capitata è stata la mancanza di un’anteprima. Voglio dire, ogni sito sensato per la pubblicazione di testo ha una qualche forma di anteprima e stavo cercando freneticamente un pulsante per rivelarla. Oso dire che sono un utente esperto di forum, ma mi ci sono voluti minuti per avere l’idea di chiudere i pannelli giallo e successivamente blu (argomenti simili).
Spesso abbiamo utenti che incollano lunghi blocchi di codice o URL malformattati. Un’anteprima è necessaria già ora e soprattutto per gli utenti alle prime armi. Si prega di trattare questo come feedback dell’utente e non solo come un’idea astrusa.
Una correzione (credo) facile è semplicemente ridurre il pannello di benvenuto a 2/3 della sua larghezza per rendere visibile il riquadro di anteprima sottostante. Quindi diventa chiaro che la chiusura del pannello otterrà effettivamente qualcosa.
I’ve always thought it was weird that I still see this panel, as an admin, after hundreds of posts and topics, but it never bothered me that much…
A negative count ?
