KPC UX with Figma

• 과정제목: ‘Figma를 활용한 디지털 사용자 경험 설계’
• 강의일시: 2022.6.9 목 ~ 6.10 금 (16H)
• 강의장소: KPC 한국생산성본부 (경복궁역 6번 출구)
• 과정기획: 김선정 위원 (sjkim@kpc.or.kr)
• 교안개발: 동채원.넥스트플랫폼 (chaewonit@gmail.com)
• 강의진행: 동준상.넥스트플랫폼 (naebon1@gmail.com)

Part 1. 디지털 경험 디자인
• 디지털 제품의 UX/UI 설계 전략
• 디지털 경험 디자인의 토대: HCI +

Part 2. UX 프로토타이핑
• UX 리서치 & 디자인 산출물 작성
• UX 프로토타입: 인터랙션 & 인터페이스

Part 3. Figma 활용
• 디지털 경험 설계 도구 – Figma 활용 전략
• 와이어프레임, 스크린디자인, 스토리보드

Part 4. 디지털 경험 분석
• UX 리서치: 사용성 테스트 +
• 프로토타입 기반 디지털 경험 분석 보고서

---

1일차

NXP UX with Figma(디지털 교안 / PDF / 324p)
다운로드 기간이 만료됐습니다.

UX 케이스 스터디
https://www.figma.com/file/VynqMmR35ex7ItJvlq7t8V/UX-Case-Study-Template?node-id=0%3A1

UX IA(Information Architecture) 계획
https://www.figma.com/file/MB164um73ztPcb4U2D8c2C/UX-IA-Planning?node-id=0%3A1

UX Ideation 및 Figma 객체 활용 연습: FigJam
https://www.figma.com/file/SB1p9lLREgBChCE6tvN3lF/FigJam-Basic?node-id=0%3A1

UX User Journey Map
https://www.figma.com/file/lHZr2AGZSq5rUQCvITPis3/UX-User-Journey-Map?node-id=0%3A1

UX Research Canvas E-F-I-O
https://www.figma.com/file/m0JBDOzFz5UN31FF7fMzLZ/UX-Research-Canvas-E-F-I-O?node-id=18%3A248

WebGL issues with the latest figma release(May 17, 2022)
https://forum.figma.com/t/webgl-issues-with-the-latest-figma-release/21885

하드웨어 스펙이 높은 데스크톱에서 예기치 못하게 발생하는 WebGL 이슈 경험

---

2일차

구글의 프로토타입 구현 전략 | Sprint
https://www.gv.com/sprint/

Innovation Workshop – Design Sprint
https://design-sprint.com/

Sprint Stories
https://sprintstories.com/

디지털 제품 프로젝트 기획 템플릿
https://docs.google.com/presentation/d/1pBko-Er-Wf9B2aJHAaJzTdXig1McPBco/edit?usp=sharing&ouid=110463242023753115548&rtpof=true&sd=true

선택 객체 확대(Zoom to Selection): Shift + 2
==> 전체 작업 영역 보기(Zoom to Fit): Shift + 1

Google Material Design Guide
https://material.io/design

루씨’s Figma 단축키
https://blog.naver.com/mybooboo/222091022657

Basic Interaction
https://www.figma.com/file/uIJSDDDsfEcThfMux9Am8L/Basic-Interaction?node-id=0%3A1

UI 복잡성 제거 연습 / Reducing Complexity Exercise
https://www.figma.com/file/czAD0CTFfoOTLD25NmljWN/Reducing-UI-Complexity?node-id=0%3A1

Petma
https://www.figma.com/file/IiQJdt8rbruZJIMVynAcOw/Petma-for-Protoytping?node-id=254%3A28

Tripma
https://www.figma.com/file/QDW5DPL28RiVyqP8nupae6/Tripma-Flight-booking-web-app-Community

• UI Android(Common)
• UI Android(Material)
• UI Design System
• Evira | eCommerce & Online Shop App UI Kit
• Elera | eLearning App UI Kit

USTwo Studio | PPP(UI Guide)
https://drive.google.com/file/d/1DIo8s33KEEfHDnH9VQ9emJNIUxRa6Pw7/view?usp=sharing

---

업데이트 중입니다.