오역이 있을 수 있습니다! 영문 문서를 기본으로 하고 이 글은 참고하는 느낌으로 봐주시면 좋을 것 같습니다. 😊
Human Interface Guidelines - Loading
Loading
When content is loading, a blank or static screen can make it seem like your app is frozen, resulting in confusion and frustration, and potentially causing people to leave your app.
콘텐츠가 로딩중일 때 빈 화면이나 정적인 화면은 앱이 멈춰있는 것처럼 보이게 해서 혼란과 좌절을 야기하고, 잠재적으로 사용자들이 앱을 떠나게 만들 수 있습니다.
Make it clear when loading is occurring. At minimum, show an activity spinner that communicates something is happening. Even better, display explicit progress so people can gauge how long they’ll be waiting.
로딩 중일 때 명확하게 하세요. 최소한 무언가가 일어나고 있음을 알리는 activity spinner를 보여주세요. 더 나아가 사용자들이 대기 시간을 알 수 있도록 명확한 진행 상황을 표시해주세요.
Show content as soon as possible. Don’t make people wait for content to load before seeing the screen they're expecting. Show the screen immediately, and use placeholder text, graphics, or animations to identify where content isn't available yet. Replace these placeholder elements as the content loads. Whenever possible, preload upcoming content in the background, such as while an animation is playing or the user is navigating a level or menu.
가능한 한 빨리 콘텐츠를 보여주세요. 사용자가 기대하는 화면을 보기 전에 사용자가 콘텐츠가 로드될 때까지 기다리게 하지 마세요. 즉시 화면을 표시하고 placeholder text, graphics 또는 애니메이션을 사용해서 어떤 콘텐츠가 아직 나타나지 않았는지 알 수 있도록 하세요. 콘텐츠가 로드되면 placeholder 요소들을 변경하세요. 가능하다면 애니메이션을 재생하거나 사용자가 레벨 또는 메뉴를 탐색하는 동안 백그라운드에서 콘텐츠를 미리 로드하세요.
Educate or entertain people to mask loading time. Consider showing hints about gameplay, entertaining video sequences, or interesting placeholder graphics.
로딩 시간을 숨기기 위해 사용자를 가르치거나 즐겁게 하세요. 게임을 플레이할 때 도움이 되는 힌트를 보여주거나, 재미있는 비디오, 흥미로운 그래픽을 보여주는 것을 고려하세요.
Customize loading screens. Although standard progress indicators are usually OK, they can sometimes feel out of context. Consider designing a more immersive experience through custom animations and elements that match the style of your app or game.
로딩 화면을 커스터마이징 하세요. 주로 기본 progress indicators가 괜찮지만, 사용자들은 때때로 어울리지 않는다고 느낄 수 있습니다. 당신의 앱이나 게임의 스타일에 적합한 커스텀 애니메이션과 요소를 고려해 더 몰입할 수 있는 경험을 제공해보세요.
더 자세한 내용은? Progress Indicators
느낀점
사람들은 빙빙 돌아가는 로딩 창을 아주아주 싫어한다. 앱이 멈췄다고 느끼면 앱을 꺼버리는 사용자도 꽤 있는 것도 이 때문이다. 빠르게 로딩된 곳은 먼저 보여주고, 적절한 로딩 화면과 스플래시 이미지를 사용해 사용자에게 항상 빠르다는 느낌을 줄 수 있도록 노력하자.
번역하면서 몰랐던 영단어들을 quizlet이라는 곳에 정리해두었어요. HIG 읽으면서 영어 실력까지 키우고 싶은 분들에게 도움이 됐으면 좋겠어요!
수정해야 할 부분이 있다면 알려주세요!
읽어 주셔서 감사합니다. 🙂
