Thumbnail
디자인 UX/UI

[입문] PM이 반드시 알아야 할 UX 인터랙션 디자인 첫걸음 대시보드

9명이 수강하고 있어요.
99,000원

월 19,800원

5개월 할부 시
지식공유자: 전민수
총 106개 수업 (10시간 19분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

입문자를 위해 준비한
[UX/UI, 기획 · 전략 · PM] 강의입니다.

강좌를 통해 인터랙션 디자인 개념, 메인 페이지 UX 전략, 사용가치 전략, 유저 플로우 전략, 디자인 전략에 대한 전반적인 이해를 높일 수 있어요. 또한, UX 평가 및UX 디자인 프로세스 스킬도 높일 수 있어요.

✍️
이런 걸
배워요!
인터랙션 디자인 개념
메인 페이지 UX 전략
사용가치 UX 전략
유저 플로우 UX 전략
시각적 디자인 UX 전략
UI/UX 평가

이것만은 꼭 알아야 한다!
PM에게 추천하는 인터랙션 디자인 ✨

인터랙션 디자인 (interaction design, IxD)


인간이 제품이나 서비스를 사용하면서 상호간 작용하는 것을 용이하게 하는 디자인 분야로, 애플리케이션/웹사이트/소프트웨어의 특정 요소가 사용자의 참여로 작동됩니다.


PM이 반드시 알아야 할
인터랙션 디자인 첫걸음 

본 강의는 인터랙션 디자인 개념에서 메인 페이지 UX 전략, 사용 가치 UX 전략, 유저 플로우 UX 전략, 시각적 디자인 원칙까지 실무에 필요한 모든 것을 강의에 담았습니다. 인터랙션 디자인 4가지 원칙 관련 Q&A와 Quiz를 풀어보면서 UI와 인터랙션, UX 디자인 개념을 명확히 정립하는 시간을 가져봐요!


수강 타겟/강의 목적 🔑

UX 설계에 대한 스킬을
높이고 싶은 실무자 

체계적으로 UX 이론을
정리해보고 싶은 분 

인터랙션 개념과 관련된
지식을 습득하고 싶은 분

UI 개념과 관련 지식을
습득하고 싶은 분

 

각 단계별로 배우는
인터랙션 디자인 4가지 원칙 

01. 표명

  • 메인 페이지 UX 전략 

02. 변환

  • 사용 가치와 유저 플로우 UX 전략 

03. 표현

  • 화면 디자인 UX 전략

04. 평가

  • UX 디자인 수준 평가

 

이제부터 사용성 테스트 세부 커리큘럼에 대해 알아볼까요?

인터랙션 디자인 정의
  1. 1) 인터랙션 개념
  2. 2) 넓은 의미의 인터랙션
  3. 3) 좁은 의미의 인터랙션
  4. 4) 인터랙션 디자인 개념
  5. 5) 인터랙션 디자인과 사용성 테스트 상관관계
  6. 6) 인터랙션 디자인과 다학제 학문
  7. 7) 인터랙션 디자인과 디자인 심리학
  8. 8) QA "넓은 의미의 인터랙션이 화면을 넘나드는 상호작용히라고 하였는데 단순히 URL을 넘어가는 행위 자체를 말하는 것인지, 화면을 넘나들며 사용자와 서비스 사이에 상호작용을 말하는 것인지 궁금합니다"
  9. 9) QA "마이크로 인터랙션이 필요한 상황을 구체적인 예시로 알려주세요"

 

