web-dev-qa-db-ja.com

アイテムステータスのデザインインタラクション(利用可能/進行中/完了):それらをどのように表示するのが最適ですか?

製品の所有者がさまざまなデバイスにコンテンツを公開できるようにするWebアプリケーションに取り組んでいます。公開は瞬時ではないので、このプロセスにはステータスとともに時間がかかる可能性があることを製品の所有者に通知する必要があります。私のモデルでは、製品所有者が「利用可能なコンテンツ」(非公開)から「公開履歴」(ステータス+履歴)にコンテンツを公開しています。

ユーザーストーリー

  • 非公開のコンテンツを表示できるようにしたい。
  • コンテンツを公開できるようになりたい。
  • 公開したコンテンツのステータス(進行中、完了など)を知りたい。
  • 公開されたコンテンツの履歴を見たい。

ユーザーフロー Product User Flow

質問

  • 「これには時間がかかる場合があります」とユーザーに伝えるのが適切なのはいつですか。私は彼らのコンテンツのリストとメッセージで確認モーダルを表示する予定です。参考:正確な完了時間を示す方法はありませんが、範囲は可能です。
  • 「進行中」のアイテムを「公開履歴」タブに移動することは理にかなっていますか?
  • それは本当に2つの別々の概念ですか?履歴とキュー?製品所有者は、出版物の履歴に沿ってアイテムのステータスを表示する機能が必要です。
4
erik_lev

これがあなたの質問について私が思うことです、一つずつ。

1-「これには時間がかかる場合があります」とユーザーに伝えるのが適切な場合はいつですか?コンテンツのリストとメッセージを含む確認モーダルを表示する予定です。参考:正確な完了時間を表示する方法はありませんが、ただし、範囲は可能です。

良いアナロジーは、それについて考えることです。それは、製品の所有者がマネージャーであり、システムが彼のアシスタントが彼の要求することをしていると想像することです。

さて、このアナロジーを使用して、アシスタントが公開する作業のバッチを受け取り、ドアから出て、すぐに戻ってきてマネージャに言うのは問題ありませんか? "これには時間がかかります。よろしいですか?それらすべてを公開するには?確認して私がやります"この会社の初心者であり、その慣行を初めて知らないので、マネージャーは「ええと、ええと、はい、それをしてください。」のようなことを言うでしょう。

次回は、アシスタントが仕事を取り、ドアに行き、すぐに戻ってきて同じ質問をします:「時間がかかります。よろしいですか?」 。応答は次のようになります。「ああ、そうです。わかっています。ただやってください。」 。 1か月が経過しましたが、アシスタントは確認を求めるという彼の練習において、まだ非常に一貫しています。唯一の違いは、マネージャーがますます煩わしいことです。そして、私はあなたがすでにそれがどうなるかをすでに見ていると思います。私は彼の2か月目の答えはの効果に相当すると思います。「ちょうど...オフにして、あなたの仕事をしてください。決して愚かな質問を繰り返さないでください。」

確認モーダルを用意することは、(ほとんどの場合)何かについてユーザーに知らせる適切な方法ではありません。可能な解決策?

  • a)メッセージをページのどこかに配置する(製品所有者が実際にコンテンツを選択して[発行]を押す前) 「コンテンツの公開には時間がかかる場合があります。ただし、ここでコンテンツのステータスを確認することで、進行状況を確認できます。」のようなものです。

  • b)製品の所有者が[発行]ボタンにカーソルを合わせると、メッセージがツールチップ/ポップオーバーに表示されます。

  • c)メッセージが[発行]ボタンのすぐ下に表示されるようにする、および次回この同じメッセージを表示しないオプション。スライドダウン/折りたたみ展開コンポーネントがここに表示され、視覚効果を追加してユーザーの注意を引くことができます。

2-「進行中」のアイテムを「公開履歴」タブに移動することは意味がありますか?製品所有者が「履歴」の概念をどのように理解しているかによって異なります。しかし、意味的に言えば、いいえ、意味がありません。しかし、より多くのアイデアについては質問3を参照してください。

-実際には2つの異なる概念ですか?履歴とキューですか?製品の所有者は、出版物の履歴に沿ってアイテムのステータスを表示する機能が必要です。

私たちがここで持っているのは、コンテンツが通過しなければならない3つの段階です:1)非公開、2)ステージング/公開/公開中、3)公開済み。

履歴は、3番目の状態に使用するのが理想的です。キューは2番目の状態用です。そして利用可能な現在のタブは最初の状態のためのものです。この分析は、現在のデザインに2番​​目の状態を表示するための専用の明示的なリストがないことを意味します。

可能な解決策:

  • a)[利用可能]と[履歴]の間に別のタブを追加。まだ公開されていないものは、そのステータス/進捗状況とともにここに表示されます。すでに公開されているものだけが[履歴]タブに移動します。
  • b)Tabbingの概念を放棄し、Filteringに進みます。言い換えると、すべてのコンテンツを1つのリストに入れ、それらのステータス(公開する、公開/公開中、公開済み)を伴います。リストの一番上にフィルターがあり、ユーザーが最も関心のあるコンテンツのセットに絞り込むことができるオプションがあります。このソリューションの良い点は、ユーザーに全体ビューを提供することですコンテンツ、ただし、必要に応じて柔軟性を提供します。さらに、それはアイテムのコンテキストを維持します(ユーザーが[公開]ボタンを押した後、アイテムはリスト内の以前の場所に留まります。今度は、右側に "発行中"と書かれた別のラベルを付ける必要があります-おそらく、マウスをホバーしたときに「=時間がかかる可能性があります」という通知がre-inforceになり、遅延の制約についてユーザーに通知します。)

いくつかのメモ:

  • 製品の所有者は進行中の公開をどのようにキャンセルすると思いますか?彼らはそれを行うことができますか?必要があると思われる場合は、進行中のアイテムの横に[公開停止]ボタンがあると便利です。コンテンツを「公開」状態に戻します。
  • 私のスケッチにあるように、「公開する」を使用して現在の「利用可能」状態を説明しています。ラベルがわかりやすくなります。
  • 私はスケッチのアイテムの左側にあるチェックボックスを使用するという考えを保持しています。ただし、代わりのオプションは、リンクボタンをリスト内のステータスのすぐ下に配置することです(LinkBut​​ton Stop Publishingと同様)。

それが役に立てば幸い。以下は私の簡単なスケッチです。

All content

To publish

Being published

12
Son Do Lenh

あなたは自分の専門用語に取り組む必要があります。優れた用語は、ユーザーのメンタルモデルの構築に役立ちます。

「進行中」:あいまいになることはありません:-)。ここで何が起きてるの?なぜ時間がかかるのですか?すべてのデバイスにアップロード、レビュー、プッシュされていますか?より適切な名前を見つけてください。説明を少なくする必要があるかもしれません。

「利用可能」:誰が利用できますか?公開することで、さらに利用しやすくなります。 「レディ」はいかがですか?

「履歴」:あなたの説明から、ユーザーは過去の状態に関する情報ではなく、現在の状態を知りたいようです。したがって、「歴史」はそれほど良い選択ではありません。 「出版物」や「出版物」はどうですか?

さてあなたの質問に戻りましょう。基本的に、いくつかの州(??> Available> in progress> Done)を移動するアイテム(記事?)があります。 1つのリストから項目を削除して別のリストに追加することによって状態を視覚化することは、両方のリストを同時に視覚化できる場合にのみ良い考えです。ユーザーのデータが常にどこかにあると、ユーザーを混乱させます。

状態も示す単一のリストを検討できます。

3
Kris Van Bael