3강 UX/UI 제안서 작성. 기업, RFP, 제품의 이해와 분석, 벤치마킹, 가시화 역량을 담는다.

1. 3강. UX/UI 디자이너의
제안서 작성
2021.07.27
(주)앤드시스템 권정은
judy@andsystemlab.com
OLIVESTONE 디자인 전문회사 실무자와 세미나
/ 28
1

2. / 28
2
제안서, 무엇을 담아야 하나
나의 제안 포인트 갖기
- 이해
- 분석
- 벤치마킹
UX 제안 사례
- 정부24
- LG LIFE
Q & A

3. 피할 수 있다면 피하고 싶었다
#RFP #제안서 #TFT #방 #일주일 #잠은다잤다
#밤세는날들 #9시출근 #아니라고한다 #설명은
없다 #앵그리맨 #정제의시간 #방망이깎는노인 #
장인의마음 #PPT장인 #비딩 #경쟁PT #2분남았
습니다 #케미컬미팅 #보람 #수주 #그래도안하고
싶어
/ 28
3

4. #케미컬미팅
역량을 본다
• 아이디어가 우연일 수도
• 그 회사의 이해력, 기획력, 감각, …
• 이번 안은 미흡했지만 …
-> 레거시 시스템의 이해가 중요.
피할 수 있다면 피하고 싶었다
/ 28
4

5. 피할 수 있다면 피하고 싶었다
무엇이 힘들었나
• 없는 지식에서 짜낸다는 것 - 같은 이야기가 돌고 돈
다.
• 이번에는 무슨 말을 해야 하나
지금은?
• 타율(안타 수/타수)이 높다.
/ 28
5

6. 제안서, 무엇을 담아야 하나
#RFP
클라이언트, 스스로 그릴 수 없기 때문에 대신 그려 주
는 일
조건 : 기존의 것이 존재한다.
#제안서
- 우리에 대한 이해가 필요하다. -> 기업, RFP의 이해
- 우리 제품에 대한 너의 생각을 알고 싶다. -> 분석력
- 우리와 다른 시각이 필요하다. -> 벤치마킹, …
- 우리의 생각을 그려줬으면 좋겠다. -> 가시화
/ 28
6

7. 제안서, 무엇을 담아야 하나
#RFP
클라이언트, 스스로 그릴 수 없기 때문에 대신 그려 주
는 일
조건 : 기존의 것이 존재한다.
#제안서
- 우리에 대한 이해가 필요하다. -> 기업, RFP의 이해
- 우리 제품에 대한 너의 생각을 알고 싶다. -> 분석
- 우리와 다른 시각이 필요하다. -> 벤치마킹, …
- 우리의 생각을 그려줬으면 좋겠다. -> 가시화
/ 28
7

8. 제안서, 무엇을 담아야 하나
#RFP
클라이언트, 스스로 그릴 수 없기 때문에 대신 그려 주
는 일
조건 : 기존의 것이 존재한다.
#제안서
- 우리에 대한 이해가 필요하다. -> 기업, RFP의 이해
- 우리 제품에 대한 너의 생각을 알고 싶다. -> 분석
- 우리와 다른 시각이 필요하다. -> 벤치마킹, …
- 우리의 생각을 그려줬으면 좋겠다. -> 가시화
/ 28
8
관 觀 - 같은 방향을 보다
견 見 - 상세하게 보다

9. 1. 관, 전체적 관점으로 이해 역량
/ 28
9

10. 사례. 정부24
/ 28
10
제안.pptx

11. 2. 견, 분석 역량 - 자료, 날카롭게 쪼개기
모든 데이터는 병렬 글줄로 존재한다.
-> 이것을 날카롭게 쪼개서 보게 해줘야 한다.
-> 프레임을 가지고 이야기해야 한다.
예 : 데이터 - 성장
• 질적 성장/양적 성장
• 내부적 성장/외부적 성장
• 단기적 성장/장기적 성장
/ 28
11

12. 2. 견, 분석 역량 - 자료, 날카롭게 쪼개기
모든 데이터는 말이 없다. 해석만 존재한다.
-> 데이터 자체를 의심한다.
1. 제대로 된 수집(설문 설계)이었는지 의심하는
편.
2. 데이터의 모순을 찾는 편.
/ 28
12

13. 2. 견, 분석 역량 - 도구, 날카롭게 쪼개기
전문가, 도구/인터페이스(UI) 분석이 필요하다.
-> 쪼개서 본다.
-> ‘정보 설계’ 프레임으로 이야기하는 편.
/ 28
13

14. 정보
범주화
구조화
UI를 정보 설계 관점으로 분석
/ 28
14
누가누가 잘 묶었나
어떤 순서로
구조화가 보이게 전달하나
“이런 물건이구나”
“어디에 쓰는 물건인고?”
질서
무질서