표명: 메인 페이지 UX 전략
  1. 1) 표명 > 개념
  2. 2) 표명 > 메인 페이지 설계 > Z곡선
  3. 3) 표명 > 메인 페이지 설계 > F곡선
  4. 4) 표명 > 메인 페이지 설계 > 정리
  5. 5) 표명 > 메인 페이지 설계 > 메인 페이지 UX 컨셉
  6. 6) QA "감각기억과 연관된 내용은 무조건 시각적인 요소로만 생각해야 하는지 청각, 촉각, 미각, 후각과 같은 요소로는 감각기억이 성립이 안되는지 궁금합니다"
  7. 7) QA "요즘 웹 트랜드인 싱글 페이지 웹은 Z곡선 이론을 바탕으로 구성된 레이아웃인가요?"
  8. 8) QA "몇명 패션 쇼핑몰은 제품 썸네일 이미지에 특정 컨셉을 가미한 화보를 보여주기도 해서 브랜드 아이덴티티 수립에 하나의 전략으로 의도하기도 하는 것 같은데요. 이런 경우에도 감석적인 측면이 아닌 이성적인 측면이 강한 정보 전달의 역하로 국한 된다고 봐야 할까요?"
  9. 9) QA "멘탈모델과 연관성이 있는 단기기업의 다양한 예시가 궁금합니다."
  10. 10) QA "인터랙션 디자인의 "표명"은 사용자의 기대가 충족도어야 한다고 하는데 "기대"는 UX적 측면일까요?
  11. 11) QA "디자인 시안 컨셉 정의를 말할 때 모든 페이지는 자신의 역학을 가져야 한다고 했는데요. 페이지마다 유저의 방문 목적이 있고 분명히 표시해야 할 것이 있어야 한다고 생각했습니다. 그래서 가진 의문점이 표명은 무조건 메인 페이지에서만 나타나는 정의인건가요?"

 

변환: 사용가치와 유저 플로우 UX 전략
  1. 1) 변환 > 개념
  2. 2) 변환 > 사용자 조사 연관성
  3. 3) 변환 > 러프스케치 테스트와 연관성
  4. 4) 변환 > 프로토타입 테스트와 연관성
  5. 변환 > 사용성 테스트와 연관성
  6. 5) 변환 > 정리
  7. 6) QA "변환의 경우 시작과 종료점이 있어야 한다고 했는데요. 그렇다면 메인 페이지 내에서 이루어 질 수 있는 건 과업이 될 수 없나요?"
  8. 7) QA "인터랙션 디자인의 "변환"에서 사용성과 유용성 모두 고려해야 한다고 했는데요. 그렇다면 UX 개념으로 더 확장되는 것으로 이해하면 될까요?"
  9. 8) QA "Task와 과업의 차이를 구체적으로 알려주세요?"
  10. 9) QA "멘탈 모델의 정의와 예시가 궁금합니다."
  11. 10) QA "러프 스케치 테스트 중 리뉴얼이나 신규 UX 프로젝트에서 피 실험자는 몇명 정도 있어야 하나요? 그리고 몇 시간 정보 진행을 해야 UX 문제 패턴을 발견할 수 있나요?"
  12. 11) QA "러프 스케치 테스트 할 때 우리(PM)가 준비한 러프 스케치는 언제 어느 상황에서 패널에게 보여주고 테스트를 받는 건가요?"
  13. 12) QA "러프 스케치 테스트와 프로토타입 테스트의 사용자 조사 방법에 어떤 점이 차이가 있나요?"
  14. 13) QA "프로토타입 테스트 할 때, 로우 피델리티, 미드 피델리티, 하이 피델리티에서 사용자 조사 방법은 어떻게 다른가요?"
  15. 14) QA "프로토타입 테스트 할 때, 월/수/금 테스트 방법에 대해 조금 더 부연 설명 부탁드립니다."
  16. 15) QA "관찰이 포함된 인뎁스 인터뷰의 경우에 사용성 테스트랑 같은 맥락으로 봐도 되나요?"
  17. 16) QA "과제를 수행하는 가이드 투어를 접목한 인뎁스 인터뷰의 경우 사용성 테스트로 볼 수 있을까요?"

 

표현: 화면 디자인 UX 전략
  1. 1) 표현 > 개념

 

평가: UX 디자인 수준 평가
  1. 1) 평가 > 개념
  • 2) QA "평가할 때 내부 평가 시 전문가, 이해관계자, 사용자 중 아무나 평가가 가능하다고 했는데요. 여기서 우리는 회사 내부에 UX와 관련 없는 타 부서 사람을 말하는 건가요?"
  • 3) QA "휴리스틱 평가는 통상적으로 정해진 보편적인 지표를 이야기 하는 건가요?" 그 평가 또한 자사와 경쟁사 비교 분석 평가하는 건인가요?"

 

