UI2 [UI / UX] UI / UX 분석 분석대상 : 마켓컬리 1. UI 분석 1-1. 사용중인 UI 디자인 패턴 탭(Tab) → ‘홈'메뉴의 헤더에서 메뉴 선택 시 캐러셀 → ‘홈’ 메뉴 무한스크롤 → ‘홈’ 메뉴 자동완성 → ‘검색'메뉴 모달 → ‘홈' 메뉴 아코디언 → ‘카테고리' 메뉴 드롭다운 → 장바구니 담기 시 확인 가능. 토글 → ‘찜'기능 태그 → ‘kurly only’ 기능 GNB & LNB : GNB : 하단의 ‘홈', ‘카테고리', ‘검색', ‘마이컬리' 메뉴바 LNB : 카테고리 내 하위 카테고리 1-2. 컬럼 그리드 시스템 사용 여부 스마트폰 버전: 4개 적용 확인. PC 버전 : 12 개 적용 확인. 2. UX 분석 2-1. 피터 모빌의 UX 7요소 충족 여부 유용성 : 사용 가능한가? 마켓컬리는 쇼핑몰로서, 쇼핑몰의 .. 2022. 6. 29. [UI / UX] 키워드 : UI, UX, UI와 UX의 차이점 1. UI, UX란 ? 1-1. UI (User Interface, 사용자 인터페이스) 사용자와 컴퓨터가 상호작용하는 시스템을 일컫는다. 그래픽 요소와 물리적 요소를 모두 포함하는 개념이다. FE 개발자에게 UI는 곧 GUI(Graphical User Interface, 그래픽 사용자 인터페이스) 1-2. UX (User Experience, 사용자 경험) 사용자가 제품이나 서비스를 이용하면서 느끼는 총제적인 경험을 일컫는다. 홍보, 접근성, 사후 처리 등의 경험까지 포함된다. FE 개발자에게 가장 중요한 UX 요소는 UI가 된다. 🔎 UX와 UI의 관계 UX는 UI를 포함하는 개념. 일반적으로 나쁜 UI는 나쁜 UX를 유발한다(항상 해당하는 것은 아님). .. 2022. 6. 27. 이전 1 다음
