🧙🏻에디터픽 UX: 테이블링📊 인기 검색어 : 바텀시트, 온보딩, 리뷰
뉴스레터는 UPA 가입자를 대상으로 발송됩니다.✨ |
|
|
|
안녕하세요!
아코디언 UI는 사용자의 정보 탐색을 원활하게 돕고싶을 때 유용합니다. 흔히 고객센터 FQA에서 많이 활용되지만, 예약•결제•배송처럼 확인할 정보가 많은 흐름에서도 카테고리별로 묶어 보여줄 때 효과적입니다. 이번 주 UI 요소에서는 아코디언 UI의 다양한 사례를 소개합니다.
이번 주 에디터 픽은 테이블링입니다. 원격대기 서비스에 정확도를 높여 사용자의 만족도를 높인 온오프라인 연계 경험을 확인해보세요.
그럼, 이번 주 UPA 사용자들의 인기 검색어부터 살펴볼까요?
|
|
|
|
7월 4주 인기 검색어
지난 한 주 UPA에서 가장 많이 검색된 단어는 1. 바텀시트 2. 온보딩 3. 리뷰입니다. 이 검색어를 통해 어떤 UX 레퍼런스를 조회했을까요? |
|
|
|
손안의 감정 셰이커, 모지또 🍸
모지또는 감정을 칵테일로 만들어주는 이모지 다이어리예요. 매일 감정을 선택해 기록하고, 그날의 기분을 칵테일로 시각화해 줍니다. 단순한 일기 기록을 넘어서 감정 인식과 자기 성찰의 경험을 제공하죠.
그런데, 여기서 끝나지 않습니다. 모지또는 ‘흔들기’라는 인터랙션 요소를 추가합니다. 칵테일을 섞듯, 휴대폰을 직접 흔들어야 감정이 섞이고 결과가 나옵니다. 이 작은 행동 하나가 사용자의 몰입도와 만족도를 크게 끌어올립니다. 화면 안에서 끝나지 않고, 사용자와 실제 동작을 연결하는 설계. 사용자의 일상에 스며드는 정서적 UX를 고민하고 있다면, 모지또의 사례를 참고해보세요.
|
| |
|
|
[2위] '온보딩' (Feat. 차란)
사용자가 직접 참여하지 않는 프로세스일수록 '그 다음엔 어떤 일이 일어나는 걸까?'에 대한 불확실성은 커집니다. 중고 의류 위탁 판매 플랫폼 차란은 이 궁금증을 해결하기 위해, 수거부터 검수, 판매, 정산까지 전 과정을 GIF로 시각화한 온보딩 문서를 제공합니다.
복잡한 흐름을 한눈에 보여주는 구성 덕분에, 사용자는 서비스에 대한 신뢰를 갖고 첫 사용을 시작할 수 있어요. 오프라인처럼 모든 과정을 확인할 수 없는 O2O 서비스일수록, '보이지 않는 흐름'을 어떻게 투명하게 보여줄지 고민이 필요합니다. 차란처럼 시각화를 통해 신뢰를 쌓는 온보딩 경험을 만들어보세요.
|
| |
|
|
리뷰에 실시간성이 중요해진 이유 ✨
‘리뷰’ 키워드와 함께 다시 주목받고 있는 왓챠피디아. 최근 UPA에서 해당 사례의 조회수가 증가한 배경에는 콘텐츠 소비 방식의 변화가 있습니다. OTT 콘텐츠가 전 세계에 동시에 공개되면서, 사용자는 더 이상 ‘먼저 본 누군가의 평가’보다 ‘같은 순간에 감상하는 사람들의 반응’에 관심을 둡니다. 유튜브에서 늘어나는 실시간 리뷰 콘텐츠 역시 이 흐름을 반영합니다.
왓챠피디아는 실시간 코멘트 중심의 리뷰 구조를 통해, 감상 순간의 감정과 생각이 곧바로 공유될 수 있는 흐름을 만듭니다. ‘지금, 이 순간’의 반응을 기반으로 콘텐츠를 탐색하고 싶은 사용자에게, 의미 있는 실시간성의 경험을 확인해 보세요.
|
| |
|
|
🎯이번 주 추천 UX 패턴 & UI 요소
UX 패턴이란? 사용자 경험을 구성하는 핵심 장치입니다. 알림, 구독 등이 대표적 예시입니다.
매주 UPA 사용자가 가장 많이 조회한 UX 패턴과 UX 레퍼런스를 추천해 드릴게요~!
사용자가 서비스 내에서 원하는 경험을 달성할 수 있게 적절한 UX 패턴을 사용해 보세요.
격주로는 UI 요소도 소개해 드립니다. 사용자 경험을 더욱 풍부하게 만들어주는 UI 요소들을 참고해, 현재 서비스의 사용자 경험을 한층 더 극대화해 보세요. |
|
|
|
KRDS 정의에 따르면, 아코디언은 클릭 시 콘텐츠를 펼치고 접을 수 있는 UI로 관련 정보를 한 페이지 내에서 효율적으로 탐색할 수 있도록 돕습니다. |
|
|
|
간편결제 전 주요 항목만 쏙쏙!
올리브영은 결제 과정에서 아코디언 UI를 적용해 배송 요청 사항, 쿠폰 할인, 포인트 사용 등 주요 항목을 부문 별로 정리해 보여줍니다. 사용자는 필요한 정보만 펼쳐서 확인할 수 있어 복잡한 결제 과정도 깔끔하게 마무리할 수 있어요.
|
| |
|
|
지점별 상영 시간, 한눈에 비교
CGV는 예매 화면에 아코디언 UI를 적용해 지점별 상영 시간을 확인할 수 있게 합니다. 원하는 영화를 어디서, 언제 볼 수 있는지 쉽게 비교할 수 있어요. 예매 과정에서 다양한 조건을 고려해야 한다면, 아코디언을 활용해 탐색을 더 편리하게 만들어보세요. |
| |
|
|
상황별 표현 아코디언으로 빠르게
아코디언 UI는 흔히 FAQ처럼 자주 묻는 말을 정리해 필요한 정보를 쉽게 찾을 수 있게 합니다. 파파고는 글로벌 회화를 상황별로 아코디언에 담아, 여행 중 필요한 표현을 바로 찾을 수 있도록 구성했어요. 이렇듯 아코디언은 관심사 맞춤 정보 탐색에 효과적입니다.
|
| |
|
|
😉신.유.사 에디터 Pick!
이번 주 업데이트된 레퍼런스 중 가장 흥미로웠던 딱 '1건'을 소개드려요! |
|
|
|
'확정된 대기자'만 알림 받기로 정확성 높이기
테이블링은 원격 대기의 대표 서비스입니다. 원하는 식당을 검색하고 대기 신청을 하면, 카카오톡으로 신청 완료 알림을 받게 되죠. 하지만 이전에는 대기 신청 후 나타나지 않는 사용자들로 인해 실제 방문객이 불편을 겪는 경우도 있었습니다.
|
|
|
|
이 문제를 해결하기 위해, 테이블링은 ‘카카오톡 인증 번호 입력’ 단계를 추가했습니다. 사용자가 해당 인증 번호를 입력해야만 대기 확정이 완료되고, 이후에 순서 알림이 전송됩니다. 이 구조 덕분에 실제 방문 의사가 있는 사용자만 대기 순서에 포함되며, 더 정확하고 신뢰할 수 있는 대기 시스템이라는 긍정적인 평가가 이어지고 있습니다.
|
| |
|
|
📫UX레퍼런스 업데이트 안내
UPA에는 매주 새로운 레퍼런스가 추가됩니다.
업데이트 소식은 '신비한 UX레퍼런스 사전'에서 만나보실 수 있어요!
다양한 레퍼런스를 통해, 더 멋진 사용자 경험을 설계해 보세요 😎
|
| |
|
|
🩷 [별책부록] UX의 모든 것
✅ UX와 관련하여 더 많은 인사이트를 얻고 싶으시다면 아래 글들을 확인해보세요!
|
|
|
|
|