인터랙션 디자인 정리
  1. 1) QA "PM은 멘탈모델을 왜 알아야 하나요?"
  2. 2) QA "인터랙션 디자인과 HCI 차이점은 무엇인가요?"
  3. 3) QA "HCI, UCD는 유저 컨텍스트 참여 비율이 어느 정도 되는지 궁금합니다."

📌 이 강의를 선택해야 하는 이유

1. 이론을 체계적으로 배울 수 있습니다.

  • 인터랙션 디자인가 무엇이고 왜 필요한 지부터 알려드립니다.
  • 인터랙션 디자인과 UX 방법론과 어떤 상관관계가 있는지 명확하게 알려 알려드립니다.
  • 개발 초기 / 서비스 리뉴얼 / 애자일 등 다양한 실무 환경 별로 인터랙션 디자인 방법을 어떻게 활용해야 하는지 하나씩 알려드립니다.

2. 실무에 활용할 수 있는 실제 사례까지 제공됩니다.

  • 체계적인 이론 뿐만 아니라 실무에서 활용할 수 있는 실무 사례를 공유드립니다.
  • 20년간 UX 컨설팅만 200회 이상 진행해보며 얻은 인사이트와 함께 실무 사례를 공유드립니다.

3. 수업 내용을 확실하게 '내 것'으로 만들 수 있습니다.

  • 섹션 별 퀴즈 or Q&A가 제공됩니다.
  • 퀴즈를 통해 '진짜 이해하고 있는지' 체크할 수 있습니다.
  • 그동안 진행했던 강의들에서 자주 나왔던 질문에 대한 답변까지 제공됩니다

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
UX 개념에 대해 더 알고자 하는 분
UX 프로세스에 대해 더 알고자 하는 분
UX 리서치에 대해 더 알고자 하는 분
UX 분석 방법에 대해 더 알고자 하는 분
UX 전략에 대해 더 알고자 하는 분
UX 설계에 대해 더 알고자 하는 분
애자일 UX에 대해 더 알고자 하는 분
UX 실무 면접 준비하고자 하는 분

안녕하세요
전민수 입니다.
전민수의 썸네일

프로필 

現, 이비피알유엑스(www.ebprux.co.kr) 대표이사 (2001 ~ 현재)

前, 한국인터넷전문가협회(www.kipfa.co.kr) UI/UX 전임 강사(2012~2021)

前, 삼성SDS멀티캠퍼스 강사 (2005-2006)

前. 홍익대학교 국제디자인대학원 UI/UX 강사 (2018)

前, 한양대학교 문화콘텐츠학과 겸임교수 (2013~2017)前, 숙명여대 UI/UX 강사 (2015~2017)

前, 정보통신산업진흥원. SW+인문학포럼 위원 참여 (분야: UX 컨설턴트)

前, 한국디자인진흥원 우수디자인(GD) 상품선정 심사위원

前, 산업인력관리공단.스마트기기UX&UI디자인직종 훈련기준 개발 직무분석 위원

前, 서울시 정보화추진위원(2002-2006)

 

저서

웹사이트 벤치마킹 9가지 패턴(2009. 멘토르)

UI 사용성 테스트 실무(2011. 멘토르)

 

UX 컨설팅 프로젝트

약 300개 UX 컨설팅 프로젝트 수행(2001년~2022년) 

흥국화재 사용성 테스트/ 흥국화재 

흥국생명 사용성 테스트/ 흥국생명

여성가족부 대표 홈페이지 UX 컨설팅/ 여성가족부 

홈텍스 사용성 테스트/ 국세청 

기획재정부 시사경제용어 사용성 테스트/ 기획재정부

DB손해보험 사용성 테스트/ DB손해보험

Fashioning 사용성 테스트/ 한국섬유산업연합회

게임 직군 NCS 리서치/ 한국디자인진흥원 

KB생명 UX 리서치(퍼소나, 여정지도 수립) / KB생명

