web-dev-qa-db-ja.com

基本的なログイン画面のデザインパターン

これは、winformsアプリのログイン画面です。

login dialog

私はそれに指を置くことはできませんが、これの美学について何かが好きではありません。それについての何かは、特にスタイリッシュでもなく、きれいでもない、またはusable

フォントが大きすぎませんか?フォントが間違っていますか?サイズやフォントが多すぎますか?
入力フィールドのパディングが少なすぎませんか?

私の腸で感じているが、実現しない標準的なパターンはありますか?
この単純なフォームのどこが間違っていると思いますか?

3
Brad

問題

ここでは、グループ化と類似性のゲシュタルトの原則が機能しています。フォームが混んでいます。要素内および要素間のスペースが少なすぎると、脳が1つのブロックとして消化しようとするブロックが作成され、重要なチャンクが検出されます。

すばやく簡単な修正

  1. 説明テキストが小さすぎます。
  2. テキストの下にさらにスペースが必要です。
  3. フィールドは互いにもっとマージンが必要です。
  4. フィールドには、より多くの内部パディングが必要です。
  5. ボタンは上部の余分なスペースを使用する可能性があります。
  6. 「大丈夫」と「キ​​ャンセル」のアクションを視覚的に区別します。

ボーナスポイント:Winformsからアプリをできるだけ早く入手してください!

すべてを一緒に入れて

Active Directoryの資格情報を使用するように指示する必要があるかどうかを質問します。ほとんどのユーザーはサインインの背後にあるアーキテクチャについて考えたくありません。私はさらに一歩進んで、紹介テキストではなくフィールドラベルを使用します。

これは、ユーザーが簡単に入力できる非常に簡単なフォームです。

Simple sign in panel wireframe

7
plainclothes