🧙🏻에디터픽 UX: 11번가📊 인기 검색어 : 필터, 온보딩, 팝업
뉴스레터는 UPA 가입자를 대상으로 발송됩니다.✨ |
|
|
안녕하세요!
디자인 시스템에서 '그리드'는 빠질 수 없는 요소입니다. 작업자에게는 구조적인 효율성을, 사용자에게는 일관적인 정보 탐색 흐름을 제공합니다. 이번 주에는 이런 그리드 형 배치로 사용자 탐색 경험을 돕는 사례를 중심으로 소개해 드릴게요.
이번 주 에디터 픽은 '11번가'입니다. 11번가는 자취생부터 육아맘까지 다양한 사용자들의 쇼핑 여정을 함께하는 AI 쇼핑 메이트 만들었어요. AI와 대화하며 상품 탐색하는 UX가 궁금하다면 이번 레퍼런스를 꼭 확인해 보세요.
그럼, 이번 주 UPA 사용자들의 인기 검색어부터 살펴볼까요?
|
|
|
|
6월 3주 인기 검색어
지난 한 주 UPA에서 가장 많이 검색된 단어는 1. 필터 2. 온보딩 3. 팝업입니다. 이 검색어를 통해 어떤 UX 레퍼런스를 조회했을까요? |
|
|
|
내가 보고 싶은 글만, 필터로 딱!
요즘 텍스트 SNS 인기가 심상치 않아요. '읽기'와 '쓰기'가 트렌드로 자리 잡으면서 스레드(Threads)도 빠르게 성장 중입니다. 4월 기준 사용자 수는 작년 대비 무려 835% 증가해서 엑스(과거 트위터) 사용자 수의 80%에 달한다고 해요. (관련 기사)
그렇다면, 스레드는 어떤 UX로 사용자들을 사로잡았을까요? 스레드는 해시태그 기반 탐색 대신, 사용자가 직접 지정한 키워드만 필터링해 피드를 구성할 수 있도록 했습니다. 내가 보고 싶은 콘텐츠만 쏙쏙 모아보는 경험 덕분에, 피드는 더욱 명확하고 개인화된 공간이 되죠. 이처럼 피드의 주도권을 '알고리즘'이 아닌 '사용자'에게 넘긴 것이 스레드의 차별점입니다. 덕분에 사용자는 '이건 진짜 내가 만든 나만의 공간이다.'라는 자연스럽게 느낄 수 있어요. 이렇듯 '사용자 주도 경험'을 강화하고 싶다면 스레드를 참고해 보세요!
|
|
|
[2위] '온보딩' (Feat. 폴센트)
신규 사용자가 서비스에 안착하길 바라는 마음으로, 우리는 온보딩 슬라이드나 튜토리얼을 준비합니다. 하지만 대부분 일회성에 그치고, 사용자는 지나치거나 놓치기 일쑤죠. 결국 헷갈릴 땐 CS부터 찾게 되고, 서비스는 반복 문의에 리소스를 소모합니다.
폴센트는 이 문제를 ‘상시형 온보딩 가이드’로 풀어갑니다. 고객센터 하단에 주요 기능을 정리한 ‘설명서’를 배치하고, 각 항목에는 ‘쿠팡에서 추가해보기’, ‘알림 민감도 설정하기’처럼 앱 내 기능 실행까지 연결되는 CTA 버튼을 함께 제공합니다. 여기서 핵심은 사용자가 필요할 때마다 꺼내볼 수 있도록 설계했다는 점입니다. 덕분에 사용자는 "이 서비스는 나를 돕고 있다"라는 인식을 자연스럽게 갖게 되고, 서비스 신뢰와 만족도도 함께 올라갑니다.
|
|
|
[3위] '팝업' (Feat. 여기어때)
복권 긁듯, 팝업으로 기대감 UP!
팝업은 사용자 시선을 단숨에 끌 수 있어 이벤트나 공지, 프로모션에 자주 활용됩니다. 하지만 너무 자주 등장하면 오히려 거부감을 줄 수도 있어요.
여기어때는 이 팝업을 '호기심'으로 재해석합니다. 이벤트 창에서 동전 모양 아이콘을 긁으면, 실제처럼 복권이 벗겨지는 애니메이션 효과가 나타나고 이후 당첨 여부는 팝업으로 바로 안내합니다. 단순한 프로모션이지만 간단한 상호작용을 게임처럼 구성해 기대감과 몰입감을 높입니다. 시즌마다 등장하는 이벤트 팝업은 사용자에게 반복적인 방문 동기를 제공하고, 브랜드에 대한 즐거운 기억을 남깁니다.
|
|
|
🎯이번 주 추천 UX 패턴 & UI 요소
UX 패턴이란? 사용자 경험을 구성하는 핵심 장치입니다. 알림, 구독 등이 대표적 예시입니다.
매주 UPA 사용자가 가장 많이 조회한 UX 패턴과 UX 레퍼런스를 추천해 드릴게요~!
사용자가 서비스 내에서 원하는 경험을 달성할 수 있게 적절한 UX 패턴을 사용해 보세요.
격주로는 UI 요소도 소개해 드립니다. 사용자 경험을 더욱 풍부하게 만들어주는 UI 요소들을 참고해, 현재 서비스의 사용자 경험을 한층 더 극대화해 보세요. |
|
|
그리드는 페이지나 화면을 일정한 규칙에 따라 정렬하는 보이지 않는 틀입니다. 텍스트, 이미지 등 각 요소를 정돈된 구조 위에 배치함으로써, 사용자에겐 높은 가독성과 시각적 안정감을 주고, 디자이너에겐 일관된 레이아웃과 효율적인 작업 흐름을 가능하게 합니다. |
|
|
|
직관적인 카테고리 탐색
관심 있는 밴드를 찾고 싶은 사용자를 위해, 네이버밴드는 그리드 레이아웃을 활용해 다양한 주제의 밴드를 한눈에 보여줍니다. 각 카테고리는 대표 이미지를 함께 제공해 사용자가 관심 있는 분야를 빠르게 파악하고, 자연스럽게 탐색 후 가입까지 이어질 수 있도록 설계했어요.
|
|
|
상세한 숙소 정보 탐색
야놀자는 숙소 정보를 그리드 레이아웃으로 보여줘요. 여러 장의 숙소 사진을 한 화면에서 모아볼 수 있고, 필요한 경우 스와이프로 넘겨볼 수도 있어요. 다양한 이미지를 한 번에 제공해 사진첩을 보듯 생생하게 숙소를 둘러볼 수 있어 상세 탐색이 가능해 빠른 의사결정을 돕습니다.
|
|
|
보기만 해도 즐거운 미션 탐색
이닛의 미션탭은 정보 탐색을 돕기 위해 '벤토 그리드' 레이아웃을 사용합니다. 동그란 타일 안에 미션 정보를 배치해 사용자는 전체 미션을 한눈에 파악할 수 있고, 각 미션의 상태나 제목도 시각적으로 구분되어 탐색 흐름이 자연스럽게 이어집니다.
|
|
|
😉신.유.사 에디터 Pick!
이번 주 업데이트된 레퍼런스 중 가장 흥미로웠던 딱 '1건'을 소개드려요! |
|
|
AI와 대화하며 탐색하는 쇼핑🛍️
상품을 탐색하다 궁금한 점이 생기면 사용자들은 리뷰를 찾아보거나 판매자에게 질문을 남겨왔습니다. 이제는 AI가 모두 해결해 줄 수 있습니다.
11번가는 추천 상품을 보여주는 AI 피드에 대화 기능을 더했어요. '이 제품 배송 얼마나 걸려요?'처럼 간단한 질문은 물론, 다른 사용자들이 나눈 대화까지 함께 확인하며 제품 정보를 더 꼼꼼하게 살필 수 있어요. 또한 다양한 성격과 취향을 반영한 AI 프로필을 선택할 수 있어요. 내 쇼핑 스타일에 맞는 AI와 함께하면, 마치 취향을 잘 아는 친구와 함께 쇼핑하는 기분을 느낄 수 있어요. 🤖❤️
|
|
|
📫UX레퍼런스 업데이트 안내
UPA에는 매주 새로운 레퍼런스가 추가됩니다.
업데이트 소식은 '신비한 UX레퍼런스 사전'에서 만나보실 수 있어요!
다양한 레퍼런스를 통해, 더 멋진 사용자 경험을 설계해 보세요 😎
|
|
|
🩷 [별책부록] UX의 모든 것
✅ UX와 관련하여 더 많은 인사이트를 얻고 싶으시다면 아래 글들을 확인해보세요!
|
|
|
|