UI仕様調査「ログイン」「ログアウト」 / 2011/11/23

UIアクセシビリティ

調査経緯

 状態:-  閲覧数:2,439  投稿日:2011-11-23  更新日:2018-02-17
ユーザ登録申請メール認証を進めている際、ログアウト時の挙動が気になったので、調査
・どういう仕様が正しいの?
・どういう用語が正しいの?

・せっかくなので、ログインについても調べたよ

Yahoo! JAPAN / Excite エキサイト / Google アカウント / gooID / Facebook / mixi(ミクシィ)

 閲覧数:130 投稿日:2018-02-16 更新日:2018-02-16 

Yahoo! JAPAN


ログイン(入力項目名称)
・Yahoo! JAPAN ID
・パスワード
・次回からIDの入力を省略 共用パソコンではチェックを外してください。

ログアウト
すぐログアウト

Excite エキサイト


ログイン(入力項目名称)
・エキサイトID
・パスワード
・ログイン情報を保持する

ログアウト
ログアウト方法を選択する
   クイックログアウト
   ブラウザにエキサイトIDを記録してログアウトします。
   次回のログインはパスワード入力だけでログインできます。
   パソコンから離席する際などにご利用ください。

   完全ログアウト
   ブラウザにエキサイトIDを記録しません。
   次回のログインはIDとパスワードの両方入力する必要があります。
   パソコンを共有している場合はこちらをお勧めします。

Google アカウント


ログイン(入力項目名称)
・メール
・パスワード
・ログイン情報を保持する

ログアウト
すぐログアウト

gooID


ログイン(入力項目名称)
・gooID:
・パスワード:
・一定期間ログイン状態を保持 ご注意:必ず『ログイン状態の保持について』にご同意のうえチェックしてください。

ログアウト
すぐログアウト

Facebook


ログイン(入力項目名称)
・メールアドレス
・パスワード
・ログインしたままにする

ログアウト
すぐログアウト

mixi(ミクシィ)


ログイン(入力項目名称)
・ログインメールアドレス
・パスワード
・次回から自動的にログイン

ログアウト
すぐログアウト

ログアウトをクリックしたらすぐログアウトする

 閲覧数:120 投稿日:2018-02-16 更新日:2018-02-16 

エキサイトだけが特別


4件調べたけど、エキサイトだけが特別みたい

一般的な仕様


「ログイン情報を保持」のチェック有無に関係なく、ログアウトをクリックしたらすぐログアウトする
・「ログイン情報を保持」したいなら、ログアウトをクリックせずに画面遷移することが必須

クイックログアウト


「ログイン情報を保持」するわけではなく、単に「ブラウザにエキサイトIDを記録」するだけ



「ログイン情報を保持」の名称

 閲覧数:119 投稿日:2018-02-16 更新日:2018-02-16 

英語圏


「Remember Me」で統一されている

日本


・Yahoo! JAPAN … 次回からIDの入力を省略 共用パソコンではチェックを外してください。
・Excite … ログイン情報を保持する
・Google … ログイン情報を保持する
・goo … 一定期間ログイン状態を保持 ご注意:必ず『ログイン状態の保持について』にご同意のうえチェックしてください。

Yahoo! JAPAN
・正確には、「次回からIDの入力を省略」ではなく、「次回からIDとパスワードの入力を省略」
・Exciteの「クイックログアウト」とは全く別物

再度確認。細かい注意書きは不要と思うので、削除
・Yahoo! JAPAN … 次回からIDの入力を省略
・Excite … ログイン情報を保持する
・Google … ログイン情報を保持する
・goo … 一定期間ログイン状態を保持

・意味合い的には、gooの「一定期間ログイン状態を保持」が一番分かりやすい気がする
・でも、ちょっと長いので、「ログイン状態を保持」、このテキストを使うことにしよう





ログインフォームの名称

 閲覧数:125 投稿日:2018-02-16 更新日:2018-02-16 
Yahoo! JAPAN ID
4~31文字の半角英数字、記号(アンダーバー「 _ 」のみ)で入力してください。
アルファベットの大文字と小文字は区別されません。
最初の文字はアルファベットとしてください

エキサイトID
半角英数字・"-"・"_"が使用できます。
"-"と"_"は先頭と末尾には使用できません。
3文字~17文字以内

