月謝袋のユーザビリティの見直し

ログイン画面に関して、もっと判りやすくしたとおもいました。

目次

UI改善点

  1. labelText:分かりやすい説明文を追加
    Email → 新規登録時に使用したメールアドレス
    Password → 新規登録時に設定したパスワード

  2. Email、Passの黄色ラベル追加(新規登録でやっていたけど、ログインではやっていなかった)
  3. ガイドテキストの改善
  4. リンクのボタン化:黒背景・黄色文字の「初めての方」ボタンに

改善結果

ログイン画面(左:改善前、右:改善後)

新規登録画面(左:改善前、右:改善後)
こちらもプレースホルダーテキストを変更

メールアドレスを入れてください
パスワード(1回目): 「お好きなパスワードを入れてください」
パスワード(2回目): 「もう一度同じパスワードを入れてください」
お名前: 「お名前を入れてください:(例)月謝花子」


目次