2초만에 불필요한 클릭 없애는 4가지 방법
강영화 · 토스 · 토스 기술 블로그
소개
토스 앱에는 little big detail 이 많은데요, 그중 하나를 소개하고 싶어요. 바로 불필요한 클릭 없애는 방법이에요.
AI 핵심 요약
사용자가 원하는 작업을 더 빠르게 마치도록 입력 과정의 불필요한 클릭을 줄이는 네 가지 방법을 소개합니다. 정보 하나만 입력하거나 자릿수가 정해진 경우 CTA를 없애고, 입력값에 맞는 키보드를 설정하며, 화면 진입 시 입력 필드에 포커스를 주는 방식입니다. 더 나아가 기존 정보와 송금 내역을 활용해 값을 미리 채우거나 내부 도구를 템플릿화하는 방법도 제안합니다. 작은 인터랙션을 점검하고 사용자의 입력 자체를 줄이는 방향으로 설계하면 시간을 아끼고 더 나은 경험을 만들 수 있습니다.
- 입력값이 하나뿐이거나 자릿수가 정해져 있다면 완료 CTA를 생략할 수 있는지 검토하세요.
- 입력 데이터의 형식에 맞는 키보드를 처음부터 표시하면 키보드 전환 동작을 줄일 수 있습니다.
- 화면 진입 시 입력 필드에 포커스를 주면 사용자가 필드를 다시 누르지 않아도 됩니다.
- 기존 입력 정보, 송금 내역, 템플릿 등을 활용해 사용자가 직접 입력해야 하는 양을 줄이세요.
비슷한 학습 자료
토스의 접근성 문서 A11y Fundamentals 을 소개합니다 (오픈 기념 이벤트 ~9/10)
강민우 · 토스 기술 블로그
웹에서 복잡한 퍼널 쉽게 관리하기
임재후/최수민 · 토스 기술 블로그
Simplicity 4 : 한 번쯤 이상을 꿈꿔본 모두에게
유아란 · 토스 기술 블로그
토스 디자이너가 제품에만 집중할 수 있는 방법
박수현 · 토스 기술 블로그
크고 복잡한 제품, 과감하게 갈아엎기
이지윤 · 토스 기술 블로그
우리에게 당연하지만 사용자는 아닌 것들
김소현 · 토스 기술 블로그