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

조은정

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

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장일관성은반드시-GeneralRule
7-1.영역정하기
7-2.요소배치하기

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

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

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

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

12장UI문서작업
STEP1기본구성
STEP2GeneralRule
STEP3키스크린
STEP4UIFlow
STEP5E.O.D

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

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

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

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

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

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

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