5. 홈 핫 트렌드 베스트 아이템 실시간 이슈 My 환경설정
잇걸
지난 호 보기 패션 지난 아이템 스포티걸 구매내역 로그인 설정
내가 본 상품 뷰티 과거 베스트 빈티지걸 장바구니 이용내역관리
탭 메뉴 헤어 MD 추천 럭셔리걸 찜리스트 어플정보
도시 브랜드별 추천 러블리걸 위시리스트
스타 내가 본 상품
개인정보관리
기능 리스트
메뉴 트리
스케치(IA 4가지 구성 요소 포함)
팀의 정보 설계(IA)는?
/ 105
6. 1. 모바일 기능 리스트를 Excel 템플릿에 맞춰 상세하게 리스트업한다.
2. 세부 기능을 먼저 리스트업 한 후,
각 항목의 상세 기능을 하나하나 작성한다.
3. 세부 - 상세 기능을 기능 단위(큰 단위)로 묶는다.
4. 전체 항목을 리스트를 중요도 순으로 정렬한다.
5. 기능 리스트가 완성되면 메뉴 트리를 설계한다.
기능 리스트 & 메뉴트리 준수사항
/ 106
7. 1. 메뉴 트리를 설계한다.
2. 화면을 Sketch 한다.
UI Ideation Sheet.pptx 활용해서
홈 화면 및 주요 화면을 스케치 한다.
주요 테스크를 보여 줄 주요 화면들을 Sketch 한다.
3. 1인 1 Sketch 세트를 원칙으로 한다.
예 : 팀 구성원 2명이면 2개 Sketch 세트
4. Sketch 완료 후, 팀원 피드백을 받는다.
5. 하나의 파일의 업로드(pdf) 후, 저와 팀 미팅을 하면서 최종안을 다듬는다.
스케치 준수사항
/ 107
8. 와이어프레임, 프로토타이핑 제작 준수사항
Point 1. 팀 스케치 최종 안을 개인이 XD로 제작해서 제출한다. (개인 과제)
Point 2. Gray tone의 Wireframe. 단, 아이콘, 이미지 적용 허용
✦ No color
Point 3. 왼쪽 패널 : 색상, 문자 스타일, 구성 요소를 정리할 것.
✦ 최소한으로 운영한다.
패널 내 요소 위 > 마우스 우 클릭 > ‘캔버스에서 강조 표시’ 메뉴 이용
Point 4. Menu tree 기준으로 아트보드 명칭, 구조 정렬할 것.
다음 화면 참조
Point 5. 프로토타이핑 - 트랜지션 설정할 것.
‘프로토타이핑’ 탭 상태에서 [▶] 버튼 or Ctrl + A 이용
/ 108