|
|
|
|
 일시 : |
2013-05-30 (목)
10:00~17:00
|
| |
| 장소 : | 토즈 강남점  |
| |
| 강사 : |
상명대학교
박지수
교수
|
| |
| 가격 : | 242,000원 I  193,600원  |
|
|
|
|
|
|
 |
|
|
|
|
- 일시: 2013년 5월 30일(목)10:00 ~ 17:00
- 장소: 토즈 강남점
- 강사: 상명대학교 박지수 교수
- 교육비: 사전등록 242,000원 / 현장등록 280,000원 (부가세 포함 / 중식 포함 / 교재 포함)
※ 본 과정은 개설하는데 적정인원이 아닌 경우 폐강 될 수도 있습니다.
|
| ※ 주차가 불가능하오니 대중교통을 이용해 주세요.
주차지원은 하지 않습니다. |
|
|
|
|
|
|
|
|
 |
|
|
|
|
- Web / App UX 설계자 및 디자이너
- 모바일 앱 개발자
- 산업공학, 디자인, 전산학 전공 학생 중 UX 디자인에 관심 있는 학생
|
|
|
|
|
|
|
|
|
 |
|
|
|
|
- 태스크 기반 인터랙션 디자인의 중요성을 이해하고 방법론을 익힌다
- 인터랙션 디자인에 필요한 설계 원칙을 이해하고 디자인에 활용한다.
- 페이퍼 프로토타입 제작의 중요성을 이해하고 현업에서 활용하여 디자인을 개선한다
|
|
|
|
|
|
|
|
|
 |
|
|
|
1세션
10:00~10:50 |
비밀 1. 시스템 관점에서 UX 디자인을 넓게 본다
1990년대 중반부터 UI 디자인 대신 UX 디자인이라고 쓰기 시작했다. 사내 부서 명칭도 UI팀에서 UX팀으로 바뀌었다. 이는 사용자 경험이 중요시되는 시대가 도래했음을 의미하는 변화다. 그렇다면 과연 UX 디자인을 제대로 하고 있는가? 혹시 아직도 UI 디자인 수준에 머물러 있으면서 UX 디자인이라고 말하는 것은 아닌가? 비밀 1에서는 UI 디자인의 개념을 인터랙션 디자인, 협의의 UX 디자인, 광의의 UX 디자인, 그리고 시스템 관점으로 확장하고, 제품 개발 과정에서 UX 디자이너의 역할을 살펴본다.
 UI, 인터랙션, UX의 구분
