6강 6th.Personal.Assignment.Guideline 개인 과제를 수행한다.

1. KAYWON UNIVERSITY OF ART & DESIGN
INDUSTRIAL DESIGN LAB
USER EXPERIENCE
DESIGN
사용자경험디자인 2
kwonjeongeun@naver.com
/ 14
1
6강 개인 XD 과제 안내
중간 팀 과제 예고

2. 개인 XD 과제와 중간 팀 과제 예고
Adobe XD 레슨
팀 과제 진행
/ 14
2

3. 서비스 정의 단계 정보 설계 단계
2_메뉴 트리
1_기능 리스트
0_주요 특징
서비스 컨셉
UX 디자인
/ 14
3 ★ : 팀 과제 산출물

4. 정보 설계 단계
프로토타입
4_와이어프레
3_스케치
플로우 차트
No color
UX 디자인
/ 14
4 ★ : 팀 과제 산출물

5. 정보 구조의 유형 -> 정보의 분류
내비게이션 시스템 -> 지도
레이블링 시스템 -> 정보 그룹의 이름
콘텐츠 구성 -> 정보 노출의 방식과 순서
정보 설계(IA), 구성 요소
출처 : 다음 UX랩 <스토리로 이해하는 UX 디자인 프로세스>, 197p
/ 14
5
위 기준으로 UX/UI 분석하는 편.

6. 이후 일정
/ 14
6
6강 10/17 화 - 오늘 - 작업량 가장 많음
개인 스케치 제출 = 팀 스케치 의견 전달, (빠르게) 개인 XD 과제 시작
7강 10/24 화 - 작업량 가장 많음
팀 스케치 제출, 개인 XD 과제 제출 = 팀 XD 파일 선정 + 수업 : 팀 UI 디자인 이론 진행
8강 10/31 화 - 전력 질주 - 중간 고사
팀 UI 디자인 컨셉 PPT 제출, 팀 XD 파일 제출 + 수업 : 팀 UI 디자인 작업 보완
9강 11/07 화 - 전력 질주 - 11/10 금 졸업심사
팀 UI 디자인 컨셉 PPT 제출, 팀 XD 파일 제출 + 수업 : 팀 UI 디자인 작업 보완
10강 11/14 화 - 전력 질주
수업 : 전시 설치 거치대와 모바일로 작업 확인 및 보완
11강 11/21 화 - 전력 질주 - 11/24 금 ~ 11/26 일 졸업전시
수업 : 전시 설치 거치대와 모바일로 작업 확인 및 보완

7. 와이어프레임 & 프로토타입의 개인 XD 과제 준수사항
Point 1. 팀 스케치 최종 안을 개인이 XD로 제작해서 제출합니다. (개인 과제)
Point 2. Gray tone의 Wireframe.
아이콘 Gray tone 적용.
이미지 Real Data 적용 X. Gray tone 적용.
✦ No Color
✦ No Image
Point 3. 왼쪽 패널 : 색상, 문자 스타일, 구성 요소를 정리할 것.
패널 내 요소 위 > 마우스 우 클릭 > ‘캔버스에서 강조 표시’ 메뉴 이용
✦ 최소한으로 운영한다.
Point 4. 메뉴 트리 기준으로 아트보드 명칭, 구조가 보이게 정렬할 것.
✦ 다음 화면 참조
Point 5. 프로토타입 - 인터랙션 설정할 것.
‘프로토타입’ 탭 상태에서 Ctrl + A & [
►
] 확인 예정
Point 6. 파일명 준수.
✦ 다음 화면 참조
/ 14
7

8. / 14
8
아트보드명 : 메뉴 트리 기준. 메뉴명으로 작성
/ 14
8
와이어프레임 & 프로토타입의 개인 XD 과제 준수사항
파일명 : [반_팀번호] 서비스명_4_이름_제출날짜 [B_1] 서비스명_4_Wireframe_홍길동_20231024

9. 1.최종 제출 기한 :
차주 10월 24일 화요일 수업 첫 시간 전까지.
B반 14:00 / C반 17:00 까지.
2.최종 제출 방법 :
슬랙 팀 방에 제출합니다.
✓XD 파일 1개 업로드.
✓파일명 준수.
와이어프레임 & 프로토타입의 개인 XD 과제 준수사항
/ 14
9

10. 개인 XD 과제와 중간 팀 과제 예고
Adobe XD 레슨
팀 과제 진행
/ 14
10

11. 1. 메뉴 트리를 완료한다.
2. 화면을 스케치한다.
[UXD] UI Ideation_Template_Mobile_iOS.pptx를 프린트해서
서비스의 주요 화면(1depth 메뉴 화면 포함) 그리고 주요 Task 별 흐름을 보여 주는 스케치한다.
주요 Task가 하나는 아닐 것.
3. 1인 1 스케치 세트를 원칙으로 한다. - 1 세트는 한 번에 나오지 않는다. 개인 최종을 기대
예 : 팀 구성원 2명(팀장 포함)이면 2개 스케치 세트
4. 스케치 완료 후, 팀원 피드백을 받는다. - 완료 아님.
개인 스케치를 보완해서 업로드한다. - 서로 의논하고 각자 개인 스케치 보완 후, 개인 최종 스케치 제출
5. 저와 팀 미팅으로 팀 스케치를 도출한다. - 오늘
6. 팀은 2번이 반영된 팀 스케치의 최종 버전을 업로드한다. - 차주 중 완료
팀 스케치 일정
/ 14
11

12. 1. 우측 상단에 날짜, 이름, 메뉴명(화면)을 적는다.
2. 서비스의 큰 구조(글로벌 내비게이션)에 대한 안을 잡는다.
3.첫 화면과 주요 화면에 글로벌 내비게이션 적용 및
로컬 내비게이션과 콘텐츠를 상세하게 스케치한다.
4. 주요 Task의 흐름을 알 수 있게 필요한 여러 화면들을 스케치한다.
5. 마지막으로 팀원 피드백을 주고받는다.
6. 팀 스케치를 보완해서 업로드한다.
스캔해서 pdf 파일로, 차주 수업 전까지 slack 팀 방에 업로드.
팀 스케치 준수사항, 큰 구조 -> 상세
/ 14
12

13. 팀 스케치 업로드 준수사항
/ 14
13
1. pdf 파일로 올린다.
낱장으로 올리지 말 것.
2. 모든 스케치는 올바른 방향으로 구성한다.
돌아간 방향으로 올리지 말 것.
3. 순서대로 정렬한다.
4. 뒤에 9팀이 있습니다.
보는 사람 입장에서 & 함께 공부하는 동료를 배려하는 마음으로.
이상 가이드대로 올리지 않은 파일은 과제 수행으로 인정하지 않습니다.

14. kwonjeongeun@naver.com
끝.
다음 주 과제 : 2건
팀 스케치 업로드
개인 XD 과제 업로드 (10/24, 화 수업 전까지)
Adobe XD
8
강 복습
다음 주 준비물 :
[중요] Adobe XD 모바일 앱 다운로드 및 로그인까지 완료
/ 14
14