web-dev-qa-db-ja.com

フォームデザインにサインイン-モックアップに関するアドバイスを求める

サインインのモックアップを検証「バージョン」付きのフォームに添付しました。私はそれがいくつかのルールに違反していると思うので、特に下部のコメントについて、いくつかのコメントに本当に感謝します(1列のフォームを作成し、検証が整列していない方がよいと読みました)。でも、それはもっと呼吸しているので、雑然としているようには思えません。これらは私がおそらくクライアントに示す2つですが、私はまだ一番下の命題についてはためらっています(一方で、私はそこに何かがあるように感じます)。

正直なところ、私はこのフォームにしばらく取り組んでいますが、多くのガイドライン、ルール、および良い習慣を読みましたが、すべて明白であるように見えましたが、座って実行すると、まだ初心者。

そこで削除できる要素はありません。それらはすべて必要ですが、同時にフォームは簡潔でシンプルでなければなりません。私はこれらすべての例と他の人のデザインを見て、それを自分のデザインに適用するのにまだ苦労しています。

トップデザインもいいですか?

無秩序な質問でごめんなさい。

enter image description here

2
Ola Osinska

2つの入力を並べて配置することは興味深い場合がありますが、2番目の例では、並置された入力が関連していないようです。

検証テキストについては、右側よりも入力の下に置く方が興味深いと思います。そのため、このプロジェクトの他の場所に入力の右側に十分なスペースがない他のページがある場合(ポップインやモバイルバージョンなど)は、同じレイアウトにすることができます。

1
Achille VII

ここで遵守する最も重要なUXルールは " あなたはユーザーではありません "だと思います。フォームガイドラインは、多くの研究とアプリケーションの結果として生まれました。 ここ は1つです。

非標準のソリューションは快適に感じるかもしれませんが、あなたのために設計しているわけではありません。標準ソリューションを使用します。

個人的には、私が数え切れないほど見てきたように、一番上の列はより直感的で雑然としていないように感じます。

0
Boat

私は一番上のものを好みますが、サインアップするには、少なくとも7つの項目を入力する必要があります。ニックネーム、ユーザータイプ、生年月日を選択する必要がある理由がわかりません。

メールアドレスとパスワードのみが必要です(パスワードを表示-いいね!)残りは、オンボーディングの一部としてサインアップ後に行うことができます

0
colmcq