UI의 네 가지 계층
UX 디자인 프로세스
|
|
2세션
11:00~11:50 |
비밀 2. 태스크 지식을 전문 사용자 수준으로 이해한다
인터랙션 디자이너들은 디자인하는 제품에 대한 태스크 지식을 전문 사용자 수준으로 이해해야 하는 숙명적인 어려움에 처한다. 이 책에서 예시로 든 대형마트 앱 인터랙션을 설계하려면, 가족들에게 필요한 생필품을 대량으로 구입하기 위해 대형마트를 일주일에 한 번씩 가는 주부 수준으로 대형마트 태스크를 이해해야 한다. 그러나 많은 경우 시간과 돈이 없다는 이유로, 유사 제품을 벤치마킹하는 것으로 태스크 구조를 알 수 있다는 이유로, 태스크 분석은 인지공학 전공자들이 수행하는 어려운 일이라는 이유로, 인터랙션 디자이너가 태스크를 제대로 분석하지 않고 인터랙션을 설계하는 경우가 많다. 비밀 4에서는 인터랙션 디자인에 꼭 필요한 태스크 분석 방법을 다룬다. 태스크 분석은 전형적인 사용자 유형에는 무엇이 있는가, 사용자 유형별로 어떤 목적을 달성하기를 원하는가, 그 목적을 달성하기 위해 사용자는 실제로 어떤 태스크를 수행하며 어떤 절차로 태스크를 수행하는가, 태스크를 수행하는 과정에서 사용자가 경험하는 문제는 무엇인가 등을 분석해서 사용자 요구사항을 도출하는 과정이다.
태스크 지식이란 무엇인가
인터랙션을 디자인할 때 태스크 분석을 반드시 해야 하는 이유는 무엇인가
태스크 분석 없이 인터랙션을 디자인할 수 없다
태스크를 분석하지 않으면 피상적인 범용의 인터페이스를 디자인하게 된다
태스크 분석은 기능 선발의 근거를 제공한다
태스크 절차는 인터페이스의 기능구조, 정보 구조, 제어 흐름을 설계하는 근거가된다
목적, 태스크, 기능 구별
태스크 분석을 위한 도구, 카드 소팅
태스크 분석
사용자 유형 도출
목적과 태스크 도출
태스크 시나리오 기술
|
|
| Lunch Break |
3세션
13:00~13:50 |
비밀 3. 사용자의 인지적 특성을 인터랙션 디자인에 반영한다
어떤 제품은 친숙하지 않지만 처음부터 노력을 들이지 않고도 아무 어려움 없이 사용할 수 있다. 그러나 어떤 제품은 사용설명서를 읽고 사용법을 익혀야 사용할 수 있다. 이러한 차이는 어디에서 오는가? 바로 인터랙션 디자이너가 사용자의 인지적 특성을 알고 인터랙션을 세심하게 디자인했느냐 안 했느냐에서 온다. 비밀 2에서는 사용자의 인지적 특성을 어떻게 인터랙션 디자인에 활용하는지를 설명한다.
인터랙션 디자이너가 인지심리학 이론을 알아야 하는 이유
정보 처리 단계
감각기억
지각
인지, 추론
기억장소
스키마
지각 체계화의 원리
인지심리학 이론으로부터 도출된 인터랙션 설계원칙
제품의 사용편의성과 차별성의 상충관계
|
|
4세션
14:00~14:50 |
비밀 4. 설계원칙을 명확하게 이해하고 인터랙션 디자인에 적용한다
UX 디자이너라면 다 알고 있다고 생각하지만 막상 설계에 적용하려면 쉽지 않은 핵심적인 인터랙션 디자인 원칙과 가이드라인들이 있다. 인터랙션 디자이너는 원칙과 가이드라인에 입각하여 인터랙션을 디자인하고 그 장단점을 다른 사람에게 명쾌하게 설명할 수 있어야 한다. 비밀 3에서는 직관적ㆍ일관적ㆍ효율적인 인터랙션을 디자인하는 데 도움을 주는 20가지의 설계원칙과 가이드라인들을 이해하기 쉽도록 사례를 들어 설명한다.
설계원칙 1. 당신은 사용자가 아니니 사용자가 받아들일지 아닐지 당신이 판단하지 마라
설계원칙 2. 기술발전의 패러독스를 명심하라
설계원칙 3. 시스템의 현재 상태를 명확하게 가시화하라(가시성). 즉각적인 피드백을 제공하라
설계원칙 4. 디폴트 모드를 신중하게 결정하고 스마트하게 변하게 하라
설계원칙 5. 모든/특정 사용자의 모든 태스크 상황, 사용케이스, 시나리오를 고려하라(접근성)
설계원칙 6. 사용자의 실수를 방지하고 복구할 수 있는 방법을 제공하라(포용성)
설계원칙 7. 매뉴얼을 믿지 마라. 사용자는 직접 제품을 써가면서 탐험적으로 배운다
설계원칙 8. 시스템의 물리적 모습과 디스플레이의 표상을 일치시켜라(근접성, 매핑)
설계원칙 9. 스테레오타입에 어긋난 설계를 하지 마라
설계원칙 10. 중복코딩의 이점을 활용하고 간섭이 일어나지 않도록 설계하라
설계원칙 11. 모든 상황에서 반드시 의도된 행위를 유발하도록 설계하라(행동유도성)
설계원칙 12. 현실감을 높이고 메타포를 반영하라
설계원칙 13. 기능의 그룹핑과 함께 깊이와 너비의 적절성을 고려하라
설계원칙 14. 모든 태스크 수행 절차는 일관되어야 한다(일관성)
설계원칙 15. 일관성, 중요하다. 그러나 태스크의 맥락이 더 중요하다
설계원칙 16. 화면 간 이동 시 순간적 변화를 최소화하고 의미 있는 움직임을 부여하라
설계원칙 17. 사용자가 기억하게 하지 마라('회상'보다 '인식')
설계원칙 18. 인터페이스를 접어라
설계원칙 19. 자주 쓰이고 중요한 것을 더 쉽게 접근할 수 있도록 하라(80/20 원칙)
설계원칙 20. 사용자의 태스크 수행에 연속성을 부여하라. 팝업을 최소화하라(태스크 연속성)
|
|
5세션
15:00~15:50 |
비밀 5. 사용자 요구사항과 설계원칙을 반영해서 인터랙션을 디자인한다
비밀 4에서처럼 태스크 분석이 끝나면, 이를 기반으로 하는 인터랙션 디자인 과정을 보여 준다. 인터랙션 디자이너는 태스크 분석으로부터 도출된 요구 사항을 충실하게 반영하여 인터랙션을 디자인해야 한다. 여기에 비밀 3에서 이미 살펴본 여러 설계원칙들을 충실하게 반영한다. 비밀 5에서 다루는 내용은 성공적인 UX 디자이너가 되는 데 가장 유용한 비밀이다. 태스크 구조로부터 인터페이스 구조를 도출해서 와이어프레임을 스케치하는 전 과정을 대형마트 앱의 설계 사례를 통해 설명한다.
태스크 분석에서 인터랙션 디자인까지 전체 과정
태스크 구조를 기능구조로 변환하기
기능구조를 기반으로 와이어프레임을 스케치한다
와이어프레임을 기반으로 페이퍼 프로토타입을 제작하여 테스트한다
UI 시나리오 문서로 결과물들을 이해하기 쉽게 정리한다
|
|
6세션
16:00~16:50 |
비밀 6. 페이퍼 프로토타입을 직접 만들어서 테스트한다
페이퍼 프로토타입은 인터페이스를 종이로 만든 것으로, 컴퓨터 역할을 맡은 사람이 인터랙션을 모사함으로써 사용자가 실제 제품을 사용하면서 태스크를 수행하는 과정에서 경험하는 문제점을 발견하고 이를 개선하는 데 사용된다. 특히 제품/서비스 개발 초기에 제품의 디자인 콘셉트, 사용성, 기능 동작 등을 빠르고 반복적으로 검증하기 위해 활용한다. 무엇보다도 페이퍼 프로토타입을 만드는 과정은 디자인 과정에 재미를 부여하기 때문에 더욱 창의적이고 완성도 높은 인터랙션을 디자인하는 데 필수적이다. 비밀 6에서는 페이퍼 프로토타입의 필요성, 장단점, 제작 방법, 테스트 방법, 그리고 페이퍼 프로토타입을 워킹 프로토타입으로 만드는 방법 등에 대해 사례를 들어 설명한다.
페이퍼 프로토타입이란 무엇인가
페이퍼 프로토타입 제작과 테스트 요령
라디오버튼과 체크박스
선택 바/하이라이트
마크
텍스트 입력필드
비활성화 컨트롤
드롭다운 리스트
팝업
탭 다이얼로그 박스
확장 가능한 다이얼로그
기타 위젯과 인터랙션
내부연습과 테스트의 수행
워킹 프로토타입 만들기
|
|
** 상기 일정, 강사, 내용은 사정에 따라 변경될 수 있습니다.
|
|
|
|
|
|
|
 |
