▲

GN⁺: Gov.uk의 'Exit this Page' 컴포넌트가 Escape 키를 사용하지 않는 이유

(beeps.website)
1P by neo 1달전 | favorite | 댓글 3개
  • 작년에 GOV.UK 디자인 시스템의 '이 페이지 나가기' 컴포넌트(EtP)를 출시함
  • 이 컴포넌트는 화면 상단에 고정된 큰 빨간 버튼으로, 클릭 시 BBC Weather로 이동하게 됨
  • 키보드의 ⇧ Shift 키를 세 번 누르면 버튼이 활성화되고 있다는 시각적 표시가 나타나고, 세 번째를 누르면 현재 페이지가 공백으로 표시되고 다시 BBC 날씨로 리디렉션
  • 이는 폭력적인 가정 상황에 있는 사람들이 페이지를 빠르게 떠날 수 있도록 돕기 위한 안전 도구임

왜 Escape 키를 사용하지 않는가

1. Escape는 브라우저의 페이지 로딩을 중지시킴

  • 대부분의 브라우저에서 Escape 키를 누르면 페이지 로딩이 중지됨. 이는 다른 페이지로 이동해야 하는 기능에 부적합함.

2. Escape는 운영 체제에서 다른 기능을 수행함

  • Escape 키는 전체 화면 미디어 종료, 모달 다이얼로그 닫기 등 다양한 기능에 사용됨. 이는 페이지의 JavaScript보다 우선시되어 혼란을 초래할 수 있음.

3. Escape 키 누름은 사용자 상호작용으로 간주되지 않음

  • JavaScript의 실행은 사용자 상호작용이 있어야 가능함. Escape 키는 유일하게 사용자 상호작용으로 간주되지 않아 페이지 리디렉션이 실패할 수 있음.

대체 키

  • Control 키는 Escape보다 나았으나 VoiceOver와의 충돌 문제와 키 위치의 일관성 부족으로 인해 적합하지 않음.
  • Alt/Option 키는 시스템 간 명칭 차이와 브라우저 및 시스템 레벨 기능과의 충돌로 인해 문제를 일으킴.

Shift가 더 나았으나 완벽하지 않음

  • Shift 키는 Escape보다 일관성 있게 작동하나, 몇 가지 단점이 있음. 예를 들어, Sticky Keys 기능이 활성화된 경우 더 많은 키 입력이 필요함.
  • Shift 키는 터치 디바이스의 가상 키보드에서도 사용 가능하나, 하드웨어 키보드와 비교해 예측 불가능한 동작을 보임.

결론

  • 기술과 웹 표준이 이상적인 사용자 경험을 방해하는 경우임. Escape 키가 이상적이지만, 여러 문제로 인해 일관되게 작동하지 않음.
  • 사용자 연구 결과, 새 탭에서 리디렉션 페이지를 열고 이전 탭을 자동으로 닫는 방법은 혼란을 초래할 수 있음.
  • Shift 키 사용에 대한 불만이나 버그 보고는 없었으나, 처음 듣는 사람들에게는 의문을 제기할 수 있음.

보너스: 왜 BBC Weather로 리디렉션하는가

  • 정치적 편향성을 피하기 위해 뉴스 서비스로 연결하지 않음. Google 홈페이지로 연결하는 것도 비효율적이라 판단함.
  • BBC Weather의 홈페이지는 콘텐츠가 풍부하여 사용자가 오랜 시간 머물러도 자연스러움.

GN⁺의 정리

  • GOV.UK의 '이 페이지 나가기' 컴포넌트는 사용자가 위험한 상황에서 빠르게 페이지를 떠날 수 있도록 돕는 안전 도구임.
  • Escape 키의 다양한 기능과 사용자 상호작용으로 간주되지 않는 특성 때문에 다른 키를 선택해야 했음.
  • Shift 키는 여러 대안 중 가장 적합했으나, 여전히 몇 가지 단점이 존재함.
  • 이 컴포넌트는 기술적 한계 내에서 최선의 사용자 경험을 제공하려는 시도의 결과물임.
