InterfaceDesign_8th.lecture.MidTerms.Guideline.pdf 자료

8강
2025_ID_8th.lecture.MidTerms.Guideline
직무수행능력평가 1 준수사항

1. KAYWON UNIVERSITY OF ART 5? DESIGN
SMART PRODUCT DESIGN LAB
INTERFACE DESIGN
인터페이스 디자인
kwonjeongeun5?naver.com
8강 직무수행능력평가 1 준수사항
/ 401

2. 과제 Critique
UX Tool 레슨
실습
직무수행능력평가 1 준수사항
/ 402

3. Critique에 앞서
/ 403
개인 과제를 제출했습니다.
고마운 분들…
A반 : 16명 / 17명
B반 : 18명 / 19명
-미제출 O, 지각 O
-파일명 엄수 X, 페이지명 구성 엄수 X
-가이드라인 엄수 X: 디자인 시스템 X, 프레임 명 X,
구조 정리 X
고맙습니다.

4. Critique에 앞서
/ 404
팀 과제를 제출했습니다.
고마운 분들…
-지각 O
-섹션 X, 섹션명 X
-개인 Wireframe 상단에 Task 명 X
고맙습니다.

5. 과제 Critique
UX Tool 레슨
실습
직무수행능력평가 1 준수사항
/ 405

6. / 406
팀 프로토타입3?중간 고사3? 준비 차
Prototype은 팀원 모두가 Figma로 제작해서 제출합니다 . - 개인 과제
Gray 톤의 Wireframe ONLY.
✦ No Color / ✦ No Real Image / ✦ No Real Text / ✦ No Real Data. - 중간 고사 범위 아님.
3?Prototype3? 모드에서 Interaction3?주요 Tasks3? 제작.
✦ 8주차 과제 Prototype3?Page3?에 제작.
✦ Scroll 처리.
3?첫 메뉴 화면3? Frame에 Flow 1 반드시 설정.
✦ 8주차 과제 Prototype3?Page3?에 제작.
메뉴 트리 기준. Frame 이름 작성 그리고 구조가 보이도록 Frame 정렬할 것.
✦ 전주 대비 업데이트 가능.
3?오른쪽 패널3? Text, Color, Effect Styles3?자신만의 디자인 시스템3? 작성할 것.
✦ 전주 대비 업데이트 가능.
✦ 최소한으로 운영이 핵심.
1개 이상의 Component, Varients 제작 그리고 Frame과 관련되게 정렬할 것.
✦ 전주 대비 업데이트 가능.
8주 차, <실습> 주요 Task 2 ~ 3가지 Prototype 제작

7. 1개 이상의
Component 5? Varient 제작과
관련된 정렬
3?업데이트 가능3?
8주 차, <실습> 주요 Task 2 ~ 3가지 Prototype 제작
Frame명 : 메뉴 트리 기준. 메뉴 명으로 작성
Frame들: 구조가 보이게 정렬
3?업데이트 가능3?
디자인 시스템3?업데이트 가능3?
파일명 엄수
과제 제출 구성 엄수
/ 407

8. 3
8
8
7
파일명 엄수
디자인 시스템
Frame명 : 메뉴 트리 기준. 메뉴 명으로 작성
Frame들: 구조가 보이게 정렬
1개 이상의
Component 5? Varient 제작과
관련된 정렬
4과제 제출 구성 엄수
9
/ 408
8주 차, <실습> 주요 Task 2 ~ 3가지 Prototype 제작
3?첫 메뉴3? 화면 위에
Flow 배치
화면 별
Scroll 처리

9. 3?첫 메뉴3? 화면 위에
말풍선 배치
8주 차, <실습> 주요 Task 2 ~ 3가지 Prototype 제작
/ 409

10. / 4010
1 개인 파일 제출 방법 :
5LA/B반 > 3?팀 폴더3? > 개인 파일 내 해당 Page
2 개인 파일 제출 기한 :
5L말풍선
5L11월 05일 수 오후 11시 59분까지
3 팀 직무수행능력평가 1 제출 방법과 제출 기한:
5L이전과 동일
5L11월 06일 목 오후 11시 59분까지
8주 차, <실습> 주요 Task 2 ~ 3가지 Prototype 제작

