찐 UXer가 알려주는 UX/UI 실무 가이드

UX/UI 개념부터 실제 서비스 출시까지, 모든 과정을 담은 UX/UI 실무 가이드

UX/UI는 쉬운 분야가 아니다. 가장 이론적인 것부터 시작해 가장 실무적인 영역에서 평가받는 분야이기 때문이다. 다년간의 실무 경험으로 다져진 찐 UXer인 저자가 쉬운 개념 설명과 실제 프로젝트 사례를 통해 UXer로서 갖춰야 할 필수 역량을 한 권으로 정리했다. 이 책은 UX/UI를 제대로 배우고 싶은 사람들에게 필요한 내용만을 담은 선배의 보물 주머니이다.

★이 책에서 다루는 내용

1장 사용자 경험
UX란 무엇이며, 좋은 UX를 위해 전반적으로 지켜야 할 것들을 HCI의 이론들과 함께 살펴본다.
"가장 좋은 메뉴 구조는 새로운 브라우저를 처음 사용해보는 사용자가 '여기에 있을 것 같아서 메뉴를 열었을 때' 바로 거기 있는 것"

2장 UX를 한다는 것
서비스 기획에서만 UX를 하는 것이 아니다. UX를 하는 분야를 알아보고, 각 분야에서 어떤 일들을 하는지 살펴본다.
"'UX를 한다는 것'은 여러 분야에서 제품에 대해 고민하고 개선해 오던 것을 사용자의 경험에 중점을 두어 바라보는 것"

3장 프로젝트 준비
프로젝트를 시작하기 전에 미리 파악해두어야 하는 정보가 무엇인지 살펴본다.
"의견을 명확히 전달하고 소통하지 않으면 프로젝트가 산으로 가거나 병목현상이 발생할 수밖에 없다"

4장 프로젝트 시작
기획 작업을 시작하기에 앞서, 관련 부서와 협의하고 확인해야 할 내용을 살펴본다.
"뭔가를 미뤘을 때는 누군가는 그만큼 고생하게 된다는 것을 명심해야 한다"

5장 UX 기획
UX를 기획할 때 어떤 자료들을 수집해야 하는지 알아보고, 콘셉트를 세우고 아이디어를 선택하는 과정을 살펴본다.
"제품이나 서비스 결과가 좋으면 모두의 덕이거나 임원의 선견지명 덕분이고, 잘 안되면 'UX가 별로여서'라는 말을 듣는 자리가 UX팀이다"

6장 정리의 신 - 메뉴 트리
중복된 내용을 정리하고, 묶어서 다시 정리하기까지 서비스의 메뉴를 구성해나가는 과정을 살펴본다.
"집안 정리 능력과 UI 설계 능력은 어떠한 상관관계가 있지 않을까 싶을 정도로 닮아 있다"

7장 일관성은 반드시 - General Rule
공통된 영역을 정하고 요소들을 배치하는 작업을 통해 서비스 전반에 걸쳐 일관성이 유지될 수 있도록 하는 과정을 살펴본다.
"일관성이 잘 지켜졌는지만 봐도 이 서비스가 얼마나 UI 설계에 신경 썼는지 알 수 있다"

8장 5초 안에 시선을 잡아라 - 키스크린
메인 화면에 넣을 정보와 표현 방법을 알아보고, 디자이너에게 넘기는 과정을 살펴본다.
"첫 화면에서 이 서비스가 당신의 필요를 모두 만족시켜 줄 수 있다는 것만 증명하면 된다"

9장 길은 명확하고 단순하게 - UI Flow
UI 설계의 가장 중요한 작업인 순서도와 UI Flow를 그리는 방법을 살펴본다.
"사용자가 서비스 안에서 내가 지금 어디에 있는지, 어디로 가야할지 모르겠다고 느끼는 것은 단연코 최악의 경험이다"

10장 목적을 잊지 말자 - 유지보수
유지보수를 하는 동안 생기는 요청들에 대해 알아보고, 버전을 관리하는 방법에 대해 살펴본다.
"메뉴가 많은 집 치고 맛집은 없는 법이다"

11장 무인 매장 프로젝트
현업에서 진행했던 프로젝트를 일정에 따라 짚어보면서 프로젝트 준비부터 UX/UI 기획에 이르기까지의 과정이 어떻게 진행되는지 알아보고, 인하우스와 에이전시의 협업이 어떤 식으로 이루어지는지 살펴본다.
"모든 프로젝트는 각기 다른 상황을 갖고 있다. 예산 규모나 인력 차이, 개발 기간이나 목표 수준 등이 모두 다르기 때문에 유연하게 대처해나가면 된다"

