유아이볼 뉴스레터가 더 보기 좋게 개선됐어요 ✨ 이제 뉴스레터 아카이브 페이지에서 지난 뉴스레터도 한 번에 님, 안녕하세요!✨ 이제 뉴스레터 아카이브 페이지 에서 지난 뉴스레터도 한 번에 확인하실 수 있어요. 매주 월요일, 유아이볼 Weekly에서 최신 UI/UX 사례와 인사이트를 전해드릴게요. 한 주의 시작을 유아이볼과 함께해보세요.
유아이볼에서 보고 싶은 서비스나, 궁금한 UX 주제가 있으신가요? 👀
어떤 의견이든 보내주시면 적극 반영할게요! 의견 보내기 >
|
|
|
유아이볼 2월 3주차 업데이트
유아이볼에 모바일 앱 7개와 웹사이트 3개, 총 10개의 UI/UX 패턴이 새롭게 업데이트 되었어요! |
|
|
모바일 스크린샷
유아이볼에서 더 자세히 확인할 수 있어요. |
|
|
해외 송금을 더 빠르고 단순하게 할 수 있는 방법을 찾다가 GME Remit을 알게 되었어요. 가입과 본인 인증에는 하루 정도가 필요했지만, 인증 이후 GME Remit를 통해 실제 송금은 1분 만에 완료되었어요. GME Remit은 해외 송금이라는 단일 목적에 집중해 설계된 앱으로 다양한 금융 기능을 나열하기보다, 사용자가 가장 많이 하는 ‘보내기’ 행동에 초점을 맞추고 있어요. 메인 화면에서 명확한 CTA를 제시해 실행과 동시에 송금 플로우로 자연스럽게 진입할 수 있어요. 과정은 수취인...👉 아티클 이어서 읽기 |
|
|
리다는 책과 나를 더 촘촘하게 이어주는 기록형 독서 앱이에요. 메인 화면에서는 독서 상태별로 책을 구분해 관리할 수 있어 여러 권을 동시에 읽는 다독가도 흐름을 잃지 않고 병렬 독서를 이어갈 수 있고, 인상 깊은 문장은 사진 촬영과 글자 인식으로 빠르게 수집해 남길 수 있어요. 또한 읽고 싶은 책을 북플리에 가볍게 담아두고 관리하거나, 나만의 기준으로 컬렉션을 만들어 인생책 리스트를 완성할 수도 있어요. 여기에 나의 독서 내역을 분석한 체계적인 통계까지 제공해, 기록부터.. 👉 아티클 이어서 읽기 |
|
|
헤이딜러는 중고차를 팔려는 사람과 사려는 사람 모두에게 투명하고 효율적인 거래 환경을 제공하는 자동차 거래 플랫폼이에요. 판매자가 차량 정보를 등록하면 전국 딜러들이 경쟁 입찰에 참여해 가격을 제시하고, 사용자는 여러 견적을 한눈에 비교해 원하는 조건의 딜러를 선택할 수 있어요. 동시에 구매자 입장에서는 검증된 딜러 매물을 기반으로 차량 정보를 확인하고, 사고 이력과 옵션, 가격을 비교하며 합리적인 선택을 할 수 있어요. 이처럼 헤이딜러는 시세 조회부터 거래 과정 안내까지 앱 안에서 투명하게 제공돼 중고차 거래의 불안 요소를 줄여주며, 판매자와 구매자 모두에게 효율적인 거래 경험을 만들어주는 서비스예요. |
|
|
아정당은 유튜브 광고에서 자주 보이는 서비스에요. 이번에 찾아보니 정보 비대칭이 큰 생활 서비스 영역을 비교, 신뢰, 결정의 흐름으로 단순화한 플랫폼이에요. 첫 화면에서 이사, 인터넷, 가전 렌탈 등 주요 서비스를 명확한 메뉴로 분리해 진입 부담을 낮추고, 사용자의 상황을 빠르게 파악할 수 있도록 질문 중심의 구조를 채택했어요. 또한 가격·혜택·후기 정보를 한 화면에서 스캔할 수 있도록 배치해 탐색 시간을 줄였고, CTA는 ‘견적 받기’처럼 행동이 명확한 문구로 통일해 전환을 유도해요. 상품별로 비교할 수 있는 기능 역시 의사결정을 돕는 주요 요소에요. 이러한 UX 전략을 바탕으로 아정당은 2024년 기준 투자 없이 연매출 1,191억 원을 기록하며 최근 급부상한 플랫폼이라고 할 수 있어요. |
|
|
우리동네GS 앱은 GS25와 GS더프레시의 오프라인 매장을 하나의 생활 플랫폼처럼 연결해주는 지역 밀착형 서비스예요. 사용자는 주변 매장의 행사 상품과 1+1·할인 정보, 재고 여부를 앱에서 바로 확인할 수 있고, 픽업·배달 주문은 물론 와인25플러스 같은 특화 서비스도 함께 이용할 수 있어 상황에 맞는 구매가 가능해요. 특히 동네 단위로 정보가 정리돼 있어 실제 방문 가능성과 체감 혜택이 높고, 멤버십 적립과 쿠폰 사용도 자연스럽게 이어져요. 이처럼 우리동네GS는 일상 속 편의점과 마트를 ‘직접 찾아가는 공간’이 아니라 ‘먼저 알려주는 서비스’로 전환해주는 앱이라고 볼 수 있어요. |
|
|
마비노기의 UI/UX는 ‘게임을 플레이한다’기보다 ‘생활을 한다’는 감각을 중심에 둔 설계가 특징이에요. 전투·제작·연주·아르바이트 등 다양한 활동이 동일한 중요도로 배치되어 있어, 특정 목표를 강요하기보다 사용자가 스스로 서사를 만들어가도록 유도해요. UI 역시 경쟁적 몰입보다는 친근함과 지속성을 우선시해, 복잡한 시스템을 아이콘·텍스트 중심의 직관적 구조로 풀어냅니다. 특히 스킬 습득과 성장 과정이 단계적으로 시각화되어 있어 장기 플레이에서도 피로도가 낮아요. 다만 오래된 UI 구조로 인해 정보 밀도가 높고 최신 게임 대비 시각적 정돈감은 부족한 편이에요. 그럼에도 불구하고 감성 중심 UX와 커뮤니티 친화적 인터페이스는 마비노기만의 차별화된 경험을 만들어내요. |
|
|
로얄킹덤은 퍼즐과 RPG 요소를 결합한 모바일 게임으로, 짧은 플레이 세션에 최적화된 UI/UX 설계가 특징이에요. 기본 조작은 기존 매치 퍼즐 문법을 따르되, 전투·성장·캐릭터 수집 요소를 명확한 단계 구조로 분리해 사용자가 다음 행동을 쉽게 예측할 수 있게 설계했어요. 전투 화면과 메타 성장 UI가 명확히 구분되어 인지 부담이 낮고, 보상 흐름 역시 즉각적인 피드백 중심으로 구성돼 반복 플레이 동기를 강화해요. 특히 캐릭터 스킬과 속성 정보는 시각적으로 단순화되어 퍼즐 도중에도 빠르게 이해할 수 있어요. 다만 퍼즐 실패 시 재도전 유도가 강해 UX가 과금 구조로 인식될 수 있는 한계는 존재해요. 전반적으로 로얄킹덤은 복잡함을 최소화하고 ‘계속 다음 판을 누르게 만드는’ 리듬 중심 UX에 강점이 있는 게임이에요. |
|
|
웹사이트 스크린샷
유아이볼에서 더 자세히 확인할 수 있어요. |
|
|
코드잇 디자인 시스템 페이지는 코드잇이 구축한 디자인 시스템을 한곳에서 확인할 수 있는 공식 사이트예요. 브랜드의 정체성과 UI 요소를 일관되게 유지하고 팀 간 협업 효율을 높이기 위해 만들어졌으며, 코드잇이 추구하는 디자인 원칙과 철학을 ‘배움의 기쁨’을 전달하기 위한 기준으로 정의하고 브랜드, 파운데이션, 컴포넌트, 패턴 등의 체계적인 구조로 정리해 소개해요. 각 요소마다 사용 목적과 적용 예시, 주의사항을 함께 제시해 디자이너와 개발자가 같은 기준으로 소통할 수 있도록 돕고, 결과적으로 일관된 사용자 경험을 만드는 데 초점을 두고 있어요. |
|
|
클래스101 메인 페이지는 카테고리와 추천 클래스를 동시에 배치해 학습 범위를 빠르게 인지하게 설계되어 있어요. 카드형 UI에 무료 특강 여부, 랭킹, 멤버십 포함 여부를 배지로 명확히 표시해 비교 판단이 쉬운 구조예요. 다만 동일한 카드 패턴이 반복되면서 개인의 관심사와 무관한 콘텐츠도 함께 노출돼 초반 선택 피로가 생길 수 있어요. 사용 이력 기반 개인화 정렬이 강화된다면 전환 흐름이 더 선명해질 수 있어요. 특히 첫 방문 단계에서 관심 분야를 간단히 선택하게 하거나, 최근 탐색 기준으로 섹션을 재배치하면 탐색 시간이 눈에 띄게 줄어들 가능성이 있어요. 결국 현재 구조는 ‘많이 보여주는 방식’에 가깝고, 앞으로는 ‘덜 보여주되 더 정확하게 보여주는 방식’으로 진화할 여지가 있어 보여요. |
|
|
스타라이트는 예비·초기 창업자가 작성한 사업계획서를 제출 직전 단계에서 점검하고 보완할 수 있도록 도와주는 사업계획서 특화 SaaS 플랫폼이에요. 서비스 안에서 사업계획서를 직접 작성하거나 PDF로 업로드하면, AI가 구조와 논리, 시장성, 수익성 등을 기준으로 분석한 리포트를 제공해요. 항목별 체크리스트와 점수 기반 진단을 통해 보완이 필요한 부분을 한눈에 파악할 수 있고, 실제 창업과 심사 경험을 가진 전문가의 피드백까지 하나의 흐름으로 이어져요. 이처럼... 👉 아티클 이어서 읽기 |
|
|
⏰ 현재 읽고 있는 UX패턴이 곧 멤버십 전용으로 전환돼요! ⏰
유아이볼에서는 최신 3개 앱 및 웹사이트를 무료로 탐색할 수 있어요.
지금 바로 멤버십으로 전환 시, 무제한으로 UI/UX 패턴을 탐색할 수 있어요. |
|
|
유아이볼 파트너들을 위한 대시보드
유아이볼은 현업 중심의 사용자 피드백을 통해 회사에서 바로 적용할 수 있는 다음 과제를 추천해요. 이제 혼자 고민하지 말고, 사용자 인사이트로 다음 스텝을 결정하세요. 👉 아티클 이어서 읽기 |
|
|
멤버십을 구독하고 무제한으로 이미지를 탐색해보세요. |
|
|
|