11. 과제 Critique
UX Tool 레슨
실습
직무수행능력평가 1 준수사항
/ 4011

12. Q 직무수행능력평가 1은?
중간 과제 1 + 중간 과제 2 내용입니다.
23?중간 과제3?피그마 파일3?로
제출합니다.
/ 4012
직무수행능력평가 1 제출 준수사항

13. 중간 과제 1 : 피그마 max 20장 이내 엄수
1 max 20장 대상은 중간 과제 1로 앞 커버 ~ 뒤 커버 장표까지
입니다.
2 앞 커버, 3?팀의3? 목차, 뒤 커버, Appendix 커버를 반드시 포함
합니다.
3 중간 과제 1 내용 중요. 서비스 소개 ~ 시연, 마치며 까지 입니
다.
4 와이어프레임 소개와 시연은 팀원 중 BEST 1인의 작업으로 소
개합니다.
/ 4013
직무수행능력평가 1 제출 준수사항

14. / 4014
직무수행능력평가 1 제출 준수사항
중간 과제 1 : 피그마 max 20장 이내 엄수
5 Appendix는 중간 과제 2 장표 이후에 배치합니다.
6 Appendix는 주차 과제 첨부에 활용합니다. 예 : 개인 과제
7 Appendix에 8주 차 과제3?이름 순서대로3?, 7주 차 과제3?이름
순서대로3?는 필수 포함.
8 Appendix 장표는 max 20장과 관련이 없습니다.

15. / 4015
8주 차 과제
-이몽룡
(팀원 순서는 가나다 순으로 정렬)

16. 8주 차, <실습> 주요 Task 2 ~ 3가지 Prototype 제작
/ 4016
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
주요 Task 1. 나의 게시물 작성
13?2 나의 게시물 작성 진입 13?4 나의 게시물, 글 작성 중13?33?1 나의 게시물, 이미지 작성 중 13?5 나의 게시물, 공유 완료13?1 홈
출처 : [A_0] 2_중간과제_00(개인번호)_ 이몽룡.fig링크 걸기

17. 8주 차, <실습> 주요 Task 2 ~ 3가지 Prototype 제작
/ 4017
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
주요 Task 2. 팔로잉 대상 찾기
23?2 검색 진입 23?4 키워드 입력 중23?1 홈 23?3 키워드 입력 대기 23?5 키워드 검색 결과
출처 : [A_0] 2_중간과제_00(개인번호)_ 이몽룡.fig링크 걸기

18. 8주 차, <실습> 주요 Task 2 ~ 3가지 Prototype 제작
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
33?23?1 나의 게시물에 43좋아요44 알림 33?23?2 나의 댓글에 44좋아요44 알림33?33?1 나의 게시물에 43좋아요44 알림 33?33?2 나의 댓글에 43좋아요44 보기33?1 홈
주요 Task 3. 나의 게시물 / 나의 댓글에 43좋아요44 보기
출처 : [A_0] 2_중간과제_00(개인번호)_ 이몽룡.fig링크 걸기 / 4018

19. 7주 차 과제
-이몽룡
(팀원 순서는 가나다 순으로 정렬)
/ 4019

20. 링크 걸기
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
19 / 40
주요 Task 1. 나의 게시물 작성
13?2 나의 게시물 작성 진입 13?4 나의 게시물, 글 작성 중13?33?1 나의 게시물, 이미지 작성 중 13?5 나의 게시물, 공유 완료13?1 홈
7주 차, <실습> 주요 Task 2 ~ 3가지 Wireframe 제작
출처 : [A_0] 2_중간과제_00(개인번호)_ 이몽룡.fig

21. ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
주요 Task 2. 팔로잉 대상 찾기
23?2 검색 진입 23?4 키워드 입력 중23?1 홈 23?3 키워드 입력 대기 23?5 키워드 검색 결과
7주 차, <실습> 주요 Task 2 ~ 3가지 Wireframe 제작
출처 : [A_0] 2_중간과제_00(개인번호)_ 이몽룡.fig링크 걸기 / 4021

