[힙서비 5기 4주차] 로딩중일 때의 지루함을 덜어낸 서비스 사례들

📝공부, 스크랩/디자인

grow_s0 2021. 11. 25. 07:21

서비스명 : Fitcoach

서비스설명 : 19개의 설문 후에 운동 플랜을 짜주는 앱

진행 로딩을 라운드바를 배치해서 시간이 걸려도 되려 꼼꼼히 분석해주는 것 같은 느낌이 들게함

⇒ 실제로 분석이 2초밖에 안 걸리더라도 10초 정도 걸리는 척! 해줘도 좋을 것 같았음, 맞춤 추천의 경우 너무 로딩이 짧아도 의심스러울 것 같음

함께 떠오른 서비스

설문 결과를 반영하는 로딩시간 중에 설문을 추가적으로 진행했던 코디앱

- 긴 로딩시간을 덜 지루하게 !

- 내 설문 분석을 통해 추가로 묻고 싶은게 떠오른 것 같음 ⇒ 깊게 고민해주는 것 같음 ⇒ 더 정확하게 분석해줄 것 같은 느낌

서비스명 : 동물의 숲 포켓캠프

서비스설명 : 스마트폰으로 할 수 있는 동물의 숲 게임

긴 로딩 시간을 틀린 그림찾기로!

이탈하지 않고 재미있게 기다릴 수 있도록 유도

추가적으로 찾아본 사례

서비스명 : 해멱남녀

서비스설명 : 다양한 요리레시피를 영상으로 보고, 필요한 재료들을 바로 구매할 수 있는 곳

무한루프를 변형해 활용

로딩 시 대표적인 음식 아이콘을 반복적으로 보여주고 있음

배달의 민족도!

서비스명 : 익스피디아

서비스와 잘 어울리는 게임같은 요소

창문을 열었다 닫았다할 수 있고, 폰을 좌우로 기울이며 창 밖 하늘의 각도가 바귐

처음엔 재밌고 신기하지만, 금방 질릴 수도!!

인스타그램

실제 값은 반영 전이지만 유저 행동 결과를 그냥 먼저 보여주기

좋아요를 누르는 순간 좋아요 수가 바뀜

이건 UI만 바뀌는 것이고, 실제 좋아요 수는 계산중! 반영 결과는 새로고침해야 나옴!

하지만 UI가 먼저 바뀌니 바로 반영된 것 같아 빠르게 느껴짐

유저의 행동을 예측하고

이를 기술적으로 풀어낼수도 있음

1. 인스타그램 : 사진 업로드를 미리 해둠

글 작성 / 태그 / 위치정보 입력 등을 하는 동안 앱 뒷단에서 사진 업로드를 먼저 진행함 (시간이 많이 걸리기 때문)

⇒ 등록 버튼을 누르는 순간 빠르게 등록이 되도록!!

2. 크롬 : 사용자가 다음에 클릭할 가능성이 있는 링크를 예측하고 미리 준비

network action predictions라고 함

예시 : 블로그 - 다음 게시물 클릭할 확률 ↑ ⇒ 미리 로드 / 로컬 기록을 기반으로 어느 사이트 방문할지 예측되면 미리 렌더링