web-dev-qa-db-ja.com

同じアクションの2つの可能なワークフローを処理する

私が設計している製品には、問題が発生しているユーザーワークフローのサブパートがあります。

ユーザーは、モーダルウィンドウで患者データを入力する必要があります。完了したら、次の3つのことを行います。

  • 他の患者の情報を入力する
  • 単に閉じる
  • 画像取得に近づいて早送り

この相互作用のグローバルワークフローは次のとおりです。

General user workflow

1つのユースケースでは、1回のセッションでできる限り多くのデータを入力したいかもしれませんが、画像の取得を続行する必要はありません。そして、彼らは複数回「保存して別のものを追加」し、次に「保存して閉じる」:

data filling workflow

他のユースケースでは、患者がユーザーの前にいる場合、必要なデータを入力し、画像取得に向けて可能な限り迅速に続行したいと考えます。

fast workflow

できるだけ多くのボタンを表示しないようにします(すでに3つの可能性があります+フォームをキャンセルします)。また、どのボタンをプライマリとして表示するかわかりません。フォームに入力した後、ユーザーが何をすべきか迷う危険を冒したくありません。

これが私がこれまでに持っているものです: my gui

これは私が避けたいものの別のUIからの極端な例です:

horrible example with too many buttons

これは、明確な解決策がないユーザーにとって問題であるようです(「保存して別のものを追加する」をグーグル検索すると、多くのチュートリアルが見つかります)。 UXスタック交換( here および there )で関連する質問を見つけましたが、保存後に複数の操作を行うという特定の質問に関連していません。

最後に、私の質問は次のとおりです。より優れたUIソリューションを使用してユーザーワークフローを改善する方法はありますか?

4
SThor

保存機能を複雑にしすぎないようにします。これは、ユーザーが慣れているパターンであり、それがどのように機能するかについて明確な期待を持っています。

保存後に、ライトボックス/モーダルとして、またはユーザーを次のステップに案内するスタンドアロンページとして、追加のステップを紹介します。

下記参照: - enter image description here

お役に立てれば。

4
Anton Mircea

すべてのパスを同等の選択肢として扱うドロップダウンボタンをテストできます。

私はあなたのドメインを知りませんが、多くのパスを持つ複雑なワークフローがあり、それらのパス/ワークフローをアクセス可能に保つ(そしておそらく同等)ことが要件である場合、1つの方法は、保存ステップでフォームの作成を絞り込むことです。

決定を下すために少し 摩擦 を導入する

ドロップダウンボタン を使用すると、ユーザーは最初にメニューを選択する必要があり、選択肢が表示されます。この方法では、ユーザーは読み取りと選択を行う必要があります。これには少し時間がかかり、意図的に少し摩擦が生じます。

enter image description here

ユーザーでテストする

この場合、各パスが有効であり、「プライマリ」がないため、ユーザーを遅くして決定をより目的に合わせています。現在3つのパスがあるため、ドロップダウンも拡大縮小します。4つ目が追加された場合は、メニューに配置できます。

ユーザーとテストし、エラー率に対する完了までの時間を観察します。

使用からデータをプルできる場合は、意味のある方法でリストを順序付けできる可能性があります。

結局のところ、現在の3ボタンソリューションは、エレガントで理想的ではないとしても、うまく機能する可能性があります。

4
Mike M