명령 팔레트와 중첩 탐색: Cmd+K가 사이드바를 능가하는 경우
어떤 명령 팔레트가 좋은지, 어디에 실패하는지, 검색, 퍼지 일치, 바로가기 및 검색 가능성과 같은 탐색과 함께 디자인하는 방법을 알아보세요.
핵심 포인트
명령 팔레트(종종 Cmd+K 또는 Ctrl+K로 열림)를 사용하면 메뉴에서 찾는 대신 원하는 작업을 입력할 수 있습니다. 자주 사용하는 사용자에게는 더 빠르고 기능과 바로가기를 찾는 데 도움이 됩니다. 이는 탐색을 대체하지 않습니다. 신규 사용자는 존재하는 내용을 알아보기 위해 여전히 눈에 보이는 구조가 필요합니다. 최고의 제품은 두 가지를 모두 제공합니다.
명령 팔레트가 확산되는 이유
개발자 도구에서 시작된 명령 팔레트. Visual Studio Code에서 Ctrl+Shift+P를 누르면 하나의 키보드 기반 창에서 편집기의 모든 기능에 액세스할 수 있는 명령 팔레트가 열립니다. Superhuman와 같은 제품은 Cmd+K를 경험의 중심으로 만들었습니다. 즉, 모든 작업을 수행할 수 있는 하나의 단축키이며 다음 번에 전용 단축키를 가르쳐 주기도 합니다. Superhuman는 사람들이 메뉴보다 검색을 선호한다고 주장합니다. 메뉴는 메뉴 구성 방식을 이미 이해한 경우에만 도움이 되기 때문입니다.
좋은 팔레트에 필요한 것
유용한 팔레트와 실망스러운 팔레트의 차이점은 대부분 검색 품질입니다.
- 퍼지 일치: 오타와 부분 단어는 여전히 올바른 명령을 찾아야 합니다(Superhuman는 "lnik"이 여전히 "링크"를 찾아야 함을 기록합니다).
- 동의어: 사람들은 "초대", "회원 추가" 또는 "공유"를 입력합니다. 모두 작동해야합니다.
- 순위: 최근 및 자주 사용하는 명령이 먼저 나온 다음 가장 일치하는 텍스트가 표시됩니다.
- 사람들이 알 수 있도록 각 결과 옆에 바로가기를 표시하세요.
- 페이지, 사람, 파일 등 개체와 작업을 혼합합니다.
- 키보드가 우선이지만 마우스와 화면 판독기로 완벽하게 사용할 수 있습니다.
팔레트가 부족한 곳
팔레트는 열 때까지 보이지 않으므로 새로운 사용자에게 제품의 기능을 알려줄 수 없습니다. 사람들은 자신이 원하는 것에 대한 단어를 알거나 추측해야 합니다. 그렇기 때문에 팔레트를 선호하는 탐색 기능을 제거하면 일반적으로 신규 사용자와 비정기 사용자에게 피해를 줍니다. 탐색을 위해 명확한 사이드바나 메뉴를 유지하고 팔레트를 자신이 어디로 가고 있는지 이미 알고 있는 사람들을 위한 빠른 차선으로 취급하십시오.
접근성
스크린 리더가 결과를 알리고, 팔레트가 열려 있는 동안 팔레트 내부에 포커스를 유지하고, Escape로 닫고 원래 있던 위치로 포커스를 되돌릴 수 있도록 설정된 콤보 상자 및 목록 상자 패턴을 사용하십시오. 보조 기술이나 브라우저가 사용하는 바로가기를 재정의하지 마세요.
기억할 핵심 원칙
- 팔레트는 자주 사용하는 사용자에게 빠르며 단축키를 찾는 데 도움이 됩니다.
- 신규 사용자에게는 보이지 않으므로 탐색 가능한 상태를 유지하세요.
- 검색 품질이 성공을 결정합니다: 퍼지 매칭, 동의어, 좋은 순위
- 사람들이 배울 수 있도록 결과에 바로가기를 표시하세요.
- 콤보박스 접근성 패턴을 따르세요
자주 묻는 질문
출처
- How to build a remarkable command palette — Superhuman
- User interface: Command Palette — Visual Studio 코드 문서
- Progressive Disclosure — Nielsen Norman Group