본문 바로가기

General_/Content

[사용성]로딩 시간 3초와 이탈률

 

Google/SOASTA Research, 2017

구글 리서치 자료에 따르면 모바일 웹 사이트의 로딩 시간이 3초 이상일 때 32%, 5초 이상은 90%, 6초 이상은 106% 마지막으로 10초가 넘으면 123%의 이탈률이 발생한다고 합니다.

 

원글에서는 다양한 아이디어를 알려줍니다.

1. 사용자에게 로딩을 납듭할 수 있는 충분한 정보를 제공

우리 열심히 일하는 중이야라는 뜻의 로빙 바. 진행상호아을 알려주는 UI

ex. 스피너 로딩, 프로그래스 바로딩, 스켈레톤 로딩

 

1-1. 로딩 방식

EBS 위대한 수업중 듀크대 댄 앨리얼리 교수가 있는데, '돈의 심리학 3강 지불의 고통'에서 로딩이 바로 나오는 것보다 특정 초 동안에 하나씩 팝콘 터치듯 노츨되면 사람들의 만족도가 더 높아진다는 내용이 있습니다.

EBS 위대한 수업

사람들이 검색 결과를 기다리는 동안 결과 페이지에 하나 둘씩 결과가 노출됨

 

비교 대상 1. 그냥 바로 결과 표시, 2.로딩바 3. 렌덤으로 결과 한개씩 특정 시간에 노출

EBS 위대한 수업

 

1-2. 스케레톤 로딩 속 애니메이션 효과와 체감속도

캐나다 프로디자이너 Bill Chung이 '스켈레톤 로딩에 어떤 애니메이션을 적용했을 때 가장 시간이 짧게 느껴졌는가?'라는 실험을 했다고 하네요.그 결과는 Wave 효과처럼 왼쪽에서 오른쪽으로 이동하는 애니메이션이 체감상 더 빠르다고 사용자들은 느꼈다고 합니다.(자세한 내용은 참조 URL에 들어가보세요.)

A) Pulsing

B) Wave

 

 

 

참조

EBS 위대한 수업

https://brunch.co.kr/@rightbrain/61