당신의 웹사이트는 더 많은 애니메이션이 필요하지 않습니다.

Source: Dev.to

애니메이션은 기능이 아니다

• 애니메이션(페이드, 슬라이드, 마이크로 인터랙션)은 움직임의 예시일 뿐이며, 그 자체가 기능은 아니다.
• 애니메이션을 추가한다고 해서 UX가 자동으로 향상되는 것은 아니다.

움직임은 설명해야지, 장식이 아니어야 한다

• 좋은 애니메이션은 다음을 명확히 해준다:
  • 새로운 콘텐츠의 출처
  • 방금 일어난 일
• 애니메이션은 변화를 설명하기 위해 사용해야지, 단순히 장식하기 위해 사용해서는 안 된다.

주의해야 할 점

• 애니메이션을 제거해도 이해에 영향을 주지 않는다면, 그 애니메이션은 불필요했다는 뜻이다.
• 미묘함이 승리한다: 가장 효과적인 애니메이션은 빠르고, 소리 없이, 신뢰할 수 있다.

성능은 UX다

• 과도한 애니메이션은 다음을 초래할 수 있다:
  • 프레임 드롭
  • 끊김 스크롤
  • 모바일 환경에서의 열악한 경험
• 빠르고 정적인 인터페이스가 느리고 애니메이션이 많은 인터페이스보다 언제나 바람직하다.

애니메이션이 유익할 때

• 애니메이션을 사용할 경우:
  • 피드백 제공
  • 주의 집중 유도
  • 전환 과정 설명
• 오해를 가리기 위해 애니메이션을 절대 사용하지 말라.