시머
시머 (Shimmer)
정보의 한 영역이 로딩 중이라는 걸, 다른 UI 요소가 렌더링되는 걸 막지 않으면서 알려주는 요소가 필요해요. 시머가 바로 그런 역할을 해요. 시머는 레이아웃을 점진적으로 로딩하면서 정보의 구조에 대한 힌트를 주는 데 특히 좋아요.
1초보다 오래 걸리는 로딩 상태에는 시머를 쓰는 게 좋아요. 다만 아주 오래 걸리는 로딩 프로세스에는 피하는 게 좋고요. 시머는 비정량(indeterminate) 표시기라서 프로세스가 끝나기까지 얼마나 남았는지는 알려주지 않아요. 시머를 너무 오래 보게 되면 사용자가 뭔가 잘못됐다고 생각할 수도 있어요.
출처: 문서
본문
레이아웃 (Layout)
시머는 콘텐츠가 완전히 렌더링된 뒤에 사용자가 보게 될 구조를 반영해야 해요.
접근성 (Accessibility)
Reduce Motion(동작 줄이기) 설정이 켜져 있으면 시머는 애니메이션되지 않아요. 그렇지 않은 경우에는 시머가 화면에 보이는 동안 animating 라벨을 추가해서 VoiceOver를 쓰는 사용자가 무슨 일이 일어나고 있는지 알게 해주세요.