22. 7주 차, <실습> 주요 Task 2 ~ 3가지 Wireframe 제작
/ 4022
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
33?23?1 나의 게시물에 43좋아요44 알림 33?23?2 나의 댓글에 44좋아요44 알림33?33?1 나의 게시물에 43좋아요44 알림 33?33?2 나의 댓글에 43좋아요44 보기33?1 홈
주요 Task 3. 나의 게시물 / 나의 댓글에 43좋아요44 보기
출처 : [A_0] 2_중간과제_00(개인번호)_ 이몽룡.fig링크 걸기

23. 중간 과제 2 : max 5장 이내 엄수
9 max 5장 대상은 중간 과제 2 입니다.
10 중간 과제 1과 2가 구분될 방법을 고민해 주세요.
/ 4023
직무수행능력평가 1 제출 준수사항

24. / 4024
직무수행능력평가 1 발표 준수사항
발표 시간: 12분 이내
1 다른 팀 일정을 배려해서 12분을 넘기면
팀 피드백을 시작하겠습니다.
2 발표자는 1인입니다.
3 발표자는 스크립트를 들고 읽지 않습니다.

25. / 4025
직무수행능력평가 1 발표 준수사항
총 3세션으로 나눠서 진행
-1세션 11:00~11:40: A3?4, A3?2
-2세션 12:00~12:40: A3?1, A3?6
-3세션 13:00~13:40: A3?3
1 해당 세션에만 참석 합니다.
2 세션 정시에 출석 체크 후, 바로 발표를 시작합니다.
3 반 대표? 첫 세션에 3개 폴더로 발표 자료 준비를 부탁합
니다.
4 발표 후, 팀원 크로스 평가 로 마무리합니다.

26. / 4026
직무수행능력평가 1 발표 준수사항
총 3세션으로 나눠서 진행
-1세션 16:00~16:40: B3?3, B3?4
-2세션 17:00~17:40: B3?1, B3?2
-3세션 18:00~18:40: B3?6
1 해당 세션에만 참석 합니다.
2 세션 정시에 출석 체크 후, 바로 발표를 시작합니다.
3 반 대표? 첫 세션에 3개 폴더로 발표 자료 준비를 부탁합
니다.
4 발표 후, 팀원 크로스 평가 로 마무리합니다.

27. / 4027
서비스 소개
인스타그램
~ 제품/서비스 소개 한 줄 3?작성하기3?

28. 출처 : App Store 6? 소셜 네트워킹의 인기 차트를 참고함.
서비스 명 선정과 제외 이유 선정
인스타그램 팀 선정 서비스
블라인드 제외. #폐쇄적 #enclosed #직장인 #커리어특화
틱톡 제외. 콘텐츠 성격이 다름 #숏폼
밴드 제외. #폐쇄적 #enclosed
에브리타임 제외. #폐쇄적 #enclosed #학생 #학업특화
X~ 유사함. ~ 경쟁 서비스임. ~ 시장이 같음. …
제페토 제외. 콘텐츠 성격이 다름 #메타버스
링크드인 제외. #커리어특화
서비스 명~ 유사함. ~ 경쟁 서비스임. ~ 시장이 같음. …
시장 조사, 유사 서비스
App
Icon
App
Icon
App
Icon
App
Icon
App
Icon
App
Icon
App
Icon
App
Icon
/ 4028

29. 유사 서비스, [첫 번째 메뉴] 화면 비교
/ 4029
0
Instagram 3?Home3? facebook 3?Home3? Threads 3?Home3?

30. / 4030
3?표 형식으로 작성하기3?
마지막에는
각 서비스의 컨셉, 주요 특징, 주요 Task가
도출되게 작성하기
유사 서비스, [첫 번째 메뉴] 화면 비교

31. 서비스의 컨셉과 주요 특징
/ 4031
0
인스타그램
~ 제품/서비스 소개 한 줄 3?재정의하기3?
특징1
이미지
편집
특징3
좋아요
특징2
팔로잉