▲
bbulbum 1달전  [-]

키보드로 브라우징하는 사람이라면 페이지를 떠나고싶을 때 탭닫기/창닫기 단축키를 쓰지 않을까 싶기도 하고,,
웹페이지가 '이 페이지 떠나기' 를 제공하는게 필요한가? 싶기도 하고 그렇네요.

답변달기
▲
savvykang 1달전  [-]

정부 웹사이트를 사용하는 사용자층이 마우스 사용자와 스크린 리더 사용자도 포함해야 하는 일반 대중인 점, 그리고 나가기 기능을 설계한 목적을 보면 이해가 됩니다. 사용자가 정서적으로 안정된 상태가 아니기 때문에 시야나 집중력이 저하된 상태에 있을 것이고, 그렇기 때문에 명시적으로 다른 사이트로 이동시키는 버튼이 필요한 것으로 이해합니다

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

답변달기
▲
neo 1달전  [-]
Hacker News 의견

  • 어떤 팀이 너무 깊게 생각한 나머지 직관적이지 않은 해결책을 찾은 것 같음. '오버피팅'의 냄새가 남

    • Shift 키를 세 번 누르는 것은 너무 복잡한 해결책임
    • 많은 사람들이 Shift 키가 무엇인지 모를 수 있음
    • UX 테스트가 어떻게 진행되었는지 궁금함

  • 키를 세 번 누르는 방식이라면, 숫자 키를 제외한 아무 키나 세 번 누르게 하는 것이 더 나았을 것임

    • 대부분의 사람들은 당황할 때 스페이스바를 누를 가능성이 높음

  • 여러 개의 비수정 키를 동시에 누르는 '매싱' 또는 '코딩' 방식을 테스트해보고 싶었음

  • 날씨 페이지로 이동하는 아이디어는 좋음

    • 뉴질랜드의 Shielded Site와 유사한 이니셔티브가 있음
    • 많은 대형 사이트들이 참여하고 있으며, 클릭 시 가정 폭력 자원에 대한 모달이 나타남

  • BBC 날씨 페이지를 미리 로드하여 즉시 전환할 수 있도록 해야 함

    • 현재 로드하는 데 시간이 걸림
    • 브라우저 기록에 남는 문제도 있음

  • 이 기능이 실제로 얼마나 유용한지 의문임

    • Ctrl+W나 탭 중간 클릭이 더 나은 대안일 수 있음
    • 개인 창을 열고 닫는 것이 더 스마트한 방법일 수 있음

  • 이러한 버튼 사용에 대한 통계가 있는지 궁금함

    • 피해자 서비스와 명예 기반 학대 서비스의 몇몇 고객이 이러한 버튼을 추가해달라고 요청함
    • 추적을 추가하면 상호작용이 느려질 수 있음

  • 많은 사람들이 명예 기반 학대 서비스를 사용할 때 컴퓨터 사용에 익숙하지 않음

    • 브라우저 기록을 확인할 수 있는 가해자에게 발견되는 것보다 기록을 남기지 않는 것이 더 나음

  • Shift 키 세 번 누르기 단축키에 대한 의문이 있음

    • 발견 가능성이 낮고 사이트 간 일관성이 부족할 수 있음

  • 이 기능은 불안정하고 잠재적으로 폭력적인 가정 상황에서 페이지를 빠르게 떠날 수 있는 안전 도구로 의도됨

  • 사람들이 어떤 페이지에서 가정 폭력으로 이어질 수 있는지 궁금함

    • 북마크 바를 클릭하거나 탭을 닫거나 전환하는 것이 더 쉬운 방법일 수 있음

  • Escape 키를 사용할 수 없다는 점은 이해하지만, Shift 키 세 번 누르기의 발견 가능성에 의문이 있음

  • 모든 브라우저에서 페이지 로딩 중 Escape 키를 누르면 로딩이 중지됨

  • 광고 때문에 웹 플랫폼의 기능이 제한되는 것에 대한 불만이 있음

  • 왜 사용자에게 일반적인 '탭 닫기' 단축키를 가르치지 않는지 의문임

답변달기