J’essayais de créer un tableau ici sur le méta Discourse il y a quelques jours et j’ai vraiment eu du mal. Comme je n’étais pas sûr du fonctionnement du constructeur et que ce que je voyais n’était pas ce à quoi je m’attendais, j’ai simplement ajouté le tableau par défaut et l’ai personnalisé à partir de là.
Je pensais partager quelques commentaires maintenant que j’ai passé un peu plus de temps et que j’ai compris la plupart de ce qui me manquait.
Ma première expérience avec le constructeur de tableaux
Je serai honnête, le constructeur de tableaux est bien plus avancé que ce à quoi je m’attendais - donc excellent travail sur le travail que vous y avez consacré. La plupart des plateformes qui autorisent les tableaux maintiennent des constructeurs assez simples et vous donnent juste un moyen rapide d’indiquer la quantité de lignes et de colonnes que vous souhaitez dans votre tableau. Cela crée un modèle que vous pouvez suivre. Cela dit, je n’ai pas trouvé beaucoup de plateformes qui utilisent Markdown et qui offrent des constructeurs de tableaux.
Je pense que c’est formidable que vous ayez un véritable constructeur qui offre une expérience plus proche du WYSIWYG plutôt que de compter sur les gens qui se familiarisent avec une expérience Markdown (certes) peu conviviale. Je suis capable de créer des tableaux en MD manuellement, mais essayer de les examiner est presque impossible sans aperçu.
Malheureusement, j’ai commencé à utiliser l’outil en m’attendant simplement à ce qu’il me dise : “Je veux un tableau avec cinq colonnes et dix lignes”… et ce n’est pas ce que j’ai obtenu - au lieu de cela, j’ai obtenu une grande page blanche avec un tableau presque vide. Il n’y avait aucune information sur ce que je devais faire immédiatement visible pour moi, donc j’étais un peu perdu. Ce que vous avez ici est très similaire à la façon dont Google Docs insère/édite des tableaux, mais il n’y a pas grand-chose dans l’interface utilisateur pour le signaler à l’utilisateur.
La première chose que j’ai essayée de faire a été de double-cliquer sur le texte “Colonne 1” car c’est toujours là que je commence avec les tableaux - nommer les lignes/colonnes. Rien. Je pouvais sélectionner le texte mais rien ne le supprimait. Parce que j’étais dans l’état d’esprit de l’outil texte brut du créateur de messages Discourse standard, je n’ai même pas pensé à faire un clic droit.
J’ai découvert que je pouvais ajouter du texte aux cellules individuelles, mais j’étais toujours perdu en ce qui concerne l’ajout/la suppression de lignes et de colonnes car j’étais toujours dans l’état d’esprit que tout ce que je faisais était de dire à un outil simple de créer le cadre que j’aurais ensuite à éditer dans l’éditeur standard.
Étant donné que le principal point de frustration pour moi lors de la création d’un tableau MD est de me souvenir comment configurer les deux premières lignes de code (en-tête et diviseur horizontal), j’ai cliqué sur le bouton “construire le tableau” à ce stade et je l’ai simplement modifié directement.
Aujourd’hui, je suis revenu car je n’arrivais pas à déterminer si les problèmes que j’avais rencontrés étaient un bug, une question d’interface utilisateur/expérience utilisateur, ou un problème PEBKAC (Problème Existant Entre le Clavier Et le Cul) et je voulais signaler un bug, recommander un changement d’interface utilisateur, ou comprendre comment je suis si idiot de manquer quelque chose d’aussi évident.
En fin de compte, j’ai pensé que c’était probablement une combinaison des trois. Il y a quelques problèmes mineurs que je classerais comme des bugs, quelques problèmes d’interface utilisateur/expérience utilisateur et, parce que je n’ai pas ouvert ou remarqué le “?” dans le coin inférieur droit, au moins une partie de ma propre faute.
Idées d’amélioration de l’interface utilisateur/expérience utilisateur
Il y a plusieurs choses que j’ai suggérées ci-dessus qui aideraient vraiment à améliorer un outil déjà génial en rendant ses fonctionnalités plus trouvables. La principale façon dont je pense que cela pourrait être amélioré est d’aider vraiment les utilisateurs à comprendre comment utiliser le constructeur.
Rendre les instructions plus découvrables.
Bien que vous ayez cette icône de point d’interrogation dans le coin inférieur droit, elle est tellement éloignée du contenu principal de la page qu’il est très facile de la manquer. L’icône d’aide pourrait être beaucoup plus visible si elle était ailleurs sur la page - comme juste à côté de l’en-tête. Vous pourriez envisager d’ouvrir la fenêtre modale la première fois que quelqu’un utilise le constructeur et de donner la possibilité de la masquer lors des visites futures. Alternativement, il n’y a pas beaucoup de texte dans le menu d’aide - réfléchissez s’il est logique de le cacher du tout - affichez-le directement au-dessus ou en dessous du tableau.
Utiliser des éléments d’interface utilisateur visibles et familiers pour améliorer la découverte des fonctionnalités
Vous avez déjà la flèche déroulante pour indiquer le tri par une colonne spécifique - faites-en plus pour rendre les autres fonctionnalités plus faciles à trouver plutôt que de les cacher dans les menus contextuels. Cela aide également à rendre le constructeur plus adapté aux mobiles.
- Affichez l’icône d’édition dans les cellules d’en-tête pour rendre l’édition du texte plus découvrable.
- Utilisez une icône + sur les bords du tableau pour ajouter rapidement de nouvelles lignes/colonnes.
- Si des lignes ou des colonnes entières sont mises en surbrillance, ajoutez une icône de corbeille au-dessus des lignes ou à gauche des colonnes pour indiquer qu’elles peuvent être supprimées.
Je ne suis pas une personne spécialisée en interface utilisateur/expérience utilisateur, il y a donc probablement plus d’options standard ici, mais j’espère que cette liste vous donnera quelques idées sur la façon de faire cela. Je pense que trouver le bon équilibre entre le fonctionnement du constructeur de tableaux dans Google Docs et ce que vous avez maintenant rendrait l’outil plus intuitif sans avoir besoin d’aide textuelle.
Faire en sorte que cela ressemble à un éditeur
Bien que je sache que les tableaux MD sont beaucoup plus limités en options de formatage qui peuvent être utilisées, la page manque vraiment de toute indication qu’il s’agit d’un éditeur. Avoir une barre qui vous permet d’ajouter des lignes, des colonnes et le formatage possible élèverait cet outil tout en indiquant mieux aux utilisateurs ce qu’il est et ce qu’ils peuvent faire. Actuellement, je ne sais pas comment ajouter des décorations de texte, des liens, des images, etc. à un tableau. Tout cela est possible mais pas dans le constructeur.
Quelques petits bugs
- La première colonne dans l’éditeur me confond. Elle me donne l’impression que vous pouvez avoir des en-têtes de ligne, ce qui n’est tout simplement pas possible en MD. Envisagez d’ajuster cela pour clarifier que cela n’apparaîtra pas dans le tableau final.
- Le MD du tableau complété n’a pas les espaces supplémentaires devant le texte dans les cellules de la première colonne. Cela ne semble pas casser le tableau, mais j’aimerais que ce soit cohérent.
- Envisagez de placer automatiquement le tableau complété sur une nouvelle ligne. Si je construis un tableau sur une ligne de texte existante, cela semble cassé. En le forçant à être sur une nouvelle ligne avec une ligne vide au-dessus, le tableau fonctionnera toujours correctement.
Voici une capture d’écran qui montre les deuxième et troisième éléments.
