마이크로인터랙션이란?

마이크로인터랙션(Microinteraction)이란무엇인가?

마이크로인터랙션은 하나의 주요 작업(단일 목적)이 있는 이벤트이며 기기 전체와 앱 내에서 찾을 수 있다. 그들의 목적은 사용자를 즐겁게 하는 것이다. 매력적이고 환영하며 감히 말하자면 인간적인 순간을 만드는 것이다.

마이크로인터랙션은 단일 사용 사례를 중심으로 회전하는 제품 모멘트로, 하나의 주요 작업이 있다. 설정을 변경하고, 데이터 또는 장치를 동기화하고, 알람을 설정하고, 비밀번호를 선택하고, 로그인하고, 상태 메시지를 설정하거나, 즐겨찾기 또는 “좋아요”를 표시할 때마다 마이크로인터랙션에 참여하게 된다. 우리가 휴대하는 기기, 집에 있는 가전 제품, 휴대폰과 데스크탑의 앱, 심지어 우리가 살고 일하는 환경에 내장된 앱에도 있다. 대부분의 가전 제품과 일부 앱은 전적으로 하나의 마이크로인터랙션을 중심으로 구축된다.

마이크로인터랙션은 다음과 같은 경우에 좋다.

  • 단일 작업 수행
  • 장치를 함께 연결
  • 온도와 같은 단일 데이터와 상호 작용
  • 음악 볼륨과 같은 진행 중인 프로세스 제어
  • 설정 조정
  • 상태 메시지와 같은 작은 콘텐츠 보기 또는 만들기
  • 기능 켜기 또는 끄기
Naoto Fukasawa’s CD Player
Apple’s iPhone mute switch
Twitter’s pull-to-refresh
pump up the volume!
automatic faucets

우리는 매일 마이크로인터랙션에 둘러싸여 있지만 무언가 끔찍하게 잘못될 때까지 이를 알아차리지 못한다. 그러나 마이크로인터랙션은 작은 크기와 거의 보이지 않음에도 불구하고 매우 중요하다. 당신이 좋아하는 제품과 당신이 용인하는 제품의 차이는 종종 당신이 그 제품과 갖는 미세 상호작용이다. 그것들은 잘만 한다면 우리의 삶을 더 쉽고, 더 재미있고, 더 흥미롭게 만들 수 있다. 마이크로인터랙션을 잘 설계하는 방법이 이 글에 모든 내용이다.

마이크로인터랙션의 구조

효과적인 마이크로인터랙션을 만드는 것은 포함된 크기뿐만 아니라 형태이다. 아름답게 만들어진 마이크로인터랙션은 마이크로인터랙션의 네 부분 모두에 주의를 기울인다. 

트리거는 마이크로인터랙션을 시작한다. 규칙은 무슨 일이 일어나는지 결정하는 반면 피드백은 사람들에게 무슨 일이 일어나고 있는지 알려준다. 루프와 모드는 마이크로인터랙션의 메타 규칙을 결정하며, 각 부분은 Microinteractions 의 해당 장에서 자세히 설명 한다.

마이크로인터랙션은 상당한 수의 디지털 요소를 포함하지만 모든 요소가 마이크로인터랙션의 일부는 아니다. 화면에 항상 존재하는 정적 요소는 고유한 트리거가 없기 때문에 마이크로인터랙션이 아니다. 또한 여러 작업으로 구성된 흐름은 마이크로인터랙션이 아니다. 마이크로인터랙션의 몇 가지 예가 아래 표에 설명되어 있다.

디지털 요소마이크로인터랙션인가?이유
ScrollbarYES사용자가 트리거했다면 페이지 내에서 위치를 변경하는 사용자에 대한 시각적 피드백을 제공한다.
Digital AlarmYES시스템이 트리거된다면 충족되는 시간 조건에 대한 청각적(시각적) 피드백을 제공한다.
Button때에 따라 다르다사용자가 버튼을 클릭할 때 피드백이 없으면 마이크로인터랙션이 없다고 볼 수 있다.
Pull-to-refresh AnimationYES사용자가 트리거했다면 사용자 행동에 대한 시각적 피드백을 제공한다.
GIFNO시스템 또는 사용자에 의해 트리거되지 않는다.
Swipe AnimationYES사용자가 트리거했다면 사용자가 요소를 스와이프했다는 시각적 피드백을 제공한다.
Email NotificationYES시스템이 트리거되었다면 사용자에게 새 메시지가 도착했다는 피드백을 제공한다.
Video PlayerNO마이크로인터랙션이 아닌 기능; 비디오 플레이어 내의 볼륨 컨트롤 또는 비디오 정지, 일시 멈춤, 플레이는 마이크로인터랙션이 될 수 있다.

결론

잘 설계된 마이크로인터랙션은 사용자 경험에 큰 영향을 미칠 수 있다. 사용자와 소통하는 매개체 역할을 하여 가치를 제공한다. 마이크로인터랙션은 시스템 상태에 대한 시각적 피드백을 제공하거나 사용자가 오류를 방지하는 데 도움이 된다. 또한 마이크로인터랙션은 브랜드를 전달하여 제품을 풍부하게 만들 수 있으므로 사용자가 경쟁자보다 제품을 선택하도록 권장한다. 요컨대, 이러한 작은 세부 사항은 좋은 제품을 훌륭한 제품으로, 비참여 사용자를 참여 사용자로 변화시킬 수 있다.

참조 문서 :
Microinteractions in User Experience
What is a Microinteraction?
Saffer, D. (2014). Microinteractions. O’Reilly Media.