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

UIアクセシビリティ

調査経緯

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

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

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

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

Yahoo! JAPAN


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

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

Excite エキサイト


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

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

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

Google アカウント


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

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

gooID


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

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

Facebook


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

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

mixi(ミクシィ)


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

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

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

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

エキサイトだけが特別


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

一般的な仕様


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

クイックログアウト


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



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

 閲覧数:457 投稿日: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の「一定期間ログイン状態を保持」が一番分かりやすい気がする
・でも、ちょっと長いので、「ログイン状態を保持」、このテキストを使うことにしよう





ログインフォームの名称

 閲覧数:481 投稿日: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」を利用して、何らかの処理を走らせたりするため、単に「半角英数字」の方が都合がいいとか?

比較一覧

 閲覧数:453 投稿日: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 … すぐログアウト
→「すぐログアウト」に決定

最終的に


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

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


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


スキップリンク



週間人気ページランキング / 4-19 → 4-25
順位 ページタイトル抜粋 アクセス数
1 16進数カラーコード / 2進数 23
2 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 14
3 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 13
4 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 12
5 RGB ⇔ Lab | 色変換(色) 9
5 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 9
6 Design 0 8
6 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 8
7 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 6
8 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 5
8 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 5
9 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 4
10 「line-height」効果を打ち消すスタイルシートは、「line-height:normal; 3
10 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 3
10 「群青色」「瑠璃色」「ウルトラマリンブルー」の違い 3
10 「bgcolor」「background-color」「background」の違い | CSS 3
11 HTML5でiframeスクロールバーを表示しない方法が不明 | HTML5(HTML) 2
11 「Midjourney」を使用してみた感想。2022 年 8 月 2 時点では、画像生成能力自体は素晴らしいと思いますが、UIが致命的に分かりづらかったです。 | AI画像生成 2
11 2進数 / Binary Number 2
11 鉄道会社毎のカラーコード | カラーコード(色) 2
2024/4/26 1:01 更新