web-dev-qa-db-ja.com

複雑な計算機UIのボタンを配置する最良の方法は?

科学プロジェクトの一環として、物理計算機のUIを作成しています。これには、学生が指定した2つまたは3つの値から、多くの値を計算することが含まれます。コーディング部分を担当しましたが、あとは値を計算するボタンの配置です。いくつか考えた後、次の2つのケースを最終候補に挙げました。

ケース1:ここでは、3つ(または4つ)のラベルがテキストフィールドに対して設定されています。ユーザーは任意の2つの値を入力し、共通の「計算」ボタンを押します。ボタンは、空(null)フィールドを検索するメソッドを呼び出し、値を計算するために必要なメソッドを呼び出します。返された値は、空のテキストフィールドの値として設定されます。 (ユーザーにとって)よりシンプルで使いやすいです。しかし、同じテキストフィールドのセットで繰り返し値を追加/変更するのは面倒です。 (おそらく各フィールドのボタンをクリアして、次の場合ほど邪魔にならないようにします:)

ケース2:ここでは、3つ(または4つ)のラベルがテキストフィールドに対して再度設定されていますが、個別の[計算]ボタンがあります。各ボタンは必要なメソッドを呼び出し、特定のテキストフィールドに必要な値を設定します。すべてに共通のクリアボタンが必要な場合があります。Case 1 or Case 2: a simple graphic representation

2つのケースの非常に単純なグラフィック表現を以下に示します(これは友人のPCで作成したもので、ペイント以外は何もありませんでした)。

私は、UIがクリーンで洗練されておらず、流動的である必要があります。最初のケースであるimoの方が優れています。しかし、これには、フィールドを個別にクリアするという小さな欠点があります(ここでも、ボタンを結合して、テキストフィールドのように見えるように設計されています。それをクリアするために?それは良いアイデアですか?)使用する。

すでにご回答ありがとうございます。

2
the42guy

いくつかの提案:

  1. 各フィールドにクリアボタンを表示します。クリックした後、フィールドに焦点を合わせると、直接何かを入力できます。私の例が正しい整列された数値のための最良の方法であるかどうかはわかりませんが。

  2. 1つ(1つのみ)のフィールドが空のままになったら、すぐにその横に疑問符を表示します。 「空のフィールドを計算する」と疑問符を併用すると、計算機の使用方法が明確になります。

  3. ただし、可能であれば、2番目の値を入力しながら計算を行う方がよい場合もあります。例2を参照してください。計算値を区別するために、別の色や矢印を使用できます。ユーザーによるアクションは不要なので、計算ボタンは省略できます。

  4. わかりやすいボタンラベルを使用しますが、スキャンしやすくします。私の例では、最初のWordをざっと見れば十分です。

例1および2

enter image description hereenter image description here

4
jazZRo