32. 서비스의 메뉴 트리
3?한 장표에 모두 보이게 작성하기3?
3?새 게시물3?
인스타그램
3?릴스3? 3?나의 프로필3?
게시물/ … / 릴스 릴스/친구 나의 프로필 정보
3?프로필 편집3?
3?프로필 공유3?
나의 게시물
내가 태그됨
3?게시물 상세3?
3?만들기3?
나의 릴스
좋아할 만한 게시물 +
릴스 리스트
3?검색3?
키워드 검색
3?홈3?
스토리 리스트
게시물 리스트
좋아요 외 알림
메시지 알림
3?게시물 상세3?
3?키워드 검색 시작3?
3?릴스 상세3?3?알림 리스트3?
3?메시지 리스트3?
3?스토리 상세3? 3?게시물 작성 시작3? -
3?퀵 스냅 작성 시작3? ->
3?스토리 작성 시작3? ->
3?릴스 작성 시작3? -
3?릴스 상세3?
3?친구 릴스 상세3?
3?설정 및 활동3?
/ 4032

33. 서비스의 [첫 번째 메뉴] 명칭 과 화면 역할
3?첫 번째 메뉴 명3? :
작성하기
3?첫 번째 메뉴 명3?작
성하기3?3? 화면 역
할 :
#키워드
부연 설명 작성하기
3?홈3?
스토리 리스트
게시물 리스트
좋아요 외 알림
메시지 알림
3?알림 리스트3?
3?메시지 리스트3?
3?스토리 상세3?
3?홈3?
스토리 리스트
게시물 리스트
좋아요 외 알림
메시지 알림
3?알림 리스트3?
3?메시지 리스트3?
3?스토리 상세3?
3?홈3?
1 depth 메뉴, 화면 구성 소개
/ 4033

34. 서비스의 주요 Task와 Task Flow
19 / 40 링크 걸기
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
주요 Task 1. 나의 게시물 작성
13?2 나의 게시물 작성 진입 13?4 나의 게시물, 글 작성 중13?33?1 나의 게시물, 이미지 작성 중 13?5 나의 게시물, 공유 완료13?1 홈
출처 : [A_0] 2_중간과제_00(개인번호)_ 이몽룡.fig

35. / 4035
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
주요 Task 2. 팔로잉 대상 찾기
23?2 검색 진입 23?4 키워드 입력 중23?1 홈 23?3 키워드 입력 대기 23?5 키워드 검색 결과
출처 : [A_0] 2_중간과제_00(개인번호)_ 이몽룡.fig링크 걸기
서비스의 주요 Task와 Task Flow

36. / 4036
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
ìI ¯ÐèP
?=?5?
?S
33?23?1 나의 게시물에 43좋아요44 알림 33?23?2 나의 댓글에 44좋아요44 알림33?33?1 나의 게시물에 43좋아요44 알림 33?33?2 나의 댓글에 43좋아요44 보기33?1 홈
주요 Task 3. 나의 게시물 / 나의 댓글에 43좋아요44 보기
출처 : [A_0] 2_중간과제_00(개인번호)_ 이몽룡.fig링크 걸기
서비스의 주요 Task와 Task Flow

37. 시연
/ 4037
서비스의 주요 Task와 Task Flow

38. 중간 과제 1을 마치며 … 알게된 점 / 아쉬운 점
3?작성하기3?
/ 4038

39. 중간 과제 2. 기말 과제 후보군 2개 소개
41이런 앱을 만들겠습니다.42
중간 과제보다 더 가벼운 앱을 고민합니다.
기말까지 못 끝내요… 단, 43참신성44을 평가합니다.
41세상에 없는 앱, 말도 안 되는 앱 … 환영42
-예 : 날씨 O - 기본 정보 API 5? Information 앱 + 참신성 있어야 함
-예 : IoT O - 기기 Pairing 5? Monitoring 앱 + 참신성 있어야 함
-예 : 기존 앱 + 참신성 … 접근 X
과도한 사전 조사를 금지합니다.
중간 고사에서 후보군만 발표하고
다음 수업에 피드백과 함께 할 일이 있습니다.
/ 4039

40. kwonjeongeun5?naver.com
/ 4040
끝.
다음 주 과제 :
-8주 차 개인 과제 제출
-직무수행능력평가 1 제출 및 발표 준비
-UX Tool 레슨 6강 복습