인터페이스 디자인 프로세스를 이해한다.

1. KAYWON UNIVERSITY OF ART & DESIGN
INDUSTRIAL DESIGN LAB
USER EXPERIENCE
DESIGN
사용자경험디자인2
kwonjeongeun@naver.com
4강 인터페이스 디자인 프로세스 소개
/ 171

2. 복습
UI 디자인 프로세스
Adobe XD 레슨
/ 172

3. 시스템
기계
정보
비슷하지만 서로 달라
인 터 랙 션
/ 173
인 터 페 이 스

4. QUIZ
/ 174

5. 사람과 사람의 상호작용
/ 175
의사소통
대화
communication

6. UX/UI 디자이너 자격요건
• HCI 관련학과 전공자
• 인간공학, 심리학과, 인지심리학과, 문화인류학과,
산업공학과 …
• (디지털 미디어) 시각 디자인 전공자
• (Robot) 산업 디자인 전공자, 제품 디자인 전공자
• Communication 능한자
/ 176

7. QUIZ
/ 177
…
사람-사람
사람-사물
사람-탈것
사람-공간
.

8. 복습
UI 디자인 프로세스
Adobe XD 레슨
/ 178

9. 콘셉트
서비스 디자인
전달
소프트웨어 개발
목표
프로젝트 범위
가설
고객 여정 지도
문제 취약점
서비스 디자인
콘셉트 보드
서비스 시나리오
서비스 청사진
UI 디자인
정보 구조 설계
테스크 흐름
세부 인터랙션
GUI 디자인
비주얼 콘셉트
디자인 가이드
/ 259
서비스 디자인 프로세스

10. 메뉴 트리기능 리스트주요 특징서비스 컨셉
/ 1510
UI 디자인

11. 프로토타이핑와이어프레임스케치플로우 차트
/ 1511
No color
UI 디자인

12. 주요 특징 작성. word 파일로. slack에 업로드.
포함할 내용
제품 이름 : OOO
Why : 우리의 시작, 문제 제기. 이런 경험 있죠?
What : OOO는 무엇입니다. by/through 이론/기술을 이용한 것이고요.
How : 이론이라면 간단히 소개. 이론/기술로 이렇게 동작해서 이런 효과를 제공할 거예요. How
it works.
If : OOO을 사용하면 이런 걸 할 수 있어요.
장점 1. XXXXX
장점 N. XXXXX
(준비된 팀에 한해) 특징을 전달하는 이미지 N 컷
준수사항
/ 1712
+ 모바일 기능 리스트 작성(샘플 4개 참조)

13. 사례 : Sound FIT
Sound FIT는 '크런치 효과'를 통해 식이 습관을 향상시키는 착용 장치입니다. '크런치 효과'는 씹는 음식의 소리를 뇌로 전달함으로써 포만
감을 증가시킵니다. 외부의 소리가 먹는 소리보다 더 크게 들리면 포만감이 줄어들고 더 많이 먹게 됩니다.
Sound FIT는 과식을 방지하기 위해 (음식을) 씹는 소리를 증폭시키고 결국 사용자가 건강한 식습관을 구축하는 데 도움을 줍니다. Sound
FIT은 응용 프로그램과 함께 실시간으로 식사에 대한 피드백을 받고 식사 데이터 그래프를 통해 식습관을 추적할 수 있습니다.
출처 : reddot award 2018 Design Concept Smart 부문 수상작/ 1713

14. 사례 : ONE-STEP USB
출처 : reddot award 2018 Design Concept Smart 부문 수상작
ONE-STEP USB는 OLED, 중력 센서 및 광학 지문 센서의 기술을 통합하여 기존의 USB 사용 방식을 혁신하여 사용자가 메모리 부족 및 데
이터 누출과 같은 문제를 피할 수 있도록 도와줍니다.
USB를 흔들면 남은 메모리를 쉽게 검색할 수 있어 사용자가 이러한 새로운 상호 작용으로 즐거움을 즐길 수 있습니다. 사용자가 이 USB 디
스크를 장치에 삽입하면 무의식적인 지문 식별 프로세스가 완료됩니다. 디스크는 최근의 시간 순서로 저장된 파일을 표시하여 프린터 또는
컴퓨터를 작동시키지 않고도 OLED 화면에서 파일을 인쇄하거나 전송할 수 있습니다.
ONE-STEP USB는 간결하게 설계되었다. 고전적인 줄무늬는 시원하고 최소한의 미적 감각을 가져다주며 미끄러지지 않는 그립을 제공한
다. 전체 디자인은 형태와 기능을 밀접하게 결합하면서 사용자의 요구에 초점을 맞추고 새롭고 흥미로운 대화형 경험을 제공합니다.
/ 1714

15. 복습
UI 디자인 프로세스
Adobe XD 레슨
/ 1715

16. XD 레슨
1강
Home : 반복 그리드, 스크롤 고정
‘아이콘’ 가져오기
2강
Hamburger Menu : 탭-오버레이
Search : 탭-자동 애니메이션
‘키패드’ 가져오기
3강
Recommendation : 복습
/ 1716

17. 끝.
다음 주 과제 : 모델링 완료. 주요 특징(Word) 작성.
XD lesson 복습
/ 1717
kwonjeongeun@naver.com