[ 긴 로딩으로 인한 사용자 이탈막기 🤚 ] | 커리어리

[ 긴 로딩으로 인한 사용자 이탈막기 🤚 ] 저는 api 요청이 이뤄지는 화면에 주로 스피너 로딩을 사용했어요. 요즘은 스캘레톤 로딩이 다른 로딩과 달리 비교적 최근 방식이니 이쪽으로 가야겠구나 생각했습니다. 그런데 이 글에서는 로딩 마다 각기 장단점이 있어 무조건 스캘레톤이 답이 아니라고 하네요! 긴 로딩 문제는 성능개선이 우선시 되는 게 맞지만 디자인적인 요소도 어느 정도 효과를 볼 수 있는 게 흥미롭습니다. 여러분도 로딩 문제에 고민이 있다면 성능 개선과 디자인을 같이 고려해보는 건 어떨까요? 🤗 --- ✍️ 내용 요약 ▪️ 긴 로딩시간은 답답함과 지루함, 오류 발생 신호로 받아들여 웹/앱의 이탈률을 증가시킴 ▪️ 시간 단축을 위한 성능 개선이 어려울 경우 디자인적 개선 방법도 존재함 1. 사용자에게 로딩을 납득할 수 있는 충분한 정보를 제공 - 어떤 시스템을 처리하고 있는 상황인지, 남은 로딩 시간 등의 정 보로 에러가 아닌 정상적인 작동임을 알려줄 필요가 있음 - 스피너 로딩 : 시각적인 정보만 제공 , 짧은 로딩 시간(1~2초)에 적합 - 프로그래스 바 로딩 : 시각적인 정보 + 수치 정보 제공, 긴 로딩 시간에 적합 - 스캘레톤 로딩 : 다음에 나올 화면을 예측할 수 있는 정보 제공 2. 속임수 사용하기 - 기다림에 대한 인식은 심리적 요소 - 애니메이션을 활용하여 체감상 로딩 시간 줄일 수 있음 - 애니메이션을 적용한 스캘레톤 로딩 테스트 결과 좌에서 우측 방 향의 동적이고 느린 속도의 웨이브 애니메이션이 체감속도가 빨 랐음 3. 기억에 남을 독특하고 즐거운 긍정적 경험 느끼게 하기 - 독특하고 재미있는 애니메이션이나 디자인은 사용자의 흥미를 자극해 즐거운 기다림의 경험을 느끼게 함 - 브랜드 아이덴티티를 담은 로딩은 긍정적인 브랜드 이미지로 각 인하는 효과도 얻을 수 있음

긴 로딩으로 인한 사용자 이탈막기

brunch

2021년 4월 24일 오후 2:48

댓글 0

주간 인기 TOP 10

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

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

커리어리 | 일잘러들의 커리어 SNS