[UX/UI] Micro Interaction 예시 : 스크롤, 대기화면, 로그인

[UX/UI] Micro Interaction 예시 : 스크롤, 대기화면, 로그인 

 

 

 

안녕하세요.

글 쓰는 그니입니다.

 

오늘은 웹서비스를 기획할 때 알아야 할

UX/UI 용어들 중 하나인 Micro Interaction에 대해

알아보는 시간을 가져봅시다.

 

 

Micro Interaction

사용자 인터페이스에서

세밀한 피드백을 미세한 애니메이션 형태로

제작하는 것을 말한다.

 

 

Micro Interection 은 사용자에게

소소한 즐거움을 주는 기능이라고

생각하시면 됩니다.

 

그러면 마이크로 인터렉션이 어떨때 주로 사용되는지 함께 알아봅시다.

 

1. 로그인

 

마이크로 인터랙션은 로그인 화면에서 사용되기도 해요.

아이디와 비밀번호를 입력했을 때,

틀렸다는 것을 입체적으로 표현해줘서

사용자가 본인이 잘못된 계정정보를 입력했다는 것을

인지하게 해줍니다.

 

2. 스크롤

 

 

마이크로 인터랙션은 스크롤시에도 사용될 때가 있어요.

스크롤을 내릴때마다 우측의 바가 이동되는 것을 볼 수 있어요.

예시로 든 사진같은 경우에는 스크롤을 내릴때

상단의 바도 함께 좌우측으로 움직여서

본인이 웹페이지의 어느 부분에 있는지 추측을 가능하게 해줘요.

 

 

 

 

 

3. 대기화면

 

 

마이크로 인터랙션은

사용자가 지겨워하는 대기시간을

시각적인 즐거움으로

소소하게 행복감을 줄 때도

사용됩니다.

 

 

 

오늘은 마이크로 인터랙션에 대해서 알아봤어요.

웹페이지에서 사용자에게 소소한 즐거움을 주는

마이크로 인터랙션.

 

적절하게 사용해봅시다.