유아이볼에 총 14개의 콘텐츠가 새롭게 업데이트 되었어요! 
님, 안녕하세요!✨ 매주 월요일, 유아이볼 Weekly에서 최신 UI/UX 사례와 인사이트를 전해드릴게요. 한 주의 시작을 유아이볼과 함께해보세요.
유아이볼 7월 3주차 업데이트 💌
유아이볼에 아티클 4개, 모바일 앱 4개, 웹사이트 4개, 게임 앱 2개
총 14개의 콘텐츠가 새롭게 업데이트 되었어요! 
📝 [네이버플러스 스토어] AI 시대, 우리가 사용하던
UX 패턴은 사라질까? 아티클 보러 가기 >
📝 [쏘카,원티드,스카이스캐너] O2O, 채용 플랫폼, 글로벌 여행 서비스는 어떤 디자인 시스템을 구축했을까? 아티클 보러 가기 >
📝 [세모] 베껴 쓰던 오답노트, 카메라로 1초 만에 완성 아티클 보러 가기 >
📝 [MakeMyTrip,ixigo] 인도 여행앱 비교 아티클 보러 가기 >
📱 [네이버플러스 스토어] #커머스 스크린샷 보러 가기 >
📱 [세모] #교육&도서 스크린샷 보러 가기 >
📱 [MakeMyTrip] #일상 스크린샷 보러 가기 >
📱 [ixigo] #일상 스크린샷 보러 가기 >
🖥️ [클로드디자인] #AI 스크린샷 보러 가기 >
🖥️ [쏘카 디자인 시스템] #디자인시스템 스크린샷 보러 가기 >
🖥️ [원티드 디자인 시스템] #디자인시스템 스크린샷 보러 가기 >
🖥️ [스카이스캐너 디자인 시스템]#디자인시스템 스크린샷 보러 가기 >
🎮 [승리의 여신:니케] #실사RPG 스크린샷 보러 가기 >
🎮 [냥금술사] #퍼즐 스크린샷 보러 가기 >
🎁 []님을 위해 연구독 회원 깜짝 선물을 준비했어요!
선물 구성 : 유아이볼 시그니처 타포린백, 유아이볼 안경닦이, 유아이볼 대나무 칫솔 세트
이벤트 기간: : 6월 26일(금) ~ 7월 26일(일)
모바일 스크린샷
유아이볼에서 더 자세히 확인할 수 있어요.
"수분크림 추천해 줘" 한마디면 AI가 리뷰까지 싹 털어주는데, 우리가 뼈 갈아 만든 검색 필터나 리뷰창은 이제 박물관에나 가야 할까요? 업계에선 "AI시대엔 인터페이스가 배경으로 사라진다"는 말까지 나오지만, 네이버는 오히려 옛 UX를 AI 틈새에 아주 영리하게 숨겨놓는 반전을 보여줬어요. 그런데 이 치밀한 설계 속에서도 사용자의 피 같은 사용성을 툭 놓쳐버린 의외의 빈틈이 발견됐거든요. 네이버가 AI 속에 교묘히 숨겨둔 옛 패턴의 정체는 무엇인지, 그리고 새로운 구조에 힘을 쏟다 정작 놓쳐버린 그 결정적인 구멍은 어디인지 지금 바로 파헤쳐 볼까요?
수학 오답노트의 핵심은 문제 풀이를 베껴 적는 것이 아니라, 개념 오류나 단순 계산 실수 등 틀린 원인을 분석하는 일이에요. 수학 오답노트 앱 '세모(Semo)'는 사용자가 문제를 직접 입력하는 과정을 사진 촬영 기능으로 대체했어요. 카메라로 문제를 찍으면 OCR과 AI 분석을 통해 해당 문제의 단원과 유형을 자동으로 추천해요. 사용자는 텍스트 입력 없이, 정답과 단원이 구조화된 화면에서 최소한의 수정만으로 오답 카드를 생성할 수 있어요.
생성된 오답 카드는 단원별, 유형별 취약 영역을 한눈에 보여주는 학습 대시보드로 수집돼요. 서비스의 목적을 단순한 오답 기록에 두지 않고, 누적된 데이터를 통해 약점을 파악하고 틀린 문제를 다시 푸는 반복 학습에 집중하도록 화면과 기능들을 연결했답니다.
MakeMyTrip은 인도의 대표 여행 플랫폼으로, 항공·호텔·버스·기차·패키지를 하나의 생태계 안에 모아 사용자를 여행 전체를 설계하는 플래너로 포지셔닝해요. 홈 화면부터 다양한 카테고리와 혜택을 동시에 노출해 탐색을 유도하고, 위시리스트·기프트카드·환율 전환 같은 기능으로 결제 이후에도 사용자를 생태계 안에 계속 붙잡아둬요. 다만 기차 예매 과정에서는 IRCTC 계정 인증이라는 외부 시스템 단계가 끼어들어 몰입 흐름이 끊기는 지점이 생기죠. 확장과 통합을 우선한 만큼 유연함은 크지만, 그만큼 복잡성도 함께 따라와요.
ixigo는 인도의 여행 예매 플랫폼으로, 이동이라는 핵심 과업 하나에 집중해 사용자를 여행 어시스턴트로 포지셔닝해요. 온보딩부터 화면 구성까지 불필요한 선택지를 걷어내, 같은 검색 조건을 입력해도 더 빠르다고 체감하게 만들죠. 기차 선택부터 필터링, 승객 정보, 결제까지 하나의 리듬으로 압축해 외부 인증 같은 분기를 최소화하고, 환불 추적과 고객지원을 눈에 띄는 자리에 배치해 불확실한 순간 신뢰를 빠르게 회복시켜요. 확장보다는 실행 속도와 운영 신뢰를 우선한 설계예요.
웹사이트 스크린샷
유아이볼에서 더 자세히 확인할 수 있어요.
클로드 디자인은 프롬프트나 링크만으로 화면을 완성하는 AI 디자인 도구예요. 첫 화면에 카테고리와 16종의 템플릿을 배치해, 고민할 필요 없이 템플릿만 고르면 바로 작업에 몰입할 수 있어요. 좌우 분할 뷰어와 핵심 툴바는 뛰어난 편의성을 자랑해요. 색상 칩이나 음성 지시를 활용하면 번거로운 프롬프트 재입력 없이 즉각적인 피드백을 얻어 수정의 피로감을 말끔히 덜어줘요.
디자인 시스템 연동으로 일관된 톤을 유지하고, 주석 기능으로 수정 지점을 명확히 짚어줘요. 또한 잔여 한도를 알려주는 팝업이 다음 작업의 불확실성을 줄여 든든한 안정감을 줘요.
많은 기업이 제품의 일관성을 유지하고 개발 효율을 높이기 위해 디자인 시스템을 구축해요. 디자이너와 개발자가 동일한 기준으로 화면을 구현하도록 디자인 컴포넌트와 개발 코드를 일치시켜 관리하죠.
그런데 각 서비스가 처한 비즈니스 환경과 주 고객층이 전혀 다른데, 디자인 시스템을 모두 똑같이 구성할 수 있을까요? 쏘카, 원티드, 스카이스캐너를 살펴보면 그렇지 않다는 것을 알 수 있어요. 이들은 각자의 비즈니스 데이터와 유저의 실제 사용 환경에 맞춰 저마다 특화된 컴포넌트와 규칙을 다르게 정의해 두고 있답니다. 각 시스템이 정의한 구체적인 구조와 특화 컴포넌트들의 특징을 하나씩 살펴볼게요.
게임 스크린샷
유아이볼에서 더 자세히 확인할 수 있어요.
승리의 여신: 니케는 미소녀 수집형 RPG와 엄폐 슈팅을 결합한 게임으로, 전투의 몰입감과 캐릭터 수집의 재미를 UI/UX에 효과적으로 담아낸 사례예요. 전투 화면은 조작 버튼과 버스트 스킬, 탄약, 아군 상태 등 핵심 정보를 직관적으로 배치해 한 손으로도 쉽게 플레이할 수 있도록 설계되었어요. 또한 화려한 전투 연출 속에서도 필요한 정보를 빠르게 확인할 수 있도록 정보의 우선순위를 명확하게 구성했어요. 캐릭터 성장, 장비, 모집(가챠), 이벤트 UI는 일관된 구조를 유지해 다양한 콘텐츠를 자연스럽게 탐색할 수 있어요. 여기에 Live2D 기반의 캐릭터 연출과 높은 완성도의 인터랙션을 더해 캐릭터 수집의 만족감과 몰입감을 극대화한 것이 특징이에요.
냥금술사는 머지 퍼즐과 수집·성장 요소를 결합한 UI가 특징이에요. 동일한 아이템을 드래그해 합성하는 핵심 플레이를 직관적인 인터랙션으로 구현해 누구나 쉽게 적응할 수 있어요. 합성 가능한 아이템은 시각적 강조와 이펙트로 자연스럽게 구분되며, 새로운 아이템이 등장하거나 목표를 달성했을 때 애니메이션과 보상 연출을 통해 성취감을 높여줘요. 또한 귀여운 고양이 테마와 아기자기한 일러스트를 활용해 게임의 편안한 분위기를 강화했어요. 다만 머지 가능한 아이템이 많아질수록 보드가 복잡해질 수 있어, 아이템 정리 기능이나 시인성을 높이는 UI 개선이 더해진다면 플레이 편의성이 더욱 향상될 것으로 보여요.
3주 뒤, 업무에 쓰시던 AI에서 유아이볼을 바로 만나보세요.🚀
앞으로는 유아이볼에서 직접 레퍼런스를 찾지 않아도 돼요. 유아이볼이 Claude, ChatGPT, Cursor와 MCP로 연동되어, AI 안에서 곧바로 데이터를 조회하고 분석할 수 있어요.
💡 이렇게 활용해 보세요 : "바텀시트에 '선택 안 함' 버튼이 있는 UI 찾아줘"
복잡한 검색 조건 대신 자연어로 질문하면, AI가 유아이볼 데이터를 바탕으로 가장 적합한 UI 레퍼런스를 즉시 제안해요. 실제 오픈 시점에 맞춰 가장 먼저 알림을 받고 싶으시다면 댓글에 '유아이볼'을 남겨주세요! 오픈 당일 DM으로 빠르게 소식 전해드릴게요 🙌
⏰ 현재 읽고 있는 UX패턴이 곧 멤버십 전용으로 전환돼요! ⏰
유아이볼에서는 최신 3개 앱 및 웹사이트를 무료로 탐색할 수 있어요. 
지금 바로 멤버십으로 전환 시, 무제한으로 UI/UX 패턴을 탐색할 수 있어요.
멤버십을 구독하고 무제한으로 이미지를 탐색해보세요.
유아이볼 | support@uibowl.io
수신거부 Unsubscribe