数日前に Discourse のメタでテーブルを作成しようとして、本当に苦労しました。ビルダーがどのように機能するのかわからず、期待していたものとは違ったので、デフォルトのテーブルを追加してそこからカスタマイズしました。
少し時間をかけて、何が足りなかったのかほとんど理解したので、フィードバックを共有しようと思いました。
初めてのテーブルビルダー体験
正直に言うと、テーブルビルダーは期待していたよりもはるかに高度でした。皆さんの努力に感謝します。テーブルを許可するほとんどのプラットフォームでは、ビルダーはかなりシンプルで、テーブルに必要な行数と列数を指定する簡単な方法を提供しています。これにより、従うべきパターンが作成されます。とはいえ、Markdown でテーブルビルダーを提供しているプラットフォームはあまり見かけません。
プレーンテキストツールに慣れている人にとっては、（確かに）使いにくい Markdown 体験に頼るのではなく、WYSIWYG 体験に近いものを提供する実際のビルダーがあるのは素晴らしいと思います。MD で手動でテーブルを作成することは 可能 ですが、プレビューなしでレビューするのはほぼ不可能です。
残念ながら、私はツールを使い始めたとき、「5列10行のテーブルが欲しい」と伝えるだけでよいと思っていました…しかし、そうではありませんでした。代わりに、ほとんど空のテーブルが表示された大きな白いページが表示されました。次に何をすべきかについての情報がすぐに表示されなかったので、少し途方に暮れました。Google ドキュメントでテーブルを挿入/編集する方法と非常によく似ていますが、ユーザーにそれを促す UI はあまりありません。
最初に試したのは、「Column 1」というテキストをダブルクリックすることでした。テーブルでは常にそこから始めるからです。行/列に名前を付けることです。しかし、うまくいきませんでした。テキストを選択することはできましたが、何も削除できませんでした。標準の Discourse の投稿作成者のプレーンテキストツールの考え方だったので、右クリックすることさえ考えませんでした。
個々のセルにテキストを追加できることは発見しましたが、行や列の追加/削除に関しては、まだ途方に暮れていました。なぜなら、単純なツールにフレームワークを作成するように指示しているだけで、それを標準エディターで編集する必要があるという考え方だったからです。
MD テーブルを 作成 する際に、最初の 2 行のコード（ヘッダーと水平区切り線）の設定方法を覚えておく必要があることが、主なフラストレーションだったので、「build table」ボタンをクリックして直接編集しました。
今日、私が遭遇した問題がバグ、UI/UX、または PEBKAC のいずれであるかを実際に見つけることができなかったため、バグを報告し、UI の変更を推奨し、または私がそれほど明白なものを見逃すほど愚かであるかどうかを判断するために戻ってきました。
結局、おそらくそれらすべてを組み合わせたものだったと思います。バグと分類できるマイナーな問題がいくつかあり、UI/UX の問題がいくつかあり、そして右下隅の「?」を開いたり気づいたりしなかったため、少なくとも私自身のせいでした。
UI/UX 改善のアイデア
上記で示唆したように、すでに素晴らしいツールを、その機能をより見つけやすくすることで、さらに強化するのに役立つことがいくつかあります。これを改善する主な方法は、ユーザーがビルダーの使い方を理解できるようにすることです。
指示をもっと見つけやすくする。
右下隅に疑問符のアイコンがありますが、メインのページコンテンツから so far out of the way にあるため、見逃しやすいです。ヘルプアイコンは、ヘッダーのすぐ隣など、ページ上の別の場所にあれば、はるかに目立つようにすることができます。初めてビルダーを使用する際にモーダルを開き、将来の訪問からそれを閉じるオプションを提供することを検討できます。あるいは、ヘルプメニューには実際にはそれほど多くのテキストはありません。それを隠すことが理にかなっているかどうかを検討してください。テーブルのすぐ上または下に表示します。
目に見える 熟悉的 UI 要素を使用して機能の発見を改善する
特定の列で並べ替えを示すために、すでにドロップダウン矢印を使用しています。他の機能を右クリックメニューに隠すのではなく、簡単に見つけられるように、これをもっと活用してください。これにより、ビルダーがモバイルフレンドリーにもなります。
- ヘッダーセルに編集アイコンを表示して、テキストの編集をもっと見つけやすくする。
- テーブルの端に + アイコンを使用して、新しい行/列をすばやく追加する。
- 行全体または列全体がハイライトされている場合は、削除できることを示すために、行の上にゴミ箱アイコン、または列の左にゴミ箱アイコンを追加する。
私は UI/UX の専門家ではないので、おそらくもっと標準的なオプションがあると思いますが、このリストが皆さんにそれを実行する方法のアイデアを提供してくれることを願っています。Google ドキュメントのテーブルビルダーの機能と現在の機能の間の適切な中間点を見つけることで、ヘルプテキストを必要とせずに、より直感的なツールになると思います。
エディターのように感じさせる
MD テーブルで使用できる書式設定オプションははるかに限られていることは知っていますが、このページには、それがエディターであることを示す表示が本当に欠けています。行、列、および可能な書式設定を追加できるバーがあれば、このツールはさらに強化され、ユーザーにそれが何であるか、そして何ができるかをさらに示唆することになります。現在、テーブルにテキスト装飾、リンク、画像などを追加する方法がわかりません。これらはすべて可能ですが、ビルダーではできません。
いくつかの小さなバグ
- エディター内の最初の列が混乱します。行ヘッダーを持てるように感じさせますが、MD では単に不可能です。最終的なテーブルには表示されないことを明確にするように調整することを検討してください。
- 完成したテーブルの MD には、最初の列のセルのテキストの前の余分なスペースが含まれていません。これはテーブルを壊すようには見えませんが、一貫性があるとうれしいです。
- 完成したテーブルを自動的に新しい行に配置することを検討してください。既存のテキスト行にテーブルを作成すると、壊れているように見えます。空の行の上に新しい行に強制的に配置することで、テーブルは常に正しく機能します。
これは、2 番目と 3 番目の項目を示すスクリーンショットです。
