시각 스타일과 조합해 사용하는 구성·상호작용 기법입니다.
W39 / 상호작용 기법
마이크로인터랙션
Microinteractions
복사·저장·선택 같은 작은 행동에 상태와 결과를 돌려주는 반응이다. 화면 전체의 미감보다 행동을 이해시키는 역할이 중요하다.
기존 상호작용 패턴
어디에 적용할까요?
복사 완료·필터 적용·저장 상태·입력 피드백·작은 진행 표시에 활용한다.
함께 살펴볼 점
색이나 짧은 움직임만으로 결과를 전달하지 않는다. 실패와 성공을 실제 처리 결과에 맞게 표시한다.
TRY THE INTERACTION
변화를 직접 살펴보세요
실제 복사 버튼을 눌러 처리 결과에 맞는 안내를 확인하세요.
버튼을 누르면 실제 복사 결과를 확인합니다.
MAKE YOUR OWN
이 기법으로 만들어 보세요
목적과 콘텐츠를 내 작업에 맞게 바꿔 사용하세요.
출처와 확인일
확인일 2026-09-20. 정의와 자료 맥락의 근거이며, 위 그림은 이 도감을 위해 별도로 제작했습니다.
- NN/g 마이크로인터랙션 ↗www.nngroup.com · 게시일 미확인