|
|
|
|
 |
박지수 교수 / 상명대학교
|
 |
現, 상명대학교 감성공학과 교수 |
|
前, 한국예술종합학교 미술원 디자인과 교수 |
|
前, 영국 요크대학 심리학과 Research Fellow |
|
前, 대우일렉트로닉스 디자인연구소 선임연구원 |
|
카이스트 산업공학과 인지공학전공 박사 |
|
| [주요 프로젝트] |
|
Fun to drive 속성을 강조한 기아자동차 애플리케이션 개발. 2011. 6 - 2011. 12. 현대엔지비(기아자동차). 과제책임자. |
|
인테리어 조명의 차별화를 위한 다양한 방법의 조명 연구. 2007. 6. - 2007. 11. 현대엔지비(기아자동차). 과제책임자. |
|
Past, present, and future of TV use patterns. University of York. 2003. 6 -2004. 7. 삼성전자 지원. 참여연구원. |
|
차세대 정보가전 제품의 감성적 인터페이스 개발. 2000. 12. 1 - 2002. 11. 30. 과학기술부. 과제책임자. |
| [강의이력] |
|
상명대학교 감성공학과: 감성 UX 디자인 |
|
한국예술종합학교 미술원 디자인과: 사용자 중심 디자인, 창의적 아이디어 발상법, UX 디자인 |
|
2010년부터 SK플래닛에서 운영하는 T아카데미에서 '모바일 UX/UI 기획 및 설계' 강의 |
|
2012년 방송통신위원회 주최, 한국인터넷전문가협회 주관, 'UX 디자인 스쿨'에서 UX 기획 과정 강의 |
| [저서] |
|
UX 디자인 7가지 비밀 (안그라픽스) |
|
|
|
|
|
|
|
|
