私は、URL、ユーザー名、およびパスワードを受け入れる簡単なツールを構築しています。 URLには1つ以上のデータセットが含まれています。ユーザーがURL、ユーザー名、パスワードを入力した後。次に、ツールはデータセットのリストをURLから取得します。次に、ユーザーはリストの項目の1つを選択する必要があります。次に、ユーザーは「Do Stuff」ボタンをクリックします。このツールは、ユーザーが選択したアイテムに基づいて、URLに対して何らかの操作を行います。
これを、次のようなシンプルなウィンドウにしました([]->テキストボックス)。
URL [ ]
UserName [ ] Password [ ]
URLにデフォルト値を事前に入力しますが、ユーザーは変更可能です。この下には、ユーザーがリストから選択できるコンボボックスが必要ですが、これは、ユーザーがURL、ユーザー名、パスワードを入力した後でのみ作成できます。だから私の考えは、UserName行の下に
[Get List button] [Empty ComboBox]
ユーザーが[リストを取得]ボタンをクリックしたら、コンボボックスに選択肢を入力し、ユーザーがそれらの1つを選択します。
最後に、下部に「作業を行う」ボタンがあります。
私の質問は
ボタンと空のコンボボックスはこれを行うための良い方法ですか、それとももっと直感的な方法がありますか?
GetListボタンをクリックした後、ユーザーがコンボボックスから何かを選択する必要があるかどうかは明らかではありません。これを改善するにはどうすればよいですか?
また、リストに項目が1つしかない場合があるため、1つの項目だけではコンボボックスが不自然に感じることがあります。次に、コンボボックスを非表示にして、アイテム名を示すラベルに置き換えますか?最初に(彼が[リストを取得]ボタンをクリックする前に)、コンボボックスまたはラベルで開始するか、何も開始しないでください。
問題の説明を読んだ後、視覚化してみました。
あなたのユースケースでは、重要なものが欠けています。それらはシステムからのフィードバックです。たとえば、URL、ユーザー名、パスワードを入力した後、ユーザーがログインしていることを確認する必要があります。サーバーからデータを取得する準備ができています。
コンボボックスの提案に同意しません。代わりに、ラジオボタン付きの表形式の表示を使用することを提案します。それはあなたがコンボボックスでやっていることです。ただし、データが入力されているため、ユーザーが選択する必要があるという視覚的な表示はありません。
すべてのポイントをワイヤーフレームの形で以下に配置しようとしました。これが答えることを願っています。セクション1、2、3は、異なるウィンドウまたはステージにすることができます。
Google Analytics-Goal Creationページに似たものを使用することをお勧めします。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
これにより、ユーザーは「リストを取得」ボタンをクリックする必要がなくなり、使用と処理が簡単になります。
複雑すぎると思います。システム管理者が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ルールを使用して、それが要点です。ポイントフローに直接、あいまいさなし、代替オプションなし、情報を探す必要なし、使用可能なレイアウトに基づいてレイアウトを心配する必要なしデータ。
私の提案は他の人と同じ線上にありますが、わずかな違いがあります。