[로딩 시간마저 긍정적인 경험으로 🎻] *️ | 커리어리

ader

운영PM

[로딩 시간마저 긍정적인 경험으로 🎻] *️⃣ 특정 사이트나 앱을 사용중이다가 갑자기 화면 전환이 늦거나, 로딩 속도가 답답해 새로고침 버튼을 누른 적이 있으신가요? 갑작스럽게 인내심을 테스트하려는 서비스에, 저도 모르게 포기하며 앱을 종료해버릴 때도 있었던 것 같습니다😅 보통 사용자들의 인내심 한계가 작용하는 로딩 시간은 얼마일까요? *️⃣ 구글 리서치 자료에 따르면 모바일 웹 사이트의 로딩 시간이 3초 이상일 때 32%, 5초 이상은 90%, 6초 이상은 106% 마지막으로 10초가 넘으면 123%의 이탈률이 발생한다고 합니다. 사용자는 부정적인 경험을 하게 되고 기업 입장에서는 이탈하는 유저가 발생하게 되어, 서로 불편한 상황이 발생하게 되는 거죠. *️⃣ 속도가 느리다고 느껴질만큼 체감정도가 크다면 성능을 개선하는게 우선입니다. 그렇지만 다른 더 우선 순위 작업으로 속도 개선의 중요도가 밀릴 경우, 오히려 디자인적인 요소로 즐거운 경험을 제공해 줄 수 있다고 합니다 :D (제가 최근까지 알고 있던 방식은 스피너 로딩 이었는데 훨씬 더 많은 방법이 있네요!) *️⃣ 핵심은 이런 방법을 통해, 사용자에게 로딩을 납득할 수 있는 충분한 정보를 제공한다는 것입니다. 다음 제공될 시스템을 기다리는 동안 사용자에게 아무런 정보 없는 막연한 기다림은 당황스럽게 만들 뿐이니까요. - 스피너 로딩 : 무한 루프 애니메이션. 1~2초 로딩에 적절 - 프로그래스 바 로딩 : 잔여 시간 정보 시각적 제공(+수치 정보) - 스캘레톤 로딩 : 다음에 나올 화면을 미리 보여주는 로딩 - 심리학적 방법 - 독특하고 재미있는 애니메이션이나 디자인 *️⃣ 최근 듀오링고를 사용해 보고 있는데요, 로딩 화면에서 브랜드를 대표하는 캐릭터가 움직이며 말하는게 실제로 저한테 대화하는 느낌이 나 지루하지 않고 절로 기다리게 되더라구요😃 커리어리는 스캘레톤 로딩 방법을 쓰네요 ㅎㅎ 여러분은 담당 중이신 유저의 기다림을 최소화 하기 위해 어떤 방법을 제공하고 있으실까요?

긴 로딩으로 인한 사용자 이탈막기 - UX 디자이너를 위한 팁 3가지

RightBrain lab

2021년 11월 3일 오후 2:28

댓글 2

  • 오 저희는 여력이 없어서 못하고 있습니다. 하지만 제 마음 속에는 다섯 번째를 그리고 있습니다. cf) 다섯 번째 : 독특하고 재미있는 애니메이션이나 디자인

    작성

    와!!!!! 어떻게 풀어가실지 너무 궁금해요 :) 서비스에서 운영중인 캐릭터가 있다면 그 캐릭터로 애니를 만드시실 수도 있고, AI라면 인격화를 하실 수도 있으실 테고 등등 기회가 되면 공유해주세요 🙆🏻‍♂️

주간 인기 TOP 10

지난주 커리어리에서 인기 있던 게시물이에요!

현직자들의 '진짜 인사이트'가 담긴 업계 주요 소식을 받아보세요.

커리어리 | 개발자를 위한 커리어 SNS