web-dev-qa-db-ja.com

スコア維持アプリで複数の目標を記録する方法は?

下の画像は、フットボール(サッカー)の試合レポートを作成するためのアプリケーションを示しています。具体的には、得点を記録するセクションです。

注:このUIはゲーム後のスコアの記録用であり、その間ではありません。

enter image description here

  1. 一致結果が0:0の場合、オン/オフスライダーボタンを使用してエリアを無効にする必要がありますか、それとも削除してユーザーにこのエリアを空のままにさせますか?
  2. 1人のプレーヤーが複数のゴールを決めた場合、「ホームチーム」の下にあるようにデータを分離する必要がありますか、それとも「アウェイチーム」の下にあるようにデータを分離する必要がありますか?
  3. 代わりに、フルネームテキストボックスの右側にあるすべてのUI要素を下に置く必要がありますか?
  4. 他のいくつかの提案?
2
Del boy

同じタイプのデータを記録するための表示/非表示の切り替えと複数の入力セットは非効率的です。

入力のセットを1つだけ用意し、目標を自宅にするか離れているかをユーザーに指定させることで、UIを節約できます。

ユーザーは単に目標の記録を開始し、それらが保存されると、入力UIの下の領域に入力されます。

1)0-0の場合-UIをスライダーの後ろに隠さず、ユーザーに見つけてもらいます。初めてのユーザーでも目標の記録場所を簡単に確認でき、経験豊富なユーザーでも簡単に記録を開始できます。目標がない場合は、空白のままです。レイアウトのスペースを節約することを除いて、この要素を使用することには大きなメリットはありません。

2)複数の目標がある場合-これは、実際にこのデータがどのように使用されるかによって異なります。情報をすばやく読み取って解析することが簡単であることが重要な場合は、個々のエントリに分けます。それがそれほど重要でない場合は、同じ行にエントリを置くことはおそらく問題ありません(例:'16、'55、 '89PKなど)。

ワイヤーフレームで個々の線を使用することを選択したのは、それが最も明確であり、読み取りと入力の両方で最高のエクスペリエンスを提供するためです(たとえば、複数のゴールがあるゲームの6番目のゴールを記録する場合複数の人がいる場合、ディスプレイをすばやく見て、どのゴールが既に記録され、どのゴールが記録されていないかを簡単に確認できます)

3)横または下-これは単なるレイアウトです。インタラクションを十分に合理化したら、それを心配します。

mockup

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

3
dennislees
  1. 一致結果が0:0の場合、オン/オフスライダーボタンを使用して領域を無効にするか、それを削除してユーザーにこの領域を空のままにさせますか?

私の意見では、スライダーボタンを保持することは良いことです。インターフェイスはより明確になります。しかし、私はヘッダーについて考えます。たぶん「誰か得点した?」 「誰が得点した」よりも良いでしょう

または、ユーザーが以前に最終スコアを完了する必要がある場合は、スライダーを自動アクションに置き換えることができます。スコアが0:0と異なる場合は、「スコアリング済み」モジュールを表示します。それ以外の場合は非表示にします。

  1. 1人のプレーヤーが複数のゴールを決めた場合、「ホームチーム」の下にあるようにデータを分離する必要がありますか、それとも「アウェイチーム」の下にあるようにデータを分離する必要がありますか?

私にとっては、「ホームチーム」バージョンの方が優れています。 「フルネーム+分」というフィールド形式についてユーザーにアドバイスする必要はありません。

  1. 代わりに、フルネームテキストボックスの右側にあるすべてのUI要素を下に置く必要がありますか?

今みたいに好きです。より明確に見えます。

他のいくつかの提案?

私はあなたの記者がどれほど正確であるかわかりませんが、多分それは役に立つでしょう。時々、プレーヤーが追加の時間で得点する状況があります。例えば。 45 '+ 2

0
Emil Grochulski