私は現在作業中です このログインページ :
つまり、2つ以上の単語を含む3つの「フレーズ」があります。
私はミニマリストの傾向があり、それを次のように変更します:
Terserの方が優れていますか?
このページにはタイトルとしてWord Loginがあるので、なぜそれ以上の説明ラベルが必要なのかわかりません。
残りの2つについては、短いバージョンを使用します。それらは読みやすく、誰が誰のパスワードとアカウントを忘れるか、パスワードを忘れた、アカウントを作成する機能が参照することを理解することは安全だと思われます。
「パスワードを忘れた」->「忘れましたか?」と進みます。コンテキストが明確になるように、パスワードフィールドのすぐ隣にグループ化してください。
また、テキストラベル「username」と「password」を削除し、テキストフィールドで定義しました(一部の検索ボックスと同様)。
本当に最小限にしたい場合は、新しいページのサインアップページを同じページに組み込むことをお勧めします。
Twitter.comのメインページをご覧ください。
ミニマルで直感的なデザインの素晴らしい例:(最初にログアウトして、サインイン/サインアップページを確認してください)
ついに画像を投稿できるようになりました(Repが新規ユーザーとして低すぎたため)。
「Twitterへの新規登録」の注意事項は3つのフィールドのみで、テキストラベルはありません。送信する代わりに登録してください。私はどんどん行くことができました:)。
使用可能なスペースはページのレイアウトの問題ではないので、長いフレーズを使用します。スペースが問題を引き起こす場合、または焦点を外したい場合にのみ、短い方のものを使用します。ページがユーザーに焦点を合わせているように見えるので、そのままで問題ありません。
ただし、タイトルと説明が重複している1つの点でトッドに同意します。 「ログイン」を右側に移動して説明を置き換えるか(ここでは動詞フォームを使用する方が良い)、または説明をタイトルとして使用します。
「アカウントにログイン」をまとめてドロップします。必要ないようです。ほとんどの人はログインページを認識する必要があります。
また、あなたが提供した短い表現にはマイナス面はないと思います。
そうは言っても、必ずユーザーを考慮してください。彼らは何歳ですか?彼らはすでにどのシステムとUIパターンを使用していますか?
あなたのユーザーベースが合理的にウェブに精通していると仮定すると、私は短いフレーズで行きます。ログインのタイトルを削除します。短いバージョンは、Webサイトを使用したことのあるユーザーには十分に明確ですが、レイアウト全体を見て、忘れたボタンとサインアップボタンを関連する領域の近くに移動できるかどうかを確認することに同意します。
また、ユーザーがWebに精通していない場合や、ユーザーが短いバージョンを認識できない理由が他にもある場合は、おそらく長い説明を提供する必要があります。
「パスワードを忘れた場合は、クリックしてリマインダーを取得してください」-または同様。