사용자 중심 디자인 프로세스를 시작한다. 1. 제작 단계 : 어떻게 할 것인가

1. 2018 FALL KAYWON UNIVERSITY OF ART & DESIGN
INDUSTRIAL DESIGN LAB
USER EXPERIENCE
DESIGN
사용자경험디자인
kwonjeongeun@naver.com
10/12(금)
7강 제작, 어떻게 할 것인가?

2. 제작, 어떻게 할 것인가
Adobe XD 레슨
과제 발표 준수 사항
팀 과제 진행
! / 192

3. 이해 관찰 분석 발상 제작
사용자와 환경을
앉아서 조사한다.
step 1 step 2 step 3 step 4 step 5
데스크 리서치
사용자 중심 서비스 디자인 프로세스
! / 193
사용자와 환경으로
들어가서 조사한다.
필드 리서치
조사한 사용자의 행동/감
정에서 숨겨진 이유를
알아내려 노력한다.
숨겨진 니즈를
도출한다.
서비스의 컨셉을 정하고
주요 장면을 정리한다.
(니즈를 해결할)
아이디어를
확보한다.
물리적 형태로 전환하고
실제와 유사한 환경에서
테스트한다.
(시장에)
해결 방안을
전달한다.

4. 컨셉 무결성 증명이 아니다.
더 좋은 솔루션을 제시하는 일이다.
! / 194
제작, 왜 필요한가

5. “완벽한 지성의 계획도 현명한 시도와 오류를 이길 수 없다.”
- IDEO 창립자 데이비드 켈리
“이봐. ?”
-현대 창립자 故 정주영 회장
! / 195
해 봤 어

6. “실행을 위한 디자인”
사용자 반응을 현실적으로 예측하려면
완성도가 낮아도 Low-resolution prototype 더 빨리 피드백을 받고
반복 작업을 통해 사용자가 만족할 때까지 제품을 개선하는
신속한 프로토타이핑 Rapid prototyping이 중요하며, ...
- IDEO 회장 팀 브라운
! / 196
기민한 실행의 반복

7. ! / 197
제작, 지금 우리에게 필요한 것
?

8. ! / 198
제작, 지금 우리에게 필요한 것

9. 제작, 어떻게 할 것인가
Adobe XD 레슨
과제 발표 준수 사항
팀 과제 진행
! / 199

10. ! / 1910
XD 제작 정리하기
Point 1. IA 기준으로 아트보드 정리!
Point 2. 에셋(Esset) 정리!
✦ 최소한의 에셋으로 운영한다.
에셋 위 > 마우스 우 클릭 > ‘캔버스에서 강조 표시’ 메뉴 이용
Point 3. 프로토타입 탭에서 화면 or Element 간 연결!
트랜지션 설정
Point 4. 확인!
[▶] 버튼 or Ctrl + A 이용
Point 5. 공유법!
① 개인 확인 : 모바일 XD 앱으로 확인하기
② 팀 확인 : 링크 공유 or Web으로 공유 & Feedback 달기

11. 제작, 어떻게 할 것인가
Adobe XD 레슨
과제 발표 준수 사항
팀 과제 진행
! / 1911

12. ! / 1912
PPT 10장
커버(1) + 목차(1) + 본문(7) + 커버(1)
1. 다섯 단계를 포함합니다.
이해 -> 컨셉 도출 -> 아이디어 ->프로토타이핑까지 스토리텔링 능력 중심으로 평가합니다.
2. 이해 관계자 지도와 고객 여정 지도, 분석 결과 요약, IA, 홈 화면 Wireframe 자료를 포함합니다.
단, 요점만 말합니다.
3. 마지막은 XD 프로토타입 시연으로 마무리합니다.
4. 제출 : 팀 발표 pdf 파일 & 1인 1 XD 파일
준수 사항

13. 1. 매거진 구독이 자연스럽게 쇼핑/매장으로 이어지기를 원함
구매 희망 물품을 쇼핑몰에서 비슷한 상품을 찾거나 잡지에 나온 아이템을 메모해 놓았다가 매장에서 구매
2. 관심 물품 정보를 지인들과 공유하고 함께 의견을 교환하고자 함
마음에 드는 상품이 있을 경우 캡처 받아 이메일이나 IM으로 친구들과 함께 공유하고 검증하기를 원함
3. 항상 최신 정보에 연결되어 있고 확인하기를 원함
RSS 피드를 받는 어플은 바탕화면에서 폴더로 묶어 틈틈이 확인
4. 쉽고 빠르게 자신의 패션 정보를 스크랩하기 원함
구매 희망 물품을 캡처 후에 쇼핑몰에 비슷한 상품을 찾거나 잡지에 나온 아이템을 기억해 뒀다가 매장에서 구매
5. 종이책 아날로그 경험과 태블릿 인터랙션 모두 경험하길 원함
태블릿의 새로운 인터랙션 경험을 즐기면서도, 기존 지류 이용 경험을 기대하는 사용자 많음
스타일 정보 습득에서 쇼핑으로 이어지는
올인원 Style Magazine 경험 제공
도서관 서비스의 숨겨진 니즈 1
이해 또는 관찰 단계 사실
분석 결과 요약 예제
도서관 모바일은 000에 집중된
! / 1913

14. IA의 예제
홈 핫 트렌드 베스트 아이템 실시간 이슈 My 환경설정
잇 걸
지난 호 보기 패션 지난 아이템 스포티걸 구매내역 로그인 설정
내가 본 상품 뷰티 과거 베스트 빈티지걸 장바구니 이용내역관리
탭 메뉴 헤어 MD 추천 럭셔리걸 찜리스트 어플정보
도시 브랜드별 추천 러블리걸 위시리스트
스타 내가 본 상품
개인정보관리
출처 : 다음 커뮤니케이션 UX랩 & 마켓인사이트팀 <스토리로 이해하는 UX 디자인 프로세스> 中 잇걸 서비스
! / 1914

15. 홈 화면 Wireframe의 예제
출처 : 클라우드 마이그레이션 웹 서비스 Roro
✔ 이 화면에서 목표로 한 포인트
✔ 이 화면에서 목표로 한 포인트
! / 1915

16. ! / 1916
발표 시간 10 ~ 15분
크리틱 5 ~ 10분
1. 발표자는 팀장을 제외한 팀원으로 선정합니다.
2. 다른 팀을 배려해서 15분을 넘기면 바로 크리틱을 시작합니다.
3. 크리틱은 함께 이야기합니다.
준수 사항

17. ! / 1917
바탕화면에 팀 파일을 저장 부탁합니다.
1. 두 or 세 타임으로 나눠서 진행합니다.
2. 해당 타임에 도착하면 바탕화면에 팀 파일을 저장합니다.
3. 출석 확인 후, 팀 발표를 바로 시작합니다.
준수 사항

18. 제작, 어떻게 할 것인가
Adobe XD 레슨
과제 발표 준수 사항
팀 과제 진행
! / 1918

19. 끝.
kwonjeongeun@naver.com
/ 1919
다음 주 과제 : Sketch 완료
학기 중 일독하게 될 것이다.
마스다 무네야키 <지적자본론>

20. 2018 FALL KAYWON UNIVERSITY OF ART & DESIGN
INDUSTRIAL DESIGN LAB
USER EXPERIENCE
DESIGN
사용자경험디자인
kwonjeongeun@naver.com
10/19(금)
8강 제작 : Digital Prototype 진행