Ho provato a creare una tabella qui su Discourse meta un paio di giorni fa e ho avuto davvero difficoltà. Non essendo sicuro di come dovesse funzionare il builder e ciò che vedevo non era quello che mi aspettavo, ho semplicemente aggiunto la tabella predefinita e l’ho personalizzata da lì.
Ho pensato di condividere alcuni feedback ora che ho passato un po’ più di tempo e ho capito la maggior parte di ciò che mi mancava.
La mia prima esperienza con il table builder
Sarò onesto, il table builder è molto più avanzato di quanto mi aspettassi, quindi ottimo lavoro su quello che ci avete messo. La maggior parte delle piattaforme che consentono tabelle mantengono i builder abbastanza semplici e ti danno solo un modo rapido per indicare la quantità di righe e colonne che desideri nella tua tabella. Questo crea uno schema da seguire. Detto questo, non ho trovato molte piattaforme che usano Markdown che offrono table builder.
Penso che sia fantastico che abbiate un vero e proprio builder che offre un’esperienza più simile a un WYSIWYG piuttosto che fare affidamento sulle persone che si sentono più a loro agio con un’esperienza Markdown (ammettiamolo) poco amichevole. Sono in grado di creare tabelle in MD manualmente, ma cercare di rivederle è quasi impossibile senza un’anteprima.
Sfortunatamente, ho iniziato a usare lo strumento aspettandomi di dirgli semplicemente “Voglio una tabella con cinque colonne e dieci righe”… e non è quello che ho ottenuto - invece, ho ottenuto una grande pagina bianca con una tabella per lo più vuota. Non c’erano informazioni su cosa dovessi fare immediatamente visibili, quindi ero un po’ perso. Quello che avete qui è molto simile a come Google Docs inserisce/modifica tabelle, ma non c’è molto nell’interfaccia utente per segnalarlo all’utente.
La prima cosa che ho provato a fare è stata fare doppio clic sul testo “Colonna 1” poiché è sempre da lì che inizio con le tabelle - nominando righe/colonne. Niente da fare. Potevo selezionare il testo ma nulla lo rimuoveva. Poiché ero nella mentalità dello strumento di testo semplice del creatore di post standard di Discourse, non ho nemmeno pensato di fare clic con il pulsante destro del mouse.
Ho scoperto che potevo aggiungere testo alle singole celle, ma ero ancora perso quando si trattava di aggiungere/rimuovere righe e colonne perché ero ancora nella mentalità che tutto ciò che stavo facendo era dire a uno strumento semplice di creare il framework che poi avrei dovuto modificare nell’editor standard.
Poiché il principale punto di frustrazione per me quando creo una tabella MD è ricordare come impostare le prime due righe di codice (intestazione e divisore orizzontale), a questo punto ho cliccato sul pulsante “build table” e l’ho modificato direttamente.
Oggi sono tornato perché non riuscivo a capire se i problemi che ho riscontrato fossero un bug, un problema di UI/UX o PEBKAC e volevo segnalare un bug, raccomandare una modifica all’interfaccia utente o capire come sono così idiota da perdermi qualcosa di così ovvio.
Alla fine, ho scoperto che probabilmente era una combinazione di tutti e tre. Ci sono alcuni piccoli problemi che classificherei come bug, alcuni problemi di UI/UX e, poiché non ho aperto o notato il “?” nell’angolo in basso a destra, almeno un po’ di colpa mia.
Pensieri sul miglioramento dell’UI/UX
Ci sono diverse cose che ho accennato sopra che aiuterebbero davvero a migliorare uno strumento già fantastico rendendo le sue funzionalità più individuabili. Il modo principale in cui penso che questo possa essere migliorato è aiutare davvero gli utenti a capire come usare il builder.
Rendere le istruzioni più individuabili.
Mentre avete quell’icona a forma di punto interrogativo nell’angolo in basso a destra, è così lontana dal contenuto principale della pagina che è molto facile perderla. L’icona di aiuto potrebbe essere molto più visibile se fosse da qualche altra parte sulla pagina, come proprio accanto all’intestazione. Potreste considerare di aprire la modale la prima volta che qualcuno usa il builder e dare l’opzione di chiuderla per le visite future. In alternativa, non c’è in realtà molto testo nel menu di aiuto - considerate se abbia senso nasconderlo del tutto - visualizzatelo direttamente sopra o sotto la tabella.
Utilizzare elementi dell’interfaccia utente visibili e familiari per migliorare la scoperta delle funzionalità
Avete già la freccia a discesa per indicare l’ordinamento per una colonna specifica - fate di più per rendere le altre funzionalità più facili da trovare piuttosto che nasconderle nei menu contestuali. Questo aiuta anche a rendere il builder più compatibile con i dispositivi mobili.
- Visualizzare l’icona di modifica nelle celle di intestazione per rendere più individuabile la modifica del testo.
- Utilizzare un’icona + ai bordi della tabella per aggiungere rapidamente righe/colonne.
- Se intere righe/colonne sono evidenziate, aggiungere un’icona a forma di cestino sopra le righe o a sinistra delle colonne per indicare che possono essere eliminate.
Non sono una persona UI/UX, quindi ci sono probabilmente più opzioni standard qui, ma spero che questo elenco vi dia qualche idea su come farlo. Penso che trovare il giusto equilibrio tra come funziona il table builder in Google Docs e quello che avete ora porterebbe lo strumento ad essere più intuitivo senza bisogno di testo di aiuto.
Farlo sentire come un editor
Mentre so che le tabelle MD sono molto più limitate nelle opzioni di formattazione che possono essere utilizzate, alla pagina manca davvero qualsiasi indicazione che sia un editor. Avere una barra che ti permette di aggiungere righe, colonne e quale formattazione è possibile eleverebbe questo strumento, suggerendo maggiormente agli utenti cosa è e cosa possono fare. Al momento, non sono sicuro di come aggiungere decorazioni di testo, collegamenti, immagini, ecc. a una tabella. Tutte queste cose sono possibili ma non nel Builder.
Alcuni piccoli bug
- La prima colonna all’interno dell’editor mi confonde. Mi fa pensare che si possano avere intestazioni di riga, che semplicemente non sono possibili in MD. Considerate di modificarla per chiarire che queste non appariranno nella tabella finale.
- L’MD della tabella completata non ha gli spazi extra davanti al testo nelle celle della prima colonna. Questo non sembra rompere la tabella, ma mi piacerebbe che fosse coerente.
- Considerate di posizionare automaticamente la tabella completata su una nuova riga. Se costruisco una tabella su una riga di testo esistente, sembra rotta. Forzandola su una nuova riga con una riga vuota sopra, la tabella funzionerà sempre correttamente.
Ecco uno screenshot che mostra il secondo e il terzo elemento.
