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

UIアクセシビリティ

調査経緯

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

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

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

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

Yahoo! JAPAN


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

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

Excite エキサイト


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

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

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

Google アカウント


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

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

gooID


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

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

Facebook


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

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

mixi(ミクシィ)


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

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

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

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

エキサイトだけが特別


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

一般的な仕様


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

クイックログアウト


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



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

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





ログインフォームの名称

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

比較一覧

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

最終的に


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

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


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


スキップリンク



週間人気ページランキング / 11-16 → 11-22
順位 ページタイトル抜粋 アクセス数
1 鉄道会社毎のカラーコード | カラーコード(色) 12
2 FontAwesomeでアイコンが□(四角)になって表示されない Forbidden  | Font Awesome(フォント) 10
3 Design 0 8
3 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 8
4 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 6
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
5 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 5
6 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 4
7 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 3
7 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 3
7 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 3
7 個人的によく見返すエントリーへのLinkなど | その他 3
7 RGB ⇔ Lab | 色変換(色) 3
7 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 3
7 色モデルイメージ図 | 色変換(色) 3
8 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2
8 ICCプロファイル | カラーマネージメント(色) 2
8 パッケージ化されてない拡張機能 | Chrome 拡張機能 2
8 空間的 / 可逆な JPEG ファイルの読み込みは実行されません | Photoshop CS3(Photoshop) 2
8 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 2
2024/11/23 1:01 更新