12장 UI 문서 작업
UI 문서의 구성을 표지부터 마지막 장까지 어떤 순서로 어떻게 구성해야 하는지 살펴본다.
"UI 문서를 만들 줄 모르면 서비스 UX/UI를 한다고 볼 수 없다. 설계도를 그릴 줄 모르면서 집을 지을 줄 안다고 하는 것과 다름없다"

★ 대상 독자
UXer를 꿈꾸는 대학생/취준생, 다양한 실무 UX를 경험하고 싶은 주니어 UXer, 디자이너와 개발자와의 협업이 궁금한 기획자, 실제 인하우스 현장을 경험해보고 싶은 디자이너/기획자, UXer와 협업을 하려는 개발자 및 디자이너

1부 UX란
1장 사용자 경험
1-1. 발명과 UX의 차이
1-2. 적재적소: 있어야 할 곳에 생겨야 할 모양으로
1-2-1. 학습에 의해서
지식 더하기_ 학습과 행동 그리고 반응속도
1-2-2. 본능에 의해서
지식 더하기_ 사람의 모든 행동은 설명할 수 있다
1-3. 과유불급: 과한 것은 아니함만 못하다
지식 더하기_ 마음 이론과 불쾌한 골짜기

2장 UX를 한다는 것
2-1. 하드웨어 UX: 앱이 UX의 전부는 아니다
2-2. 소프트웨어 UX: 많이 들어 본 UX
2-2-1. UX 기획: 하고 싶은 것
2-2-2. UI 기획: 해야 하는 것

2부 프로젝트 진행하기
3장 프로젝트 준비
3-1. 의도와 목적 파악하기
3-2. 관련 인원 구성(조직도)
3-3. 최종 결과물 형태 정하기
3-4. 주요 분기점 찍고 가기
더 알아보기_ 프로토타이핑 툴

4장 프로젝트 시작
4-1. 진행 방법 결정하기
4-2. 구체적인 일정 짜기
4-3. 사양 확인하기

5장 UX 콘셉트 기획
5-1. 리서치(자료 수집)
5-1-1. 보스에 관하여
5-1-2. 자료 조사: 적들의 동향 파악
5-1-3. 개발자 인터뷰: 적인가 동지인가
5-2. 콘셉트 빌딩 & 아이디에이션
5-2-1. 퍼소나: 쓸모없지만 안 하자니 아쉬운 것
5-2-2. 콘셉트 빌딩: 광팔기의 기술
5-2-3. 아이디어 골라내기: 될 법한 걸 고르자

3부 UI 기획 5 단계
6장 정리의 신 - 메뉴 트리
6-1. 중복 아이템 정리
6-2. 유사한 것끼리 묶어 주기
6-3. depth를 나눌 것인지 결정하기
6-4. 메뉴 간 이동 및 메뉴 제목 정리하기
지식 더하기_ 마법의 숫자 7

7장 일관성은 반드시 - General Rule
7-1. 영역 정하기
7-2. 요소 배치하기

8장 5초 안에 시선을 잡아라 - 키스크린
8-1. 표시할 내용 정하기
8-2. 중요도 정하기
8-3. 표현 방법 정하기
8-4. 디자이너에게 넘기기

9장 길은 명확하고 단순하게 - UI Flow
9-1. 순서도 그리기
9-2. UI Flow 그리기

10장 목적을 잊지 말자 - 유지보수
더 알아보기_ 인하우스와 에이전시

4부 UX/UI 실무 프로젝트
11장 무인 매장 프로젝트
STEP1 프로젝트 파악하기
STEP2 UX 기획 - 리서치
STEP3 UX 기획 - 콘셉트 정하기
STEP4 UI 기획 - 대시보드 디자인
STEP5 UI 기획 - BI 서비스 디자인

12장 UI 문서 작업
STEP1 기본 구성
STEP2 General Rule
STEP3 키스크린
STEP4 UI Flow
STEP5 E.O.D

조은정 컴퓨터공학과 중퇴 후 영상제작 연출을 전공한 뒤 신문방송학과에서 석사 학위를 받았다. 공학, 예술학, 인문학을 거치고 나서 마지막으로 융합학과인 인터랙션사이언스학과에서 HCI 박사학위를 받았다. L전자 CTO 연구소에 UX 디자이너로 입사해서 WebOS에 잠시 참여하다가 VC(Vehicle Component) 사업부로 이동해서 선행 연구부터 양산까지 열과 성과 혼을 다해 UX를 겪었다. 지금은 S 통신사 연구소에서 선행부터 양산 그리고 Enterprise까지 UX를 맡아 진행하고 있다.