기획 스터디 3주차 _ 아이디어 구체화 하기 / IA 만들기 / 스토리보드

기획 스터디 3주차

아이디어 구체화 하기 / IA 만들기 / 스토리보드

 

강사 : 정재용

날짜 : 2023년 7월 20일 목요일 19:30

스터디 장소 : 케어스퀘어빌딩 지하 2층

 

2023.07.08 - [IT/웹기획 & 툴] - 기획 스터디 1주 차 _ 기획자 및 플랫폼 이해하기, 대화의 기술.

기획 스터디 1주차 _ 기획자 및 플랫폼 이해하기, 대화의 기술.

 

 

2023.07.11 - [IT/웹기획 & 툴] - 기획 스터디 2주차 기획서 & 제안서 교육과정

기획 스터디 2주차 _ 기획서 & 제안서 교육과정

 

---

 

프로젝트를 진행함에 있어 아이디어를 어떻게 도출할 것인가?

 

1. 아이디어란?

문제 ->(아이디어) 해결 -> 목표

 

아이디어에서 만들어 지는 것!

성공의기술 : 경험/지식/대화/문제분석  -> 아이디어 도출

성공의 조건 : On-line 서비스 / Off-line 제품  -> 결과를 만들어 해결

 

Tip : 빌게이츠,마커주크버크의 공통점은 독서를 많이 하는 것. 

 

2. 가장 먼저 무엇을 해야 하는가?

 

1) 문제가 무엇인가?

- 목표에 도달하지 않았거나

- 서비스가 불편하거나

- 효율적이지 않거나

 

-> 문제의 본질을 찾아내는 것이 가장 중요. 

-> REP

 

2) 목표(Goal) 어디까지인가?

- 목표에 도달하지 않았거나

- 목표를 도달하기 위한 범위

-> 추진계획서/제안서 / 킥오프

 

3) 구체적인 계획(Plan)은 무엇인가?

- 기간 : 년월일~년월일까지

- 수행원

- 무엇을

-> WBS/ SB

 

아이디어 도출을 위한 3대장!

 

3. 아이디어의 위기

인간의 본능은 자신을 아끼고 변화를 통해 위험해지려고 행동을 막고자 두려움이란 것을 제공하낟. 

-> 그것을 뛰어넘는 사람들이 세상을 움직인다. 

(잡스, 빌게이츠, 나폴레옹, 마크 저커버크)

 

4. 아이디어는 발견이다. 

그럼 아이디어는 어디에서 나올까요?

관계와 한계에서 나온다. 

 

EX) 관계 : 배달을 원하는 사람과 배달을 받는 사람

한계 : 새벽배송/ 로켓배송 / 에어비앤비

 

정답은 결합과 분리

 

5. 아이디어를 정리하는 도구

마인드맵은 지도를 그리는 듯한 매핑 기법으로 단어, 이미지, 색상, 기호, 심벌을 방사형으로 펼침으로써 머릿속으로 복잡한 생각과 다양한 정보를 시각화한다. 

 

마인드맵이 좋은 점!

- 자기계발 : 지식구조화

- 두뇌개발 : 논리적 사고력 두뇌가 가장 좋아하는 정리 방법

- 학습향상 : 이해, 기억법, 발상법

- 업무향상 : 문제해결능력 , 스킬과 태도

- 지적능력향상 : 분석, 기억, 집중, 내용습득, 회상

 

6. IA 만들어 보기

ADMIN : 관리자는 data그룹 중심으로 정리합니다. (결제관리,통계관리)

FRONT : 프론트를 보고 관리자를 만들어야 합니다. (User scenario)

 

마인드맵을 통해 전체를 파악 -> 엑셀을 통해 Site Map 구조 잡기

 

고객의 행동 흐름 규정

1뎁스 : 포괄적 메뉴의 정의(GNB, TOP, MENU, FOOTER...등)

* 1뎁스가 서브 메인인 경우 주요메뉴로 가는 경우가 있습니다. 

2뎁스 : 구체적 서비스트리 구조

3뎁스 : 서비스 이용 경험 트리구조

4뎁스 : 결정, 완료 확인 트리구조

 

IA가 가질 수 있는 구조

기획단계 -> 구축단계

초기 IA단계, 작업확인단계-> 산출물 확인 단계

 

7. 아이디어 스케치란?

공상 속에 있는 80%를 20%의 현실로 만든다. 

 

8. 스케치의 효율성은?

1. 시간절약

공상을 현실적 밑그림으로 만든다. 

2. 큰 구조파악

전체스토리를 알 수 있음 대 > 중 > 소

3. 스토리텔링

