자동으로 반복되는 이미지나 짧은 애니메이션은 관심을 끌 수 있지만 중요한 내용을 읽는 동안 계속 움직이면 집중을 방해할 수 있습니다. 이용자가 움직임을 멈추거나 재생 상태를 조절할 수 있어야 합니다. 영상처럼 보이는 파일이더라도 실제 화면에서 어떤 방식으로 반복되는지 확인하는 것이 출발점입니다.
먼저 이미지에 중요한 정보가 포함됐는지 살펴봅니다. 날짜나 가격, 이용 조건을 빠르게 바뀌는 장면에만 넣으면 읽지 못하고 지나갈 수 있습니다. 핵심 내용은 정지된 텍스트로도 제공하고 반복 이미지에는 보조적인 표현을 맡깁니다. 움직이는 파일을 멈추면 필요한 내용을 모두 확인할 수 있는지도 시험합니다.
정지 버튼의 위치와 이름을 분명히 합니다. 작은 아이콘만 두면 무엇을 멈추는지 알기 어려울 수 있습니다. 키보드로 버튼에 이동할 수 있고 화면 읽기 사용자에게 ‘애니메이션 일시정지’ 같은 동작이 전달되는지 확인합니다. 멈춘 뒤 재생할 방법과 현재 상태도 알 수 있어야 합니다.
한 페이지에 여러 움직이는 이미지가 있다면 각각을 따로 멈춰야 하는지, 전체 일시정지가 가능한지 설계합니다. 화면을 벗어나도 계속 움직이는 요소가 많으면 본문 읽기를 방해할 수 있습니다. 모바일의 작은 화면과 저속 네트워크에서 파일이 지나치게 크지 않은지도 확인합니다. 자동 재생이 기기의 움직임 줄이기 설정과 충돌하지 않게 합니다.
변경 전후에는 실제 방문 경로로 시험합니다. 배너가 바뀌거나 새 이미지 파일로 교체될 때 정지 기능이 빠지지 않도록 제작 체크리스트에 포함합니다. 애니메이션의 대체 텍스트는 모든 프레임을 나열하기보다 그 이미지가 전달하는 목적을 설명해야 합니다.
움직임을 멈추는 기능은 디자인 효과를 포기하는 선택이 아닙니다. 이용자가 자신의 속도로 중요한 정보를 읽고 다음 행동을 결정할 수 있게 하는 기본 조작입니다.
일시정지 후 화면의 내용이 사라지거나 링크를 누를 수 없게 되지 않는지도 확인합니다. 멈춘 상태에서도 핵심 문구와 이동 버튼은 읽히고 작동해야 합니다.