web-dev-qa-db-ja.com

Android Tabletのラベルと値に効果的なGUIを設計するにはどうすればよいですか?

Androidアプリケーションを主にタブレットで使用するためのシンプルなGUIを作成しようとしています。現在のGUIのポートレートとランドスケープのスクリーンショットがあります。これが文字通り唯一の画面であることに注意してください。私のアプリケーションが使用しています。他に表示する情報はありません。

enter image description hereenter image description here

ご存知のように、それは特別なことではありません。通常、ActionBarにはアプリケーションと対話するためのボタンがあるので、それらについては心配していません。大画面で[説明]:[値]をより効果的に表示することを心配しています。

関連するヒントがあれば、ぜひ聞いてください。私のGoogle検索のほとんどはWebフォームのデザインにつながりましたが、このシナリオでは私の目標ではありません。

画面がキーと値のペアを表示するためだけのものである場合、すべての努力はそれらを読みやすくすることに費やす必要があります。したがって、モックアップに値を含めます。それらがなければ、それがどのように機能するかを確認することはできません。

根本的な変更を加えることなく、横長のモックアップを少し調整しました。

  1. 私はテキストをさらに中心に押しました。キーと値の間のギャップが小さいと、左右のスキャンが目に簡単になり、読みやすくなります。
  2. 各キーと値のペアを区切るために、かすかなガイドラインを追加しました。繰り返しになりますが、この考え方は、各キーと値のペアを読みやすくすることです。

    mockup with improvements to help reading key-value pairs

考慮すべきその他の変更:

  • 行の色を交互に変えて表を描きます。これは、表形式のデータ全体でユーザーの目を導くのに役立つことが知られています。
  • 値を右側に配置する代わりに、インデントして、キーの下の次の行に配置します。これは、水平方向のスペースがあまりない小さな画面のアプリでよく使用される手法です。また、各値をキーの近くに保つという利点もあり、読みやすくなります。
1
Vince Bowdren

異なるサイズのカードをずらして、カードレイアウトを試すことができます。 Playストアがタブレット上にあるのとよく似ています。各カードには、アイコンとともにプロパティと値を含めることができます。

0
abhinavc

主なターゲットがタブレットの場合は、2つまたは複数のペインのレイアウトを検討してください。 [説明]:[値]のみを含む1つの画面を表示しないでください。これにより、値が含まれるペインがはるかに小さくなり、余計なスペースが多すぎることを心配する必要がなくなります。

キーと値のペアを表示する方法については、設定またはPeopleアプリから開始できます。

編集:PreferenceActivityをメインアクティビティとして使用してAndroidデフォルト表示を取得することを検討してください。

0
SidhNor