gooID
希望gooIDは、30文字以内の半角英数小文字、記号(”-”、”_”のみ)がご利用いただけます。

感想


Yahoo! JAPAN IDが、4文字から登録可能なことに驚くが、
「使用可能なIDがチェック」ボタンをクリックすると、ズラズラズラズラと長い文字列しか選択できなくなっている。
これは、恐らく、ネット黎明期からサービスを開始しているため、
最当初ユーザの中に、4文字で登録したユーザもいるため、
今更削除できなくなっているためではないか、と思われる(いや、実際はどうだか知らんけど)。

と思ってたら、エキサイトIDは、3文字から登録可能。しかも、今でも4文字とかでも登録可能のようだ。

が、ここで、ようやく勘違いに気が付く。
パスワードじゃないから、IDはどんなに短くても、構わないのか。

一意性さえ保たれればいいので、単に登録IDが増えれば増えるほど、
既存IDが使えなくなり、長くなっていくだけの話か。

パスワードの制限とか調べたほうがいい気もするが、それは、また後で。

「メール」と「ID」の違い


メールアドレスなら絶対に忘れない、ということなのかもしれないが、ではなぜ他社は「メール」にせず「ID」を使い続けているのか?

日本語が不可な理由


「メール」にしろ「ID」にしろ、入力項目は、「半角英数字」に限られている
・「メール」はともかく、「ID」はなぜ、日本語ではダメなのだろう?
・「URL」の一部として、利用する可能性があるから?
・セキュリティの関係?
・「ID」を利用して、何らかの処理を走らせたりするため、単に「半角英数字」の方が都合がいいとか?

比較一覧

 閲覧数:121 投稿日:2018-02-16 更新日:2018-02-16 

ログイン入力項目


パスワードの上の名称
・Yahoo! JAPAN … Yahoo! JAPAN ID
・Excite … エキサイトID
・Google … メール
・goo … gooID
・Facebook … メール
・mixi … ログインメールアドレス
→「メール」に決定

パスワードの名称
・Yahoo! JAPAN … パスワード
・Excite … パスワード
・Google … パスワード
・goo … パスワード
・Facebook … パスワード
・mixi … パスワード
→「パスワード」に決定

状態保持
・Yahoo! JAPAN … 次回からIDの入力を省略
・Excite … ログイン情報を保持する
・Google … ログイン情報を保持する
・goo … 一定期間ログイン状態を保持
・Facebook … ログインしたままにする
・mixi … 次回から自動的にログイン
→「次回から自動的にログイン」に決定

ログアウトクリック後の挙動
・Yahoo! JAPAN … すぐログアウト
・Excite … 「クイックログアウト」「完全ログアウト」、何れかを選択
・Google … すぐログアウト
・goo … すぐログアウト
・Facebook … すぐログアウト
・mixi … すぐログアウト
→「すぐログアウト」に決定

最終的に


「ログイン入力項目」内容及び名称
・メール
・パスワード
・次回から自動的にログイン

ログアウトクリック後の挙動
・すぐログアウト


・パスワードの入力制限事項については、後日、調査する


スキップリンク



週間人気ページランキング / 7-21 → 7-27
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 47
2 画面キャプチャ | Chrome 拡張機能(ブラウザ) 32
3 血の色 / #b30000 / #360800 / #ff0000 | 色 30
4 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 26
5 RGBの種類 / ビットカラー | RGB(色) 17
6 「属性」「プロパティ」「アトリビュート」の違い | CSS 16
7 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 15
7 HSLとHSVの違い | 色変換(色) 15
8 使用していないCSSをチェックする、標準的な方法を知りたい | CSS 14
9 Design 0 12
9 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 12
10 「bgcolor」「background-color」「background」の違い | CSS 10
11 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 9
12 親要素の背景色を、CSSで打ち消したい | CSS 7
12 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 7
12 キャラクター無料着せ替えジェネレーター Rinmaru Games / オンラインサービス | イラスト素材(デザイン) 7
13 Chromeブックマークの不満な点 | Chromeブックマーク(ブラウザ) 6
13 100/7%ではなく100%/7。(100/7)%ではなく(100%/7) | CSS 6
13 ログイン 6
13 グラデーション練習 | Fireworks 8(Fireworks) 6
2021/7/28 1:01 更新