마이크로인터랙션 (Microinteractions)

마이크로인터랙션은 사용자와 디자인 요소 간의 작은 상호작용을 말합니다. 이는 사용자의 행동에 반응하거나 시스템 상태를 나타내는 방법 등에 사용됩니다. 마이크로인터랙션은 사용자 경험(UX)을 높이는 데 중요한 역할을 합니다.

예시

  1. 버튼을 클릭하면 색상이 변하거나, 애니메이션이 실행되는 등 사용자의 행동에 반응하는 경우.
  2. 로딩 인디케이터, 상태 표시, 진행 바 등 시스템 상태를 나타내는 경우.
  3. 피드백을 제공하여 사용자가 행동을 이해하고 그 결과를 예측할 수 있게 하는 경우.

주의점

  1. 마이크로인터랙션은 사용자 경험을 돕는 도구일 뿐, 주요 기능이나 콘텐츠를 방해해서는 안됩니다. 따라서 간결하고 명확하며 기능적인 디자인이 필요합니다.
  2. 과도한 애니메이션은 사용자를 방해하거나 앱 성능에 부정적인 영향을 줄 수 있습니다.
  3. 사용자의 기대와 일관성을 유지하는 것이 중요합니다. 예를 들어, 비슷한 기능을 가진 버튼은 비슷하게 동작해야 합니다.

참조

https://uxdesign.cc/micro-interactions-why-when-and-how-to-use-them-to-boost-the-ux-17094b3baaa0

https://uxplanet.org/how-micro-interactions-have-become-an-essential-part-of-great-products-2ac8e02b5f2