UIUX공부18 UI분석 및 클론디자인_ 카테고리 페이지 (학습일지 4주차) 4-2 커머스 카테고리 페이지 UI 분석 및 클론 디자인 1) 각 커머스별로 뜯어서 공통화면 그룹핑하기 2) 가장 매력적인 카테고리 화면을 클론디자인 3) 해당 클론디자인에서 다른 커머스와의 공통부분 마킹하기 4) 매력적이라고 생각한 이유 짧게 서술하기 사용하고 있던 커머스가 한정적이어서 이번에 클론 디자인을 하면서 여러 커머스 앱들을 다운받아 살펴보았다. 컴포넌트 별로 모아보니 이런부분은 비슷하게 디자인하고 또 저런 부분은 브랜드만의 개성을 담아서 하는구나가 눈에 더 잘 보이는 것 같다. 클론 디자인하는 건 항상 참 오래 걸리지만 하나하나 꼼꼼하게 맞추고 비슷한 화면을 만들어가는 모습을 보면 뿌듯하기도 하다. 클론디자인이란? 클론 디자인이란 프로그래밍에서의 클론코딩과 비슷한 개념으로, 실제 존재하는 앱.. 2023. 12. 30. UI분석 및 클론디자인_ 회원가입 페이지 (학습일지 4주차) 클론디자인이란?? 클론 디자인이란 프로그래밍에서의 클론코딩과 비슷한 개념으로, 실제 존재하는 앱/웹 페이지를 동일하게 따라 만들어 보는 작업을 의미한다. 기존의 잘 만들어진 앱을 가이드 삼아 모방해서 만들어 보는 UX/UI 디자인 학습법으로 좋은 레이아웃과 구성을 자연스럽게 익히고 나아가 나의 디자인 실력 향상에도 도움을 준다고 한다. 4-1 회원가입 페이지 UI분석 및 클론 디자인 1) 가장 많이 사용하는 앱의 회원가입 페이지 수집하기 (10개 이상) 2) 그중 5개의 앱을 분석하여 각 영역 간의 간격과 크기 분석하기 (5개의 앱) 3) 그중 1개의 앱을 클론디자인 현재 사용하고 있는 앱들은 회원가입이 된 것들이 많기도 하고, 요즘에는 네이버나 카카오톡 등으로 간편 회원가입하는 방법이 많아서 정말 많은.. 2023. 12. 29. 레퍼런스 분석 4. 샵사이다 CIDER 레퍼런스 4. 샵사이다 샵사이다는 LA 기반 글로벌 SPA 브랜드이다. 다양한 감정과 개성을 반영한 독특한 옷을 합리적인 가격에 제공하며, 빠르게 변하는 트렌드를 빠르게 반영한다. 또한 귀엽고 트렌디한 아이템을 제공하여 TikTok에서 가장 사랑받는 패션 브랜드 중 하나로 빠르게 자리 잡았다. 화면구성 분석 1. 홈 페이지 홈(집) 페이지는 헤더, 카테고리, 이벤트 캐러셀, 혜택 카드, 콘텐츠별 카테고리 및 상품 모듈, 바텀 바로 구성하고 있다. - 카테고리에 이미지 안에 텍스트를 밴드를 적용시켜 포함시키고 있어 샵사이다만의 느낌을 주고 인상적이다. - 검색창에 사진 버튼을 구성하여 사용자가 추상적으로 알고 있는 혹은 이미지로 찾고 싶은 부분을 검색할 수 있도록 구성하였다. - 상품 모듈 부분의 왼쪽 오.. 2023. 12. 28. 레퍼런스 분석_ 앱의 불편한 요소 찾아보기 불편한 요소 찾아보기 (5개 앱) 해피포인트 해피포인트는 전국 6천여 개의 매장(파리바게뜨, 배스킨라빈스, 던킨 등)에서 적립/사용할 수 있고, 다양한 제휴 혜택을 누릴 수 있는 멤버십 서비스이다. pain point 1. 너무 넓은 터치 범위로 스트롤을 내리려고만 하다가 의도치 않게 터치되어 페이지가 넘어가는 경우가 있다. 2. 검색창 아이콘이 없어서 빠르게 목적한 것을 찾을 시에 시간이 걸릴 수도 있다. 3. 하트(위시리스트)를 누르고 나중에 위시리스트창을 따로 보려고 할 때 하트 아이콘 혹은 위시리스트 문구가 예상하는 위치에 있지 않아 찾는데 시간이 오래 걸린다. 하트를 누르면 일시적으로 스낵바가 뜨는데 보통 나중에 한 번에 모아 보는 분들이 많을 것 같아 불편하게 느낄 것 같다. 4. 캡처했을 때.. 2023. 12. 14. 레퍼런스 분석 1. 스카이스캐너 Skyscanner 레퍼런스 1. 스카이스캐너 스카이스캐너는 인터넷에서 모든 주요 항공사와 여행 상품 판매사를 검색하여 여행자가 항공권 요금을 한 곳에서 간편하게 비교할 수 있도록 도와주는 어플이다. 1,200개에 달하는 여행 업체의 가격을 모두 비교하여 최저가 상품을 찾아주며, 마음에 드는 항공권을 찾은 후에는 판매사를 통해 직접 예약을 진행하면 된다. 1. 메인화면 구성 selling point - 깔끔한 레이아웃: 딱 필요한 요소로 구성된 메인 화면으로 간편히 해결할 수 있을 것 같은 느낌을 준다. pain point - 중복된 플로우로 혼란을 줌: 메인화면에서 항공권 아래 “어디든지 검색”이라는 선택지를 클릭하면 항공권을 선택했을 때와 같은 프로세스로 진행된다. “어디든지”검색기능은 어차피 도착지를 클릭했을 때 선택.. 2023. 12. 9. 이전 1 2 3 4 다음
