Ich habe vor ein paar Tagen versucht, hier auf Discourse Meta eine Tabelle zu erstellen und hatte wirklich Schwierigkeiten. Da ich nicht sicher war, wie der Builder funktionieren soll und das, was ich sah, nicht meinen Erwartungen entsprach, habe ich einfach die Standardtabelle hinzugefügt und sie von dort aus angepasst.
Ich dachte, ich könnte jetzt, da ich etwas mehr Zeit hatte und die meisten Dinge, die ich vermisst habe, herausgefunden habe, ein paar Rückmeldungen geben.
Meine erste Erfahrung mit dem Tabellen-Builder
Ich werde ehrlich sein, der Tabellen-Builder ist weitaus fortschrittlicher, als ich erwartet hatte – also tolle Arbeit an dem, was ihr da hineingesteckt habt. Die meisten Plattformen, die Tabellen zulassen, halten die Builder ziemlich einfach und geben Ihnen nur eine schnelle Möglichkeit, die Anzahl der Zeilen und Spalten anzugeben, die Sie für Ihre Tabelle benötigen. Dies schafft ein Muster, dem Sie folgen können. Allerdings habe ich nicht viele Plattformen gefunden, die Markdown verwenden und Tabellen-Builder anbieten.
Ich finde es großartig, dass Sie einen echten Builder haben, der eher eine WYSIWYG-Erfahrung bietet, anstatt sich darauf zu verlassen, dass die Leute sich mit einer (zugegebenermaßen) unfreundlichen Markdown-Erfahrung wohler fühlen. Ich kann Tabellen manuell in MD erstellen, aber der Versuch, sie zu überprüfen, ist ohne eine Vorschau fast unmöglich.
Leider habe ich angefangen, das Tool zu benutzen, in der Erwartung, dass ich ihm einfach sage: „Ich möchte eine Tabelle mit fünf Spalten und zehn Zeilen“ … und das habe ich nicht bekommen – stattdessen bekam ich eine große weiße Seite mit einer größtenteils leeren Tabelle. Es gab keine Informationen darüber, was ich tun sollte, die sofort sichtbar waren, sodass ich etwas verloren war. Was Sie hier haben, ähnelt stark dem Einfügen/Bearbeiten von Tabellen in Google Docs, aber es gibt nicht viel in der Benutzeroberfläche, das den Benutzer darauf hinweist.
Das Erste, was ich versucht habe, war, auf den Text „Spalte 1“ doppelt zu klicken, da ich dort immer mit Tabellen beginne – Zeilen/Spalten benennen. Kein Erfolg. Ich konnte den Text auswählen, aber nichts entfernte ihn. Da ich mich im Modus des einfachen Textwerkzeugs des Standard-Discourse-Beitragserstellers befand, dachte ich nicht einmal daran, mit der rechten Maustaste zu klicken.
Ich habe entdeckt, dass ich Text in die einzelnen Zellen einfügen kann, aber ich war immer noch verloren, wenn es darum ging, Zeilen und Spalten hinzuzufügen/zu entfernen, weil ich immer noch im Modus war, dass ich nur einem einfachen Werkzeug sagte, das Framework zu erstellen, das ich dann im Standard-Editor bearbeiten müsste.
Da der Hauptfrustrationspunkt für mich bei der Erstellung einer MD-Tabelle darin besteht, sich daran zu erinnern, wie die ersten beiden Codezeilen (Header und horizontale Trennlinie) eingerichtet werden, habe ich zu diesem Zeitpunkt auf die Schaltfläche „Tabelle erstellen“ geklickt und sie direkt bearbeitet.
Heute bin ich zurückgekommen, weil ich nicht herausfinden konnte, ob die Probleme, auf die ich gestoßen bin, ein Bug, UI/UX oder PEBKAC waren, und wollte einen Bug melden, eine UI-Änderung empfehlen oder herausfinden, wie ich so ein Idiot bin, etwas so Offensichtliches zu übersehen.
Am Ende stellte ich fest, dass es wahrscheinlich eine Kombination aus allen dreien war. Es gibt ein paar kleinere Probleme, die ich als Bugs einstufen würde, ein paar UI/UX-Probleme und, da ich das „?“ in der unteren rechten Ecke nicht geöffnet oder bemerkt habe, zumindest ein Teil meiner eigenen Schuld.
UI/UX-Verbesserungsvorschläge
Es gibt mehrere Dinge, die ich oben angedeutet habe, die ein bereits großartiges Werkzeug wirklich aufwerten würden, indem sie seine Funktionen leichter auffindbar machen. Der Hauptweg, wie ich denke, dass dies verbessert werden könnte, ist, den Benutzern wirklich zu helfen zu verstehen, wie sie den Builder verwenden.
Anleitungen leichter auffindbar machen.
Obwohl Sie dieses Fragezeichen-Symbol in der unteren rechten Ecke haben, ist es so weit vom Hauptseiteninhalt entfernt, dass es sehr leicht zu übersehen ist. Das Hilfe-Symbol könnte viel sichtbarer sein, wenn es irgendwo anders auf der Seite wäre – wie direkt neben dem Header. Sie könnten in Erwägung ziehen, das Modal beim ersten Mal zu öffnen, wenn jemand den Builder benutzt, und die Option geben, es für zukünftige Besuche auszublenden. Alternativ gibt es im Hilfe-Menü nicht wirklich viel Text – überlegen Sie, ob es sinnvoll ist, es überhaupt zu verstecken – zeigen Sie es direkt über oder unter der Tabelle an.
Verwenden Sie sichtbare und vertraute UI-Elemente, um die Feature-Entdeckung zu verbessern.
Sie haben bereits den Dropdown-Pfeil, um die Sortierung nach einer bestimmten Spalte anzuzeigen – tun Sie mehr davon, um die anderen Funktionen leichter auffindbar zu machen, anstatt sie in Rechtsklickmenüs zu verstecken. Dies hilft auch, den Builder mobilfreundlicher zu gestalten.
- Zeigen Sie das Bearbeitungssymbol in den Header-Zellen an, um die Bearbeitung des Textes auffindbarer zu machen.
- Verwenden Sie ein + Symbol an den Rändern der Tabelle, um schnell neue Zeilen/Spalten hinzuzufügen.
- Wenn ganze Zeilen/Spalten hervorgehoben sind, fügen Sie ein Mülleimer-Symbol über den Zeilen oder links von den Spalten hinzu, um anzuzeigen, dass sie gelöscht werden können.
Ich bin kein UI/UX-Experte, daher gibt es wahrscheinlich mehr Standardoptionen, aber ich hoffe, diese Liste gibt Ihnen einige Ideen, wie Sie das tun können. Ich denke, das richtige Gleichgewicht zwischen der Funktionsweise des Tabellen-Builders in Google Docs und dem, was Sie jetzt haben, würde das Werkzeug intuitiver machen, ohne Hilfetexte zu benötigen.
Machen Sie es wie einen Editor.
Obwohl ich weiß, dass MD-Tabellen bei den Formatierungsoptionen viel eingeschränkter sind, fehlt der Seite wirklich jeder Hinweis darauf, dass es sich um einen Editor handelt. Eine Leiste, die es Ihnen ermöglicht, Zeilen, Spalten und mögliche Formatierungen hinzuzufügen, würde dieses Werkzeug aufwerten und den Benutzern mehr Hinweise darauf geben, was es ist und was sie tun können. Im Moment bin ich mir nicht sicher, wie man Textdekorationen, Links, Bilder usw. zu einer Tabelle hinzufügt. Dies ist alles möglich, aber nicht im Builder.
Ein paar winzige Bugs
- Die erste Spalte im Editor verwirrt mich. Sie gibt mir das Gefühl, dass Zeilenüberschriften möglich sind, was in MD einfach nicht möglich ist. Versuchen Sie, dies anzupassen, um klarer zu machen, dass diese in der endgültigen Tabelle nicht erscheinen werden.
- Die fertige Tabellen-MD enthält nicht die zusätzlichen Leerzeichen vor dem Text in den Zellen der ersten Spalte. Dies scheint die Tabelle nicht zu beschädigen, aber ich hätte gerne Konsistenz.
- Erwägen Sie, die fertige Tabelle automatisch in eine neue Zeile zu setzen. Wenn ich eine Tabelle in einer bestehenden Textzeile erstelle, sieht sie kaputt aus. Indem sie gezwungen wird, in einer neuen Zeile mit einer leeren Zeile darüber zu stehen, funktioniert die Tabelle immer richtig.
Hier ist ein Screenshot, der die zweiten und dritten Punkte zeigt.
