web-dev-qa-db-ja.com

3人以上の人との会話をグラフィカルに表示する

私は、2人から10人以上の人の間でテキストのみの会話を表示するプロジェクトに取り組んでいます。読者は、参加者の0人または1人です。
メインUIはWebベースですが、ネイティブクライアントが将来登場する可能性があります。

ほとんどのチャットやIMアプリと同じように、2人で会話する場合は、画面の片側に1人、反対側にもう1人を表示します。読者が参加者の1人だった場合、メッセージが強調表示されます。

ただし、コンピュータ画面は一般に2次元に制限されているため、上記は2人以上の人との会話には適していません。

では、2人以上の人との間の会話を表示するための最もユーザーフレンドリーな方法は何でしょうか。読者が会話のメンバーの1人である場合を処理する機能と同様に、さまざまな人数でスケーリングする機能は大きなボーナスになります。
従来の「吹き出し」パターンが機能する場合、すばらしいですが、それに慣れていないので、完全に代替のオプションを検討できてうれしいです。

注:いいえ、私は別のチャットアプリを作成していません。世界にはすでに十分な数のチャットアプリがあります:-)

8

おそらく、より多くの人々が会話に加わるにつれて、側面の外側に(または代わりに)成長するバランスの取れたツリーのような構造を使用できます。

新しい声が入るたびに開始する垂直ストリップで色分けします-色付けされた垂直注釈付き合唱音楽(フーガ?)のように。その声が最後の発言をした後、ツリーが再び内側に倒れるように、ストリップをテールオフすることができます。

これだけ説明できるのは絵だけ!

それは思考の糧です-デザイン仕様ではありません。

対応する音声からの入力なしに時間が経過するにつれて、トラックの厚みを徐々に減らすなど、少し大きな詳細を追加できます...

enter image description here

9
Roger Attrill

別のチャットアプリを作成していないことを具体的におっしゃっていたと思いますが、それがこの種の問題の開始点だと思います。チャットアプリは多くの人との会話を扱い、彼らは働いています。

会話に参加している人々を視覚的に区別する1つの方法は、背景色や、各ユーザーのテキストの背後/周囲の吹き出し(マルチカラーのゼブラストライプの一種)です。

ユーザー名の横にあるユーザーアイコンも、視覚的な重みを加えることができます。

正直なところ、現在のメッセージングアプリはこれをかなりうまく行っています。いくつかの人気のメッセージングアプリを見て、特定のプロジェクトのためにそれらをどのように収集できるかを確認してください。

1
DorkRawk

大きな画面では、それを分割して、各自に小さな「領域」を与えることができます。

もちろん、各領域にはスクロール機能が必要です。そのため、4〜6人で操作すると面倒になります。

それ以上の場合は、時系列でリストされた1つの画面に制限されていると思います。スピーカーは左側に表示され、できれば大きな画像またはユニークなアバターが表示されます。

0
Jason Hanley