인문360도 웹사이트 고객만족도 조사 책임연구원 / 한국문화예술위원회

인문360콘서트 오늘 서베이 책임연구원 / 한국문화예술위원회  

굿네이버스 UX 리서치 책임연구원 /굿네이버스

패션넷코리아 UX 컨설팅 / 한국패션협회

패턴 매칭 플랫폼 서비스 사용성테스트 책임연구원/프럼인사이트

DBpia 사용성 테스트 책임연구원/누리미디어

2018 하반기 현대홈쇼핑 사용성 테스트 책임연구원/현대홈쇼핑 

2018 상반기 현대홈쇼핑 사용성 테스트 책임연구원/현대홈쇼핑

커리큘럼 총 106 개 ˙ 10시간 19분의 수업
이 강의는 영상, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 인터랙션 디자인 > 개념
인터랙션 개념 02:15
넓은 의미의 인터랙션 07:02
좁은 의미의 인터랙션 03:37
인터랙션 디자인 개념 15:05
인터랙션 디자인과 사용성 테스트 상관관계 04:19
인터랙션 디자인과 다학제 학문 02:06
인터랙션 디자인과 디자인 심리학 18:00
인터랙션 디자인 개념 > Q&A 1 "넓은 의미의 인터랙션이 화면을 넘나드는 상호작용히라고 하였는데 단순히 URL을 넘어가는 행위 자체를 말하는 것인지, 화면을 넘나들며 사용자와 서비스 사이에 상호작용을 말하는 것인지 궁금합니다" 22:59
인터랙션 디자인 개념 > Q&A 2 "마이크로 인터랙션이 필요한 상황을 구체적인 예시로 알려주세요" 03:46
인터랙션 디자인 개념 > Quiz 1 01:13
인터랙션 디자인 개념 > Quiz 2 01:35
인터랙션 디자인 개념 > Quiz 3 02:43
인터랙션 디자인 개념 > Quiz 4 01:52
인터랙션 디자인 개념 > Quiz 5 04:40
인터랙션 디자인 개념 > Quiz 6 06:08
인터랙션 디자인 개념 > Quiz 7 03:06
인터랙션 디자인 개념 > Quiz 8 02:03
인터랙션 디자인 개념 > Quiz 9 05:00
섹션 1. 인터랙션 디자인 4가지 원칙 > 원칙1. 표명(메인 페이지 UX 전략)
원칙1. 표명 > 개념 05:06
원칙1. 표명 > 메인 페이지 설계 > Z곡선 10:26
원칙1. 표명 > 메인 페이지 설계 > F곡선 02:14
원칙1. 표명 > 메인 페이지 설계 > 정리 01:39
원칙1. 표명 > 메인 페이지 설계 > 메인 페이지 UX 컨셉 20:02
원칙1. 표명 > Q&A 1 "감각기억과 연관된 내용은 무조건 시각적인 요소로만 생각해야 하는지 청각, 촉각, 미각, 후각과 같은 요소로는 감각기억이 성립이 안되는지 궁금합니다" 05:09
원칙1. 표명 > Q&A 2 "요즘 웹 트랜드인 싱글 페이지 웹은 Z곡선 이론을 바탕으로 구성된 레이아웃인가요?" 15:54
원칙1. 표명 > Q&A 3 "몇명 패션 쇼핑몰은 제품 썸네일 이미지에 특정 컨셉을 가미한 화보를 보여주기도 해서 브랜드 아이덴티티 수립에 하나의 전략으로 의도하기도 하는 것 같은데요. 이런 경우에도 감석적인 측면이 아닌 이성적인 측면이 강한 정보 전달의 역하로 국한 된다고 봐야 할까요?" 11:47
원칙1. 표명 > Q&A 4 "멘탈모델과 연관성이 있는 단기기업의 다양한 예시가 궁금합니다." 07:31
원칙1. 표명 > Q&A 5 "인터랙션 디자인의 "표명"은 사용자의 기대가 충족도어야 한다고 하는데 "기대"는 UX적 측면일까요?" 04:37
원칙1. 표명 > Q&A 6 "디자인 시안 컨셉 정의를 말할 때 모든 페이지는 자신의 역학을 가져야 한다고 했는데요. 페이지마다 유저의 방문 목적이 있고 분명히 표시해야 할 것이 있어야 한다고 생각했습니다. 그래서 가진 의문점이 표명은 무조건 메인 페이지에서만 나타나는 정의인 건가요?" 10:50
원칙1. 표명 > Quiz 1 00:52
원칙1. 표명 > Quiz 2 00:53
원칙1. 표명 > Quiz 3 01:25
원칙1. 표명 > Quiz 4 02:07
원칙1. 표명 > Quiz 5 00:29
원칙1. 표명 > Quiz 6 02:27
원칙1. 표명 > Quiz 7 00:29
원칙1. 표명 > Quiz 8 01:03
원칙1. 표명 > Quiz 9 09:07
원칙1. 표명 > Quiz 10 00:45
원칙1. 표명 > Quiz 11 04:28
원칙1. 표명 > Quiz 12 05:36
원칙1. 표명 > Quiz 13 01:23
섹션 2. 인터랙션 디자인 4가지 원칙 > 원칙2. 변환(사용가치와 유저 플로우)
원칙2. 변환 > 개념 미리보기 03:34 원칙2. 변환 > 사용자 조사 연관성 미리보기 09:23 원칙2. 변환 > 러프스케치 테스트와 연관성 미리보기 32:34 원칙2. 변환 > 프로토타입 테스트와 연관성 미리보기 05:10
원칙2. 변환 > 사용성 테스트와 연관성 06:44
원칙2. 변환 > 정리 01:57
원칙2. 변환 > QA 1 "변환의 경우 시작과 종료점이 있어야 한다고 했는데요. 그렇다면 메인 페이지 내에서 이루어 질 수 있는 건 과업이 될 수 없나요?" 미리보기 05:23 원칙2. 변환 > QA 2 "인터랙션 디자인의 "변환"에서 사용성과 유용성 모두 고려해야 한다고 했는데요. 그렇다면 UX 개념으로 더 확장되는 것으로 이해하면 될까요?" 미리보기 07:26
원칙2. 변환 > QA 3 "Task와 과업의 차이를 구체적으로 알려주세요?" 08:14
원칙2. 변환 > QA 4 "멘탈 모델의 정의와 예시가 궁금합니다." 32:13
원칙2. 변환 > QA 5 "러프 스케치 테스트 중 리뉴얼이나 신규 UX 프로젝트에서 피 실험자는 몇명 정도 있어야 하나요? 그리고 몇 시간 정보 진행을 해야 UX 문제 패턴을 발견할 수 있나요?" 07:01
원칙2. 변환 > QA 6 "러프 스케치 테스트 할 때 우리(PM)가 준비한 러프 스케치는 언제 어느 상황에서 패널에게 보여주고 테스트를 받는 건가요?" 04:26
원칙2. 변환 > QA 7 "러프 스케치 테스트와 프로토타입 테스트의 사용자 조사 방법에 어떤 점이 차이가 있나요?" 08:02
원칙2. 변환 > QA 8 "프로토타입 테스트 할 때, 로우 피델리티, 미드 피델리티, 하이 피델리티에서 사용자 조사 방법은 어떻게 다른가요?" 06:45
원칙2. 변환 > QA 9 "프로토타입 테스트 할 때, 월/수/금 테스트 방법에 대해 조금 더 부연 설명 부탁드립니다." 06:51
원칙2. 변환 > QA 10 "관찰이 포함된 인뎁스 인터뷰의 경우에 사용성 테스트랑 같은 맥락으로 봐도 되나요?" 03:31
원칙2. 변환 > QA 11 "과제를 수행하는 가이드 투어를 접목한 인뎁스 인터뷰의 경우 사용성 테스트로 볼 수 있을까요?" 03:42
원칙2. 변환 > Quiz 1 미리보기 02:31 원칙2. 변환 > Quiz 2 미리보기 06:53
원칙2. 변환 > Quiz 3 04:18
원칙2. 변환 > Quiz 4 01:57
원칙2. 변환 > Quiz 5 10:24
원칙2. 변환 > Quiz 6 14:53
원칙2. 변환 > Quiz 7 09:13
원칙2. 변환 > Quiz 8 10:17
원칙2. 변환 > Quiz 9 06:26
원칙2. 변환 > Quiz 10 01:51
원칙2. 변환 > Quiz 11 01:45
원칙2. 변환 > Quiz 12 01:46
원칙2. 변환 > Quiz 13 02:38
원칙2. 변환 > Quiz 14 01:47
원칙2. 변환 > Quiz 15 06:40
원칙2. 변환 > Quiz 16 08:09
원칙2. 변환 > Quiz 17 06:51
원칙2. 변환 > Quiz 18 04:37
원칙2. 변환 > Quiz 19 01:25
원칙2. 변환 > Quiz 20 08:44
원칙2. 변환 > Quiz 21 04:10
섹션 3. 인터랙션 디자인 4가지 원칙 > 원칙3. 표현(시각적 디자인)
원칙3. 표현 > 개념 07:12
원칙3. 표현 > Quiz 1 03:42
원칙3. 표현 > Quiz 2 04:40
섹션 4. 인터랙션 디자인 4가지 원칙 > 원칙4. 평가
원칙4. 평가 > 개념 19:45
원칙4. 평가 > QA 1 "평가할 때 내부 평가 시 전문가, 이해관계자, 사용자 중 아무나 평가가 가능하다고 했는데요. 여기서 우리는 회사 내부에 UX와 관련 없는 타 부서 사람을 말하는 건가요?" 11:56
원칙4. 평가 > QA 2 "휴리스틱 평가는 통상적으로 정해진 보편적인 지표를 이야기 하는 건가요?" 그 평가 또한 자사와 경쟁사 비교 분석 평가하는 건인가요?" 04:21
원칙4. 평가 > Quiz 1 01:51
원칙4. 평가 > Quiz 2 02:34
섹션 5. 인터랙션 디자인 4가지 원칙 > 정리
인터랙션 디자인 4가지 원칙 > 정리 > Q&A 1 "PM은 멘탈모델을 왜 알아야 하나요?" 09:48
인터랙션 디자인 4가지 원칙 > 정리 > Q&A 2 "인터랙션 디자인과 HCI 차이점은 무엇인가요?" 03:52
인터랙션 디자인 4가지 원칙 > 정리 > Q&A 3 "HCI, UCD는 유저 컨텍스트 참여 비율이 어느 정도 되는지 궁금합니다." 02:36
인터랙션 디자인 4가지 원칙 > 정리 > Quiz 1 06:47
인터랙션 디자인 4가지 원칙 > 정리 > Quiz 2 02:31
인터랙션 디자인 4가지 원칙 > 정리 > Quiz 3 02:26
섹션 6. UX 인지 심리학
UX 인지 심리학 > 개념 > Quiz 1 06:31
UX 인지 심리학 > 개념 > Quiz 2 11:33
UX 인지 심리학 > 밀러의 법칙 > Quiz 1 02:56
UX 인지 심리학 > 밀러의 법칙 > Quiz 2 01:18
UX 인지 심리학 > 힉의 법칙 > Quiz 1 02:05
UX 인지 심리학 > 힉의 법칙 > Quiz 2 01:02
UX 인지 심리학 > 힉의 법칙 > Quiz 3 01:41
UX 인지 심리학 > 피츠의 법칙 > Quiz 1 00:48
UX 인지 심리학 > 도허티 임계값 > Quiz 1 00:54
UX 인지 심리학 > 폰 레스토프 효과 > Quiz 1 01:01
UX 인지 심리학 > 자이가르닉 효과 > Quiz 1 01:01
삭제 예정 (중복 파일) 01:02
강의 게시일 : 2023년 08월 07일 (마지막 업데이트일 : 2023년 09월 25일)
수강평
수강생분들이 직접 작성하신 수강평입니다.
아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️