How fast should your UI animations be? 요약

gtah2yk·2020년 5월 10일
0

https://valhead.com/2016/05/05/how-fast-should-your-ui-animations-be/ 를 요약함

200ms가 최상의 타이밍이라고 여겨지지만, 사실 그렇게 단순하지 않다.

타이밍은 좀 더 복잡하다.

200ms ~ 500ms는 인터페이스 애니메이션 타이밍의 효율적인 범위이다.

작은 ui 애니메이션(작은 요소 또는 적응 양의 변화가 포함된 애니메이션은) 200ms ~ 300ms 범위에 속한다.

많은 페이지를 사용하고 더 큰 움직임을 갖는 애니메이션은 최대 400ms ~ 500ms 가 적합하다.

이 범위는 Neilson Norman Group 과 the Model Human Processor에 기반한다.

Neilson Norman Group에선 1초 전체가 UI 애니메이션의 엄청 긴 시간(ages)처럼 느껴지므로 지속 시간에 대한 제안 된 상한은 500ms에서 절반입니다.

the Model Human Processor에선 시각적으로 무언가를 인식하는데 평균 230ms가 걸린다는 것을 발견했다. 따라서 지속시간이 200ms는 인식되지 않을 위험이 있다.

profile
ㅎㅎ

0개의 댓글