web-dev-qa-db-ja.com

スレッド化されたメッセージング、シンプルさ

私は多対多のメッセージングシステムを構築しています。つまり、1人のユーザーが他の35人のユーザーにメッセージを送信でき、これらのユーザーのいずれかがこのメッセージに返信すると、他のすべてのユーザーが再び表示できます。

ユーザーがこのシステムをどのように使用しているかを表示することにより、送信されたメッセージがかなり大きく、電子メールのように構造化されていることを確認しました。大きな協会がメンバーと連絡を取るために使用されているため、ある種の専門性も維持する必要があります。


私が望むのは、すべてのデータへのアクセスを維持しながら、それをシンプルに保つことです。私の現在の実装は、混乱して混乱しています。すべての機能へのアクセスを維持しながら、それを簡素化するためにどのような手順を実行できますか?

現在の実装 Image of current implementation.

8
Kao

それはすでに他の多くの人によって行われている(そして証明されている)。メッセージは新しいものから古いものへ、コメントは古いものから新しいものへと変化します。それはおなじみの、それは電子メール(メッセージと返信)、Facebookでのメッセージなどが行われる方法です。

電子メールクライアントで行われるように、さまざまなビュー(スレッドに編成されるチェーンメッセージ)を使用するか、日付(リンクなし)で並べ替えることができます。

または、大きなコメントやメッセージ自体を表現する方法(それらの一部を折りたたむなど)を考えて、Facebookなどの動作を使用することもできます。異なるソートなどを実装します.

そしてもちろん、ユーザーはすべてのメッセージに返信できる必要があります。そのため、すべてのメッセージまたはコメントの近くにコメントボックスを表示するアクションが必要です。

4
alexeypegov

他の多くのことと同様に、これはユーザーに簡単に任せることができるオプションです。新しいものから最も古いものへとフラットディスプレイの順序が好きなユーザーもいれば、無限のスレッドが好きなユーザーもいます。しかし、UXデザイナーとして、ユーザーが選択できるオプションをユーザーに提供することが私たちの仕事であることがよくあります。

この考えの中で最も優れた実装の1つ(私が見た)は、オープンソースの学習管理システムMoodleから来ています。返信を表示する方法は4つあり、どの投稿を表示しているかによって表示モードが実際に切り替わることが非常に便利であることがわかりました。それは非常に強力であり、ユーザーとして完全にコントロールできると感じます。

Moodle’s4つの表示オプションがあります

enter image description here

ディスカッションスレッドは4つの方法で表示できます。各フォーラムディスカッションの上部にあるプルダウンメニューを使用して、表示タイプを選択します。

最も古いものから順にフラットに表示します

一部のMoodleサイトフォーマットでは、プルダウンメニューが少し異なる位置に表示されます。

最新のものを最初に、フラットに返信を表示します

ディスカッションは1行で表示され、新しい順に表示されます。これは上記と同じですが、ソート順が異なります。

返信をスレッド形式で表示します

ディスカッションを開始する投稿のみが完全な形式で表示されます。返信は見出し(作成者とリリース日に関する情報を含む)にまとめられ、年代順に整理されます。さらに、同じ投稿への返信のみが同じ行にあるように、返信は右にシフトされます。

返信をネストされた形式で表示します

すべての投稿は完全な形式で表示されます。返信は見出し(作成者とリリース日に関する情報を含む)にまとめられ、年代順に整理されます。さらに、同じ投稿への返信のみが同じ行にあるように、返信は右にシフトされます。

3
Benny Skogberg

トリックは、トップレベルのメッセージへの応答を折りたたむことができることだと思います。

最初のビューは、トップレベルのメッセージ(一番上にある最新のメッセージ)のリストで、その応答(ある場合)は表示されません。応答がある場合、各メッセージの下には「5つの応答」のようなものがあります。各メッセージの応答の表示状態を切り替えるボタンがあります。応答はインデントされて表示され、上記のインデントされたメッセージに対する応答であることを示します。応答への応答は、さらにインデントされます(一般的な応答/インデントパターン)。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

2
obelia

メッセージをどの順序で表示するかはそれほど重要ではないと思います。ユーザーはメッセージを閲覧し、簡単に概要を把握できる必要があります。彼らは、明らかに最も興味深いメッセージを最初に読みます。メッセージはいつ面白いですか?興味深い話題や他のメンバーからの多くの返信があり、熱い議論を示しているのかもしれません。

したがって、件名、送信者、日付、および返信の数は、メッセージの上位レベルのプロパティであり、上位レベルのビューでそれらを要約できます。このアプローチは、Microsoftの セマンティックズーム 設計原理に触発されています。

以下のモックアップについては、左側にズームアウトしたビューがあります。選択したメッセージの内容と返信が右側に表示されます。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

1
Anna Prenzel