[자기개발] 서비스 기획자를 위한 UI/UX 공부 계획표 6주 플랜

목적

기획자의 관점에서 UI/UX 원칙과 실무 제작 역량을 함께 향상시키는 것이 목표

---

1주차: UX 사고방식과 기획자의 역할

1. 학습 목표

• UX의 정의와 기획자 역할 이해
• 사용자 중심 설계란 무엇인가
• 제품/서비스 기획에서의 UX 흐름 파악

2. 학습 내용

• UX란 무엇인가 (Nielsen, Don Norman의 UX 10원칙 등)
• 좋은 UX와 나쁜 UX 사례 비교
• 기획자 vs 디자이너 vs PO의 역할 차이 이해
• 실무에서 UX 리서치가 반영되는 흐름 이해

3. 실습 과제

1. 일상에서 불편했던 UX 예시 3개 정리하고 개선 아이디어 작성
2. 경쟁사 앱의 온보딩 또는 회원가입 흐름 스크린샷 캡처 후 UX 평가

---

2주차: 사용자 여정과 정보 구조 설계

1. 학습 목표

• 사용자 여정 지도(User Journey Map)와 페르소나 이해
• IA(Information Architecture) 구성 원칙

2. 학습 내용

• 페르소나 작성법 및 사용자 여정 흐름 설계
• 메뉴 구조 설계 및 콘텐츠 우선순위화 원칙
• UI 흐름도(flow chart) 및 와이어프레임의 구조적 역할

3. 실습 과제

1. 간단한 서비스(예: 날씨 앱, 다이어리 앱)를 예시로 사용자 여정 맵 작성
2. 메뉴 구조 및 기능 플로우 다이어그램 설계 (Lucidchart, Whimsical, Figjam 등 도구 활용)

---

3주차: UI 기본 구성 요소와 피그마(Figma) 입문

1. 학습 목표

• UI 요소들의 의미와 디자인 원칙 이해
• Figma의 기본 기능 숙달

2. 학습 내용

• UI 구성 요소(Button, Modal, Toast, Card, Tab 등) 종류와 용도 정리
• 피그마 사용법 (Auto layout, Frame, Component, Style 등)
• UX 라이팅 기초 (에러 메시지, 버튼 텍스트 등)

3. 실습 과제

1. Figma로 앱 1~2개 화면 리디자인 (기존 앱 캡처 후 개선 UI 제작)
2. UI 용어집 제작: Button, Radio, Toggle, Bottom Sheet 등 정의와 예시 정리

---

4주차: 디자인 시스템과 컴포넌트 설계

1. 학습 목표

• 디자인 시스템의 개념과 실무 활용법 이해
• 컴포넌트 기반 UI 설계의 중요성 파악

2. 학습 내용

• 디자인 시스템이란? (Material Design, Apple HIG 등)
• 실무에서 컴포넌트를 어떻게 관리하는가
• 반응형 디자인, 그리드 시스템 이해

3. 실습 과제

1. 자주 쓰는 컴포넌트(입력 폼, 리스트, 모달 등) 설계 및 Figma로 제작
2. 피그마에서 Auto Layout 및 Variants 기능 활용하여 컴포넌트 세트 구성

---

5주차: 실제 서비스 흐름에 기반한 UX 설계 실습

1. 학습 목표

• 전체 사용자 흐름을 고려한 UX 기획 실전 연습
• 기획 문서화 능력 향상

2. 학습 내용

• 모바일 앱의 주요 기능 흐름 설계 (로그인, 검색, 결제 등)
• 앱 정보 구조(IA) → 기능 명세서 → 플로우차트 → 와이어프레임 흐름 정리

3. 실습 과제

• “간단한 기능 중심 앱” UX 흐름 문서화 (기획안, 화면 플로우, 와이어프레임 포함)
• 예시: 메모 앱, 영화 리뷰 앱, 가계부 앱 등
• 작성한 기획안에 대해 친구/동료 피드백 수렴 → 수정

---

6주차: UI/UX QA 관점과 분석 기반 고도화

1. 학습 목표

• 실제 서비스 개선을 위한 UX 테스트와 지표 분석의 중요성 학습
• QA 관점에서 UI 흐름 점검 방법 익히기

2. 학습 내용

• UI/UX QA 체크리스트 항목
• 클릭 수, 전환율 등 UX 개선을 위한 지표 분석 관점
• 앱 내 개선 포인트 발견 및 개선안 도출

3. 실습 과제

• 실서비스(예: 당근마켓, 쿠팡, 토스 등)에서 UI 흐름 문제 3가지 도출 및 개선 제안
• AB 테스트 아이디어 2~3개 기획 → 개선 효과 가정 및 실험 설계 초안

---

보조 추천 자료

1. 책
《Don’t Make Me Think》, 《Hooked》, 《서비스 기획자의 실무 노트》

2. 온라인 강의
UX Foundation (Google UX Design), FastCampus 서비스 기획 입문

3. 툴 추천
Figma, Notion, Whimsical, Figjam, Lucidchart

4. 사이트
Mobbin, Uplabs, UI Garage (UI 레퍼런스 탐색)

---

주간 시간 배분 가이드 (평일 기준)

학습: 1시간 × 3일
실습: 1~2시간 × 주말 1회