15. 인류 역사 이래 생산된 정보의 양
저장 장치로 훌륭하지 않은 뇌
용량이 부족하다.
특정한 유형의 정보만 저장하도록 되어 있다.
저장 기간이 1세기도 되지 않는다.
어떻게 하면 정보를 체계적으로 분류할 수 있을까
빙하시대의 분류법
수메르인들의 문서 보관소
그리스인의 도서관
중세의 수도원 도서관
정보와 인간의 뇌
출처 : 유발 하라리 <사피엔스>, 알렉스 라이트 <분류의 역사>
/ 28
15

16. 예 : 2000년대 초 포털 서비스
/ 28
16

17. 정보 구조 -> 정보의 분류
내비게이션 시스템 -> 지도
레이블링 시스템 -> 정보 그룹의 이름
콘텐츠 구성 -> 정보 노출의 방식과 순서
정보 설계(IA), 구성 요소
출처 : 다음 UX랩 <스토리로 이해하는 UX 디자인 프로세스>
/ 28
17
위 기준으로 UI 분석하는 편.

18. 사례. 정부24
/ 28
18
제안.pptx

19. 3. 견, 벤치마킹 역량
다른 시각이 필요하다.
-> 참고 범주에 대한 우리의 시각
-> 상세하게 쪼개서 볼 우리의 기준을 제시
/ 28
19

20. 사례. 정부24
/ 28
20
제안.pptx

21. 요약
/ 28
21
#제안서
- 우리에 대한 이해가 필요하다. -> 기업, RFP의
이해
- 우리 제품에 대한 너의 생각을 알고 싶다. -> 분
석력
- 우리와 다른 시각이 필요하다. -> 벤치마킹, …
- 우리의 생각을 그려줬으면 좋겠다. -> 가시화

22. 사례. LG LIFE
/ 28
22
제안.pptx

23. UX/UI 관점에서 분석 탬플릿
/ 28
23
ASIS TOBE
현재 현상을 Keyword로 뽑아내는 능력이 중요.
인터페이스 정의
경험 디자인 정의
UX 컨셉
아이디어
위 정의를 덧붙이는 편.

24. 시각의 언어
/ 28
24 출처 : 스콧 맥클라우스 <만화의 이해>
인지
그림
전문 지식,
시간 필요
글
사실화
즉각적
아이콘
수용
추상화

25. “심미적인 것이 중요한 이유는
아름다움이란 느낌의 언어이고
정보가 많고 시간은 없는 사회에서
정보보다 느낌이 중요하게 인식되기 때문이다.”
- 미국 브랜드 전문가, 마티 뉴마이어
UI 디자인이 중요한 이유
/ 28
25

26. “심미적인 것이 중요한 이유는
아름다움이란 느낌의 언어이고
정보가 많고 시간은 없는 사회에서
정보보다 느낌이 중요하게 인식되기 때문이다.”
- 미국 브랜드 전문가, 마티 뉴마이어
UI 디자인이 중요한 이유
/ 28
26
정보 -> 느낌으로
인식하고 소비한다.

27. 요약
/ 28
27
#제안서
- 우리에 대한 이해가 필요하다. -> 기업, RFP의
이해
- 우리 제품에 대한 너의 생각을 알고 싶다. -> 분
석력
- 우리와 다른 시각이 필요하다. -> 벤치마킹, …
- 우리의 생각을 그려줬으면 좋겠다. -> 가시화
-> 설계와 느낌이 한 목소리를 내는 것이 중요.

28. Q & A
/ 28
28
Q. 신규 제안의 경우는?
세상에 없는 TV 서비스이지만 TV 서비스가 세상에 없는 것은 아니다.
벤치마킹을 활용할 것 같다.
Q. 정보의 의심에 대해
Raw Data와 Processing Data를 구분한다.
Q. VoC 자료가 없는 경우는?
늘 시간이 없는 편. 정보를 찾는(리서치) 능력이 필요하다.
예 : 정부 자료 - NIA - 행정안전부.
https://www.nia.or.kr/site/nia_kor/ex/bbs/List.do?cbIdx=
9
5
6
1
8
Q. 정보 수집 후, 다음 작업의 노하우.
정보 모으고 -> 구분(기준) -> 작게해서 -> 작은 정보를 가지고 해석을 훈련하는 편. 정리 정돈과 같다.
구분 시, 여러 사람의 구분 의견이 도움이 된다.
Q. 정해진 순서와 자율 순서 중 타율이 높은 기승전결은?
나만의 제안서 색깔과 전개를 찾는 일에 시간을 사용한다.
“맥킨지 컨설팅 보고서 같다”