스와이프-액션 UX: 숨겨진 제스처를 발견 가능하고 안전하게 만들기
목록에서 스와이프 동작을 디자인하는 방법: 기호, 임계값, 전체 스와이프 커밋, 실행 취소, 접근성 및 스와이프가 유일한 방법이 되어서는 안 되는 이유.
핵심 포인트
스와이프 작업은 보관, 삭제 등 자주 사용하는 목록 작업을 빠르게 수행할 수 있는 단축키이지만 숨겨져 있으므로 작업을 수행하는 유일한 방법이 되어서는 안 됩니다. 예상되는 작업에 사용하고, 항목이 이동할 때 명확한 임계값을 표시하고, 부분 스와이프로 공개하고 전체 스와이프 커밋을 허용하고, 파괴적인 작업에 대해 실행 취소를 제공합니다.
유용성 문제
Nielsen Norman Group는 스와이프하여 표시 동작에서 반복되는 문제를 발견했습니다. 기호가 부족하면 스와이프가 작동하는 위치가 불분명해지고, 스와이프 뒤의 비표준 동작은 삭제 또는 보관을 기대하는 사람들을 놀라게 하고, 스와이프 뒤에 많은 동작을 숨기면 발견하기 어렵고, 동일한 제스처가 섹션 사이를 탐색할 때 스와이프가 모호해질 수 있습니다.
스와이프 동작의 작동 방식
Material Design는 Android의 일반적인 패턴을 설명합니다. 목록 항목은 스와이프 시 버튼을 표시할 수 있으며 기본 작업은 전체 스와이프가 직접 트리거되는 최종 정렬 옵션입니다.
- 자주 예상되는 작업(보관처리, 삭제, 읽음으로 표시)을 계속 스와이프하세요.
- 항목이 이동함에 따라 작업과 해당 색상을 표시하고 커밋 임계값에서 시각적으로 변경합니다.
- 임계값 이전에 릴리스된 경우 항목을 다시 스프링하십시오.
- 파괴적인 작업에 대해서는 실행 취소를 제안하거나 확인을 요청하세요.
- 동일한 화면에서 가로 스와이프 동작과 가로 스와이프 탐색을 혼합하지 마세요.
결코 유일한 방법은 아니다
스와이프는 보이지 않기 때문에 보이는 메뉴, 길게 누르기 메뉴, 상세 화면에 동일한 동작을 넣어주세요. 여기에는 접근성도 포함됩니다. 스크린 리더 사용자와 정확한 제스처를 수행할 수 없는 사람에게는 비 제스처 경로가 필요하며 플랫폼은 정확히 이러한 목적을 위해 접근성 작업을 제공합니다.
모션을 사용하면 스와이프가 신뢰할 수 있는 것처럼 느껴집니다.
아이템은 손가락을 정확하게 추적해야 하며, 손가락을 놓으면 손가락의 속도를 전달하는 스프링이 커밋 또는 스냅백이 물리적인 느낌을 갖게 합니다. 플랫폼이 지원하는 문지방을 짧게 탭하면 손가락을 떼기 전에 동작이 확인됩니다.
기억할 핵심 원칙
- 스와이프가 숨겨져 있습니다. 항상 눈에 보이는 대안을 제공하세요.
- 자주 예상되는 작업에 사용하세요.
- 부분 스와이프 공개, 전체 스와이프 커밋, 초기 릴리스가 다시 시작됩니다.
- 파괴적인 작업 실행 취소 또는 확인
- 한 화면에서 수평 제스처 충돌 방지
자주 묻는 질문
출처
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3