Sto guidando l’onboarding di nuovi utenti sul nostro sito Discourse e sto prendendo nota di come interagiscono e dove si bloccano.
Ho notato un grosso problema: i nuovi utenti non si accorgono facilmente che viene generato un anteprima del loro post a destra della finestra di composizione, perché è completamente coperta dal pannello educativo/giallo.
[Descrizione dell’immagine: Screenshot della situazione descritta sopra.]
Per chi è nuovo del markdown, qualcosa come 
o
[Write How We Communicate FAQ](https://hub.youthpowercoalition.org/t/write-how-we-communicate-faq/451/2)
soprattutto se incollato da un altro testo, sembra davvero strano e non è intuitivo pensare che funzionerà, perché l’anteprima non viene mostrata. La mia nuova utente ha incollato qualcosa e ha subito iniziato a cancellare cose come * in *testo in grassetto*. Non ha mai premuto esc per chiudere il testo di aiuto e scoprire che quei caratteri strani producevano effettivamente il post che voleva.
Quindi, dal punto di vista dell’UX, penso che dovrebbe esserci qualcosa che renda ovvio che un’anteprima viene generata e che il testo di aiuto è eliminabile. Al momento non è abbastanza evidente.
Taggo @tobiaseigen perché abbiamo iniziato questa conversazione al di fuori di Meta.
Questa è stata la risposta iniziale di Tobias:
Non avevo capito che non scompaia da solo, perché lo chiudo immediatamente usando la X. Se le persone non si rendono conto che può essere chiuso e non lo fanno, allora la funzionalità del compositore risulterà davvero confusa e difficile da usare. Se poteste aggiungere una risposta a How to disable the yellow panels for first two posts? con questo feedback, possiamo lavorare per migliorarlo. Un’idea che ho è aggiungere un pulsante di chiusura al popup e impedire la digitazione finché non viene selezionato? O chiuderlo automaticamente dopo un po’ di tempo?
Forse un po’ di trasparenza per lo sfondo del pannello?
Inoltre, posizionerei un altro pulsante Esc x sul lato sinistro del pannello; quello sul lato destro, nella posizione abituale, è davvero lontano dall’“azione dell’occhio”
[Descrizione dell’immagine: Screenshot dall’articolo che mostra quanto descritto sopra]
Mi chiedo questo perché penso che ci siano molti casi in cui le x sono poste nell’angolo in alto a destra. Ciò che vorrei è che la x e la scorciatoia esc avessero un colore molto più scuro e che la x corrispondesse all’icona della x cerchiata a cui mi sono abituato. Vedi l’articolo sopra.
Hai ragione, oggettivamente non è una grande questione, ma posso testimoniare che in alcuni casi rari in cui gli utenti non sono abituati a… nessuna interfaccia utente, tutto diventa un ostacolo insormontabile prima di riuscire a scrivere qualcosa. La stessa sottigliezza di Discourse che tutti noi amiamo può essere percepita come intimidatoria. So che il mio caso è marginale, ma ho dovuto convincere alcuni dei miei utenti a passare direttamente da carta e penna a Discourse senza passare per la partenza! Quindi sì, il pannello rappresentava un (piccolo) attrito.
Credo che un compositore in due parti sia un concetto abbastanza difficile (relativamente, naturalmente) da comprendere; il pannello “offusca” un po’ la prima impressione (nascondendo solo la parte destra, per un breve periodo, sono d’accordo).
Ah sì, riguardo a questo Ho sempre pensato fosse strano che io, come amministratore, veda ancora questo pannello dopo centinaia di post e argomenti, ma non mi ha mai dato molto fastidio…
ma ho appena controllato e il riepilogo dice che ho creato -313 messaggi! Un conteggio negativo?
Al momento siamo un piccolo team e stiamo ridisegnando il nostro forum, ecco perché stiamo facendo onboarding 1:1 e test con gli utenti, quindi non mi preoccupano i nostri utenti attuali.
Penso però che tu stia sottovalutando quanto l’attrito sia un problema importante per i nuovi utenti, specialmente per le community che esistono solo tramite un forum. Il Markdown può sembrare molto intimidatorio per alcune persone. Sono molto esperto di tecnologia eppure faccio ancora molto affidamento sul pannello di anteprima per sapere di essere sulla strada giusta. Le persone che vengono spaventate e non pubblicano mai, beh, ovviamente non appariranno tra gli utenti che pubblicano più di due volte.
Ho cambiato idea. Penso che valga sicuramente la pena provare se spostare la x e il tasto Esc a sinistra cambia le cose per gli utenti. Inoltre, ho notato che è posizionato a sinistra su molti più siti web di quanto mi aspettassi.
Un’altra cosa che puoi fare è disattivare completamente questo messaggio; in tal modo, i nuovi utenti vedranno solo l’anteprima. Credo che oggi sia possibile farlo tramite le impostazioni esistenti del sito Discourse.
È 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.