1 ポイント 投稿者 GN⁺ 2024-10-10 | 3件のコメント | WhatsAppで共有
  • 昨年、GOV.UKデザインシステムの「Exit this Page」コンポーネント(EtP)をリリースした
  • このコンポーネントは画面上部に固定された大きな赤いボタンで、クリックするとBBC Weatherに移動する
  • キーボードの**⇧ Shiftキーを3回**押すと、ボタンが有効になっていることを示す視覚的な表示が現れ、3回目を押すと現在のページが空白表示になり、その後BBC Weatherへリダイレクトされる
  • これは暴力的な家庭環境にある人々がページをすばやく離れられるようにするための安全ツールである

なぜEscapeキーを使わないのか

1. Escapeはブラウザのページ読み込みを停止する

  • ほとんどのブラウザではEscapeキーを押すとページの読み込みが停止する。これは別のページへ移動する必要がある機能には適していない。

2. Escapeはオペレーティングシステムで別の機能を実行する

  • Escapeキーは全画面メディアの終了、モーダルダイアログを閉じることなど、さまざまな機能に使われる。これはページのJavaScriptより優先され、混乱を招く可能性がある。

3. Escapeキー押下はユーザー操作と見なされない

  • JavaScriptの実行にはユーザー操作が必要である。Escapeキーは唯一、ユーザー操作と見なされないため、ページのリダイレクトが失敗する可能性がある。

代替キー

  • ControlキーはEscapeより良かったが、VoiceOverとの競合問題やキー位置の一貫性不足のため適していない。
  • Alt/Optionキーはシステム間で名称が異なり、ブラウザおよびシステムレベルの機能との競合によって問題を引き起こす。

Shiftのほうが良かったが完璧ではない

  • ShiftキーはEscapeより一貫して動作するが、いくつか欠点がある。たとえばSticky Keys機能が有効な場合、より多くのキー入力が必要になる。
  • Shiftキーはタッチデバイスの仮想キーボードでも使用できるが、ハードウェアキーボードと比べて予測しにくい動作を示す。

結論

  • 技術とWeb標準が理想的なユーザー体験を妨げているケースである。Escapeキーが理想的ではあるものの、複数の問題により一貫して動作しない。
  • ユーザー調査の結果、新しいタブでリダイレクト先ページを開き、以前のタブを自動で閉じる方法は混乱を招く可能性がある。
  • Shiftキーの使用について不満やバグ報告はなかったが、初めて聞く人には疑問に思えるかもしれない。

ボーナス: なぜBBC Weatherへリダイレクトするのか

  • 政治的偏向を避けるため、ニュースサービスには接続しない。Googleホームページへ接続するのも非効率だと判断した。
  • BBC Weatherのホームページはコンテンツが豊富で、ユーザーが長時間滞在していても自然である。

GN⁺のまとめ

  • GOV.UKの「Exit this Page」コンポーネントは、ユーザーが危険な状況で素早くページを離れられるよう支援する安全ツールである。
  • Escapeキーのさまざまな機能と、ユーザー操作と見なされない特性のため、別のキーを選ぶ必要があった。
  • Shiftキーは複数の代替案の中で最も適していたが、それでもいくつかの欠点が残っている。
  • このコンポーネントは、技術的制約の中で最善のユーザー体験を提供しようとする試みの成果である。

3件のコメント

 
bbulbum 2024-10-11

キーボードでブラウジングする人なら、ページを離れたいときはタブを閉じる/ウィンドウを閉じるショートカットを使うのでは、と思ったりもしますし、、
そもそもウェブページが「このページを離れる」を提供する必要があるのか?とも感じますね。

 
savvykang 2024-10-11

政府のウェブサイトを利用するユーザー層には、マウス利用者やスクリーンリーダー利用者も含む一般大衆を想定する必要がある点、そしてこの離脱機能を設計した目的を考えると理解できます。ユーザーは情緒的に安定した状態ではなく、視野や集中力が低下している可能性があるため、明示的に別のサイトへ移動させるボタンが必要なのだと理解しています

https://design-system.service.gov.uk/patterns/exit-a-page-quickly/

 
GN⁺ 2024-10-10
Hacker Newsのコメント
  • あるチームが考えすぎた結果、直感的ではない解決策にたどり着いたように見える。「オーバーフィッティング」の匂いがする

    • Shiftキーを3回押すのは、複雑すぎる解決策だ
    • Shiftキーが何なのか分からない人も多いかもしれない
    • UXテストがどのように行われたのか気になる
  • キーを3回押す方式にするなら、数字キー以外の任意のキーを3回押させるほうがよかったはず

    • たいていの人は、焦ったときにスペースバーを押す可能性が高い
  • 複数の非修飾キーを同時に押す「マッシング」または「コード入力」のような方式もテストしてみてほしかった

  • 天気ページへ移動するアイデアはよい

    • ニュージーランドのShielded Siteに似た取り組みがある
    • 多くの大手サイトが参加しており、クリックすると家庭内暴力の支援リソースに関するモーダルが表示される
  • BBCの天気ページを事前に読み込んで、即座に切り替えられるようにすべき

    • 現状では読み込みに時間がかかる
    • ブラウザ履歴に残る問題もある
  • この機能が実際にどれほど有用なのか疑問だ

    • Ctrl+Wやタブの中クリックのほうがよい代替手段かもしれない
    • プライベートウィンドウを開いて閉じるほうが、より賢いやり方かもしれない
  • このボタンの使用に関する統計があるのか気になる

    • 被害者支援サービスや名誉に基づく虐待対応サービスの一部の利用者が、この種のボタンを追加してほしいと要望している
    • トラッキングを追加すると、操作が遅くなる可能性がある
  • 家庭内での名誉に基づく虐待対応サービスを利用する人の多くは、コンピュータの使用に慣れていない

    • ブラウザ履歴を確認できる加害者に見つかるくらいなら、履歴を残さないほうがよい
  • Shiftキーを3回押すショートカットには疑問がある

    • 発見しやすさが低く、サイト間で一貫性も欠けるかもしれない
  • この機能は、不安定で潜在的に暴力的な家庭環境において、ページをすばやく離れるための安全ツールとして意図されている

  • どのようなページが家庭内暴力の引き金になりうるのか気になる

    • ブックマークバーをクリックしたり、タブを閉じたり切り替えたりするほうが簡単かもしれない
  • Escapeキーが使えない点は理解できるが、Shiftキーを3回押す方式の発見しやすさには疑問がある

  • どのブラウザでも、ページ読み込み中にEscapeキーを押すと読み込みが停止する

  • 広告のせいでWebプラットフォームの機能が制限されることへの不満がある

  • なぜユーザーに一般的な「タブを閉じる」ショートカットを教えないのか疑問だ