Assicurati che gli utenti sappiano che una preview viene generata sotto il pannello

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

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.

12 Mi Piace

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?

Quali sono le vostre idee?

5 Mi Piace

Che ne dici di posizionarlo orizzontalmente sopra i pannelli di modifica/anteprima invece che sopra il pannello di anteprima?

5 Mi Piace

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” :grin:

1 Mi Piace

Ecco un ottimo articolo sulle potenziali soluzioni!

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

Potrebbe essere più un modale che appare dal basso?


[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.

2 Mi Piace

Mi piace l’idea che emerga dal basso.

3 Mi Piace

Non sono sicuro di quanto sia significativo questo problema, perché

  • c’è un pulsante di chiusura molto chiaro e il testo “esc” nell’area in alto a destra tradizionale dell’elemento dell’interfaccia utente

  • in ogni caso, appare solo per i tuoi primi due post (e per i primi due argomenti, se stai creando argomenti)

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 :thinking: 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! :anguished: Un conteggio negativo?

Ho visto che i nuovi utenti lo mancano più spesso di quanto non lo colgano.

I nuovi utenti sono le persone che saranno più confuse.

2 Mi Piace

Stai anche dando per scontato che questi utenti non pubblicheranno mai più di due volte. È questo il caso tipico nella tua community?

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.

3 Mi Piace

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.

2 Mi Piace

Proverò a farlo e vedrò cosa succede. Potresti indicarmi l’impostazione corretta? Non sono riuscito a capire esattamente dove si trovi.

1 Mi Piace

Credo che sia ‘educa finché i post’

4 Mi Piace

Grazie. Ho impostato quella opzione a 0 e vedrò come vanno le cose.

3 Mi Piace

Fatecelo sapere se non funziona, dato che penso sia la soluzione più semplice.

1 Mi Piace

Posso confermare decisamente il problema. Ho appena passato 5 minuti a cercare una risposta e ho trovato questo argomento cercando su Google.

È 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.

4 Mi Piace

È 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:

Ecco cosa dice:

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:

È disponibile anche come preferenza utente.

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.)

2 Mi Piace

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.

5 Mi Piace