기획자의 레퍼런스 수집 :: 당겨서 새로고침 UI 모음

31
0

기획자의 레퍼런스 수집 :: 당겨서 새로고침 UI 모음

기록하는 기획자 @writing.pm

새로고침 UI 모음
새로고침 UI 사례
새로고침 UI 사례

‘당겨서 새로고침’으로 불리는 Pull to Refresh UI.

대부분의 서비스에서 볼 수 있지만 일반적으로는 간단한 아이콘, 로딩스피너로 이루어져 유저 입장에선 그냥 지나치기 쉬워요.

하지만 서비스에 ‘한 끗’ 차이를 주고싶다면.

유저의 이용 경험을 개선하거나, 서비스 마케팅이 필요하다면.

당겨서 새로고침 UI에 대해 고민해봐도 좋겠습니다.

이제부터 기억에 남는 사례를 하나씩 보여드릴게요!

새로고침 UI 배민 사례
새로고침 UI 이마트 사례

1. 2~3가지 문구와 아이콘이 랜덤으로
노출되는 배민의 사례.

배고픔 – 신선함이라는 카피에서부터 음식 아이콘과 역동적인 애니메이션으로 이어지는 UI가

배달, 신선식품 배송을 하는 배민과 잘 어울리지 않나요?

2. 이마트몰도 당겨서 새로고침 UI에 신경썼어요.

쓱SSG 이라는 서비스명과 잘 어울리는 카피 “쓱 당기면 업데이트가 쓱-”을 통해 브랜딩 효과도 높이고,

유저에게 한 끗 다른 색다름을 선사하기도 합니다.

undefined
undefined

3. 네이버는 전략적으로 2가지 UI와
문구를 적용했습니다.

– 홈탭의 스크롤을 내리면 유저 맞춤 콘텐츠를 계속해서 볼 수 있다는 점.

– 그리고 트렌디한 숏폼을 볼 수 있는 클립 탭이 생겼다는 점을

당겨서 새로고침 기능을 통해 알리고 이용을 유도합니다.

4. 체험단 중계 서비스 ‘레뷰’는
탭별로 다른 문구를 적용했어요.

– ‘오늘오픈’ 탭에서는 신규 캠페인이 업데이트 되는 시간을,

– ‘제품’ 탭에서는 체험단에 선정되는 꿀팁을,

– ‘기자단’ 탭에서는 해당 서비스의 특징을 소개하며

유저가 궁금해 할 정보를 적극적으로 안내하고 있어요.

기록하는 기획자 제이미의 더 많은 글이 궁금하다면?

✅브런치 https://brunch.co.kr/@cat4348/

✅인스타그램 https://www.instagram.com/writing.pm/

제이미
글쓴이

제이미

프리랜서 기획자 제이미입니다. 기획에 도움 되는 인사이트를 기록합니다

답글 남기기

ㅇㅇㅇ

제이미

다른 아티클 보기

20일 만에 습관 만드는 방법, 미니모어맥스

네이버가 말아주는 장소 추천, 히든아카이브

프리랜서 생활하면서 느낀 SI vs 인하우스 기획

아직 구독 전이신가요?
구독하고 더 많은 콘텐츠를 확인해보세요.

이름/회사명

마케터에게 제안하기

마케팅, 강연, 출판, 프로젝트 제안을 해보세요