web-dev-qa-db-ja.com

コメントと添付ファイルUX

私はコメントを作成し、そのコメントに複数の添付ファイルを追加できるサイトの例を見つけようとしています。これまでのところ、私が見つけた唯一の例はteamgantt.comで、これは私が探しているものの一種です。これを行うサイトの例や、それについて何か考えを持っている人はいますか?具体的には、多数の添付ファイルがある場合に何が起こるかを探しています-スクロール機能などがありますか? -添付ファイルのサムネイル画像があるかどうか。ありがとう。 Teamgantt Image

2
NJKD1983

開発では、通常、5MB(または2MB/20MB、この値はサーバーごとに異なります)を構成する添付ファイルの数に特定の制限はありません。

ファイルのサイズが小さい場合、数はかなり大きくなる可能性があります。スクロールはお勧めしません。プロジェクトにあるグリッドを使用して、ファイルを列にグループ化することをお勧めします。

数を制限する場合は、この制限があることをユーザーに知らせるメッセージを表示できます。「一度に多くのファイルを添付しないでください。添付するファイルの数を減らしてみてください。」

1
Madalina Taina

良い例があります-あなたは今それを使っています。 StackOverflowは、添付ファイルの機能の良い例。コメントにwysiwygエディタを追加して、添付ファイルをアップロードするためにforを使用してポップアップを快適に呼び出せるようにすることをお勧めします。

0
Ivan Venediktov

この要件に対する私の考えは次のとおりです。

限られたテキストと添付ファイルを表示すると、他のセグメント(コメントと添付ファイル)のページ領域が提供され、ユーザーは下にスクロールしなくてもより多くのデータを表示できます。

ワイヤーフレーム(以下に添付)に関する重要なポイントは、ほとんどのデザインは自明です。ユーザーは以下をクリックできます:

  • 「すべて展開」ですべてのセクション(すべてのコメントと添付ファイル)を表示–ページレベル
  • 「展開」して1つのセクションのみを表示(コメントと添付ファイルパネル)–セグメントレベル
  • [もっと見る]をクリックして、コメントや添付ファイルを表示します。ただし、コメントを特定の文字長に制限する場合は、テキストの「さらに表示/少なく表示」を回避して、各セグメントレベルの「拡張」を削除し、クリック数を最小限に抑えることができます。

次の点に注意する必要があります。ユーザーは(デバイスの幅に基づいて)長い幅のテキストを読むのが困難であり、テキストの行間をジャンプする可能性があるため、長さ(幅)は調査の助言に従う必要があります。

enter image description here

0
Deekshit-CUA

また、ここでの考え方は、コメントと添付ファイルをサイズが変化しないスペースに収めることです。

0
NJKD1983