2000年からWebサービスに携わっているaround fiftyです。
未だに、『サインイン、ログイン、サインアップ』を勘違い/違いがわからないときがあることがいる自分がおります。違いがわかるオトコに憧れます。
登録ボタンの色が違ったりと工夫されている場合が多く、その誘導に導かれるままに動かされている感じです。
登録フォームも、段階的なものが多く、ID(=メールアドレス)とパスワードの入力項目のみというのもあります。そんなフォームを私が作っておりました。
そこで、自分の備忘録として、フォームに関して基本的なことをまとめてみました。
【1】ボタン(ラベル)をわかりやすく
Sign up now! / Join today Sign Up! / Create a New Account!
Welcome back.Sign in! / Log In / Have an account?
日本語なら、
・今すぐ会員登録(10秒)
・毎度おおきに,ログインしてね。既に会員登録いただいた方はこちら
【2】登録とログインのフォームでは、項目数の差を明確にする
ログインは少ない、登録は項目数多くするが、必要以上には入手しない。
【3】Padやスマホでも、エラー表示をわかりやすく
エラーが英語だったり、エラーの場所がわからない。エンジニアには、利用するコンポーネントでどこにエラーが表示されるのか?PC/スマホでは、どう見えるのか?
当たり前のことを怠ってしまい、あとで直すことに・・・
【4】できるだけ入力フォームの数を少なく
私のようなポータルサイト、ASP、Web2.0とかの言葉に憧れながら仕事をしていた世代は、PCやブラインドタッチが当たり前となっていて、考え方もPCベースと紙ベースが根付いています。
スマホでどう見えるか?アプリではどう見えるか?
対峙した人にどのように行動してほしいのかを自分自身が理解し、シンプルに伝わる方法を考え、実践する、そんな試行錯誤が続いています。