인터랙션

Input Mask

정의

입력 형식을 미리 정해 사용자가 특정 패턴에 맞춰 값을 쉽게 입력하도록 돕는 방식

전화번호나 카드 번호를 입력할 때 자동으로 하이픈이나 공백 형식을 맞춰주는 입력창에 활용할 수 있습니다.

같은 카테고리의 개념을 함께 보면 맥락을 더 빠르게 이해할 수 있습니다.

어떤 요소를 봤을 때 사용자가 가능한 행동을 직관적으로 예상하게 만드는 시각적 단서

작은 사용자 행동에 반응해 즉각적인 피드백을 주는 짧고 구체적인 인터랙션 설계

사용자 행동에 대한 시스템 반응을 통해 결과를 알려 주고, 다음 행동을 자연스럽게 유도하는 흐름

다른 용어를 계속 탐색하거나, 홈으로 돌아가 전체 흐름을 다시 확인할 수 있습니다.