web-dev-qa-db-ja.com

モバイル(iOS / Android)アプリケーションの1つの画面には要素が多すぎますか?

スクロールしなければ、乱雑になる前に縦軸に配置できる中央のボタンの最大数はどれくらいですか? Interface Builderは要素間の推奨距離を提供しますが、上部と下部にも空白がありますか?

具体的には、1つの画面を持つシンプルなユーティリティアプリを使用しています。この画面には、広告、2行のテキスト、2つの機能ボタン、およびフッター画像があります。 3つ目の機能を追加することを考えています。これは特定のインスタンスですが、より一般的なガイドラインを探しています。いつ多すぎますか?それはいつすべて視覚的な混乱になりますか?

8
Don

私が誰にでもできる最高のアドバイスは、それを試してみて、それがどのように見えるかを確認することです。アプリのターゲット市場の誰か(ユーザー/潜在的なユーザー)に尋ねるのも良いかもしれません。

5
matto1990

私のUX教師は常に、横一列に4つ以上の要素を入れたり、縦一列に4つ以上の要素を入れたりしてはいけないと言っていました。

私はいつもそのルールを守っていたわけではありませんが、今でもそう思います。標準のiPhoneアプリでは、1/2インチごとに1要素のルールを残しています。

3
Nils Munch

Interface Builderの提案も素晴らしいスタートになると思います。 3番目のフィーチャがこの推奨距離を維持している場合、それは良い兆候です。そうしないと、画面の領域を使いすぎてしまう可能性があります-視覚的な整理や物事を理解しやすくするために空白の力を過小評価しないでください。

これは、一般的なガイドラインの候補ではない可能性があります。上記のように、誰かに使用してもらいます。また、7 +/- 2を推奨する人の言うことを聞かないでください! :)

1
cbosco

覚えておくべき重要なこと。これらはすべてガイドライン/ベストプラクティスです。別のオプションを追加することが望ましい(直感的であることを意味する)場合(できればスクロールしないこと)、そうする必要があります。ただし、オプションを追加するオプションを追加するだけの場合は、回避します。

また、すべてはその要素自体が実際にどのように設計されているかに依存します。たとえば、画面上にあるボタンが多いほど、エッジ/ボックス/ラインなどが多くなります。画面上にあります。これは、画面がより乱雑で混乱しているように見えるだけです。

要点... KISS(単純な愚かなことを心がけてください。)これを心に留めておけば、通常は失敗することはありません。

0
Ed Glogowski