진행 과정의 스토리를 파악할 수 있음. 

 

9. 아이디어 스케치 어디에 쓰일까?

1. 스토리맵

*UMA라는 기법이 있음. 

2. 아이디어 스케치

3. 스토리보드

아이디어 스케치는 변수와 구조파악의 최상의 단계다!

 

10. 눈으로 보는 한계를 넘어서는 스케치

1.MICRO (아주 작게 본 세계)

잎 > cell > 세포, 입자, 분자 ....DNA

2.LOOK (눈으로 본 세계)

나무

3.STRUCTURE (구로 본 세계)

나뭇잎, 나무, 뿌리, 가지, 열매

4.MACRO(아주 크게 본 세계)

나무, 지구, 구름, 우주, 은하계

5.TIME(시간으로 본 세계)

씨앗, 새순, 나무, 열매, 숲....

6.IMAGINATION(상상으로 본 세계)

우주선 안에서 우주인들이 보고 있는 세

11. 아이디어 스케치 실습

개념프레임 구조 잡기

프레임 구체화 설계

프레임확정(볼펜)

 

마인드맵(컨셉정의 및 핵심가치) -> 아이디어 스케치 -> 스토리 보드

 

---

프론트 스토리보드

1. 프론트 스토리 보드 설계의 이해

Web과 Mobile 은다르다. 

 

Web : 무수히 많은 정보를 INFO에 끄집어 내어 큐레이팅 하는 것.

Mobile : 특정 서비스를 효율적으로 간추린 서비스

 

프론트 설계

1. 컨셉 정의 및 핵심가치 도출

2. IA설계 및 텍스트왁싱

3. 핵심페이지 아이디어 스케치 설계

4. 스토리보드 제작

5. 스프린트 회의 통한 수정사항 반영

6. COMMENT 삽입

7. 콘텐츠 설계

2. 스토리보드의 시작(파워포인트)

슬라이드 마스터 기능을 활용하여 공통 페이지 작업을 함. 

3. 프론트 스토리보드의 노하우(파워포인트)

1) 그림 만들기(아이콘)

드레그 > 마우스 우측 클릭 > 그림으로 저장

2) 글꼴 일괄 변경

편집바>바꾸기>글꼴변경

3) 옵션 글자동 변경

시작 > PowerPoint 옵션 -> 언어교정>자동고침옵션

4) SB안의 Ctrl과 Shife의 위력

Ctrl =추가, 정밀이동 Shife = 수직/수평이동

5) 화면의 그리기 안내선 활용(프레임에 맞춰 안내선 추가)

마우스우측버튼 > 눈금 및 안내선 > 화면에 그리기 안내서 표시 체크

6) 그림이미지 용량 줄이기

그림클릭>상단 그림도구>서식 메뉴클릭>그림압축 클릭

7) 표의 활용 : GNB 및 배경 테이블의 구분

 

8) 마스터 표안에 텍스트 삽입

9) 기본으로 설정(도형,글꼴)

(기본글꼴 8, 라인선 1/2pt ,검정 50% 더 밝게)

10) 정렬활용맞춤

 

*TIP 아이콘 템플릿을 별도로 만들어 넣고, 해당 템플릿을 계속 복사해서 사용한다. 

 

정책 정의

정책 정의의 개념

1. 날짜 등재 필수

- 정책이 자주 변경됨

2. 최대한 유추가능선까지 예측

- 고객별,시기별로 정의해서 만듬. 

3. 꼭 고객(클라이언트)에게 확인을 받아라.

- 매일 매일 변경되는 부분을 확인 받아야 함.

4. 기다리지 말아라! 먼거 가이드를 줘라

- 기다리면 시간만 까먹음

 

관리자 페이지의 설계

관리자의 설계 팁

- 관리자의 구조 = 엑셀과 같다. 

- 목록 = "열" / 등록 = "행"의 데이터 분석이 가장 중요하다. 

- 접근권한 설정이 꼭 들어가야 한다. 

- 카테고리 관리가 가장 먼저 제작되며 통계가 가장 늦다ㅏ. 

- 등록 수정, 삭제가 신중히 고려되어야 한다. 

- 프론트의 IA설계를 중심으로 관리자를 설계 할 수 있다. 

- 확장성을 고려한 설계가 되어야 한다. 

 

관리자의 설계

1. IA설계 및 텍스트 왁싱

2. 스토리보드 제작

3. 스프린트 회의를 통한 수정사항 반영

4. COMMENT 삽입

 

 

[넷플릭스/유튜브] 넷플릭스 가격 부담 없이 겜스고에서 저렴하게 이용하는 팁