web-dev-qa-db-ja.com

この単一ウィンドウツールをよりユーザーフレンドリーにする方法は？

私は、URL、ユーザー名、およびパスワードを受け入れる簡単なツールを構築しています。 URLには1つ以上のデータセットが含まれています。ユーザーがURL、ユーザー名、パスワードを入力した後。次に、ツールはデータセットのリストをURLから取得します。次に、ユーザーはリストの項目の1つを選択する必要があります。次に、ユーザーは「Do Stuff」ボタンをクリックします。このツールは、ユーザーが選択したアイテムに基づいて、URLに対して何らかの操作を行います。

これを、次のようなシンプルなウィンドウにしました（[]->テキストボックス）。

URL [                ]  
UserName [             ] Password [         ]

URLにデフォルト値を事前に入力しますが、ユーザーは変更可能です。この下には、ユーザーがリストから選択できるコンボボックスが必要ですが、これは、ユーザーがURL、ユーザー名、パスワードを入力した後でのみ作成できます。だから私の考えは、UserName行の下に

[Get List button] [Empty ComboBox]

ユーザーが[リストを取得]ボタンをクリックしたら、コンボボックスに選択肢を入力し、ユーザーがそれらの1つを選択します。

最後に、下部に「作業を行う」ボタンがあります。

私の質問は

  1. ボタンと空のコンボボックスはこれを行うための良い方法ですか、それとももっと直感的な方法がありますか？

  2. GetListボタンをクリックした後、ユーザーがコンボボックスから何かを選択する必要があるかどうかは明らかではありません。これを改善するにはどうすればよいですか？

  3. また、リストに項目が1つしかない場合があるため、1つの項目だけではコンボボックスが不自然に感じることがあります。次に、コンボボックスを非表示にして、アイテム名を示すラベルに置き換えますか？最初に（彼が[リストを取得]ボタンをクリックする前に）、コンボボックスまたはラベルで開始するか、何も開始しないでください。

usabilitybuttonscomboboxintuitive
2
user93353

問題の説明を読んだ後、視覚化してみました。

あなたのユースケースでは、重要なものが欠けています。それらはシステムからのフィードバックです。たとえば、URL、ユーザー名、パスワードを入力した後、ユーザーがログインしていることを確認する必要があります。サーバーからデータを取得する準備ができています。

コンボボックスの提案に同意しません。代わりに、ラジオボタン付きの表形式の表示を使用することを提案します。それはあなたがコンボボックスでやっていることです。ただし、データが入力されているため、ユーザーが選択する必要があるという視覚的な表示はありません。

すべてのポイントをワイヤーフレームの形で以下に配置しようとしました。これが答えることを願っています。セクション1、2、3は、異なるウィンドウまたはステージにすることができます。

enter image description here

2
pzv

Google Analytics-Goal Creationページに似たものを使用することをお勧めします。

mockup

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

これにより、ユーザーは「リストを取得」ボタンをクリックする必要がなくなり、使用と処理が簡単になります。

1
Igor-G

複雑すぎると思います。システム管理者がWebサービスを識別するために使用する複雑な方法に悩まされているため、server1、server2、server3、server627277277、server [N]のリストがあります。

そして、あなたは同じ複雑な道を進んでいるようです。

もちろん、これは多くの問題を引き起こします。最も一般的なのは、ユーザーがどのサーバーで作業する必要があるかを忘れて、どこかでログイン情報を検索する必要がある場合です。またはさらに悪いことに、新しいユーザー/パスを要求します。本当にイライラします。

代わりに、これを試してください：

1. Make the user log in using their username and password
2. Once logged, display the list of servers they currently own
3. Once the user selects a server, display the set of available actions. You can do this in a variety of ways, which will depend on your layout and content (modals, dialogs, expanding divs, whatever). Make sure this element has a way to close.

KISSルールを使用して、それが要点です。ポイントフローに直接、あいまいさなし、代替オプションなし、情報を探す必要なし、使用可能なレイアウトに基づいてレイアウトを心配する必要なしデータ。

0
Devin

私の提案は他の人と同じ線上にありますが、わずかな違いがあります。

  1. 空のコンボボックスがボタンと一緒に保持されている場合（およびこの空のコンボボックスがボタンが押されない限り満たされない場合）は、表示するのに適していません。結果がここに入力され、ユーザーがこれから選択する必要があることをユーザーに伝えるためにこのコンボボックスを保持する意図がある場合は、代わりにボタンの後に単純なテキストを保持し、利用可能な結果から何かを行う '
  2. ユーザーがGetListボタンをクリックした後にコンボボックスから何かを選択するために表示したい相互作用は一般的ではなく、十分に明白ではありません。コンボボックスを使用するかどうかは、システムが生成することを期待している結果の数にも依存します。アクションボタンで選択肢の行を表示すると、よりわかりやすくなります。 （ラジオボタンが使用されている場合、単一の結果の場合、単一のラジオボタンは奇妙に見えます）
  3. 3番目の点であなたに同意します。コンボボックス（およびラジオボタン）に1つの結果のみを保持すると、奇妙に見えます。したがって、各レコードのボタンがここで機能する可能性があります。これにより、ラベルのみを表示する代わりに、十分に柔軟になります。 enter image description here
0
Spicerjet