UX 원칙 2/e : 사용자를 행복하게 만드는 101가지 솔루션 - 에이콘 UX 프로페셔널 시리즈

윌그랜트

(WillGrant)
사용자가10억명에달하는웹과모바일제품의디자인,인포메이션아키텍처및사용성을감독한20년이상의경험을지닌베테랑제품디자이너이자UX전문가다.
컴퓨터공학학위를받은후디자인사용성의세계적인리더인닐슨노먼그룹(NielsenNormanGroup)에서제이콥닐슨(JakobNielsen)과브루스토냐치니(BruceTognazzini)와함께교육을받았다.이후문제를해결하고조직에가치를창출하는유용하고강력한제품을설계하는데자신의경력을바쳤다.모바일,엔터프라이즈,소비자소프트웨어제품에대한깊은이해를갖고있으며사려깊은디자인으로사용자의문제를찾아내고해결하는데능숙하다.
아마존(Amazon)베스트셀러인『UX원칙』을저술했으며,net,Econsultancy및기타간행물에글을기고하고있다.또한웹에서가장큰데이터마이그레이션(migration)툴인SQLizer.io와오픈소스시각화제품인QueryTree를공동창업하고디자인했다.

UX실무
__1장.누구나UX를잘할수있다
__2장.원칙을전략적으로사용하라
__3장.간단한제품의출시를두려워마라
__4장.누군가에게는복잡성이좋을수도있다
__5장.A/B테스트를사용해서아이디어를검증하라
__6장.실제사용자와함께테스트하라
__7장.아무도브랜드에관심없다

서체
__8장.두가지이상의서체를사용하지마라
__9장.사용자의컴퓨터에설치된글꼴을사용하라
__10장.글자크기와굵기를사용해서정보체계를표현하라
__11장.본문에는합리적인기본크기를사용하라

컨트롤
__12장.줄임표를사용해서다음단계가있다는것을알려라
__13장.인터랙티브요소를명확하고쉽게찾을수있게만들어라
__14장.버튼을적절한크기로만들고기능에따라그룹핑하라
__15장.텍스트뿐만아니라버튼전체를클릭가능하게만들어라
__16장.새로운컨트롤을제멋대로만들지마라
__17장.검색은텍스트필드와'검색'이라고적힌버튼으로구성돼야한다
__18장.슬라이더는수량화할수없는값에만사용해야한다
__19장.정확한숫자를위해서는숫자입력필드를사용하라
__20장.옵션이많지않다면드롭다운메뉴를사용하지마라
__21장.사용자가파괴적인액션을취소할수있게하라
__22장.인터페이스를모바일에최적화시켜라

콘텐츠
__23장.무한스크롤은피드스타일의콘텐츠에서만사용하라
__24장.콘텐츠에시작,중간,끝이있다면페이지번호매김을사용하라
__25장.사용자가한번의클릭으로쿠키를허용또는차단하게하라
__26장.사용자가'텅빈상태'에서다음단계를파악할수있도록도와라
__27장.'시작하기'팁은닫기쉽게만들어라
__28장.사용자가피드를새로고침하면읽지않은최신항목으로이동시켜라

내비게이션
__29장.'햄버거'메뉴속에항목을숨기지마라
__30장.링크를링크처럼보이게만들어라
__31장.메뉴항목을하위섹션으로나눠서사용자가긴목록을기억할필요가없게하라
__32장.설정을이해하기쉽게분류하라
__33장.메뉴항목을바닥글이나뷰하단에반복배치하라

아이코노그래피(iconography)
__34장.제품전반에서일관된아이콘을사용하라
__35장.시대에뒤처진아이콘을사용하지마라
__36장.기존아이콘으로신규아이디어를표현하려고하지마라
__37장.아이콘위에텍스트를쓰지마라
__38장.항상아이콘에텍스트레이블을제공하라

입력
__39장.가급적기기의기본입력기능을사용하라
__40장.비밀번호생성및입력을간소화하라
__41장.비밀번호필드에붙여넣기를허용하라
__42장.이메일주소를인증하려고하지마라
__43장.사용자가입력에쏟은시간과노력을존중하라
__44장.여러줄의입력필드에맞는적절한크기를선택하라
__45장.UI에서애니메이션은주의해서사용하라
__46장.한가지날짜피커컨트롤을일관되게사용하라
__47장.'비밀번호찾기'필드에서사용자이름을미리채워라
__48장.대소문자를구분하지마라
__49장.챗봇은별로다

서식
__50장.서식이좋으면제품도좋다
__51장.되도록빨리데이터입력을검증하라
__52장.서식을검증하지못한다면어떤필드에주의해야하는지를사용자에게보여줘라
__53장.사용자는데이터포맷을모른다(그리고신경도안쓴다)
__54장.작업에적합한컨트롤을선택하라

사용자데이터
__55장.사용자가원하는대로전화번호를입력할수있게하라
__56장.날짜입력에서드롭다운을센스있게사용하라
__57장.결제카드정보를요구할때에는최소한의정보만받아라
__58장.우편또는ZIP코드입력을쉽게만들어라
__59장.통화입력에서소수자리를덧붙이지마라
__60장.사용자가어려움없이이미지를추가할수있게하라

진척
__61장.소요시간이확실한태스크라면'직선모양'의진행표시줄을사용하라
__62장.진행표시줄에숫자로된인디케이터를제공하라
__63장.소요시간을가늠할수없는태스크라면'스피너'를표시하라

접근성을고려한디자인
__64장.명암비는당신편이다
__65장.'플랫디자인'을사용해야한다면컨트롤에시각적어포던스를추가하라
__66장.모호한기호를피하라
__67장.링크는콘텍스트와분리해도의미가통하게만들어라
__68장.헤더와내비게이션위에'콘텐츠로건너뛰기'링크를추가하라
__69장.컬러만사용해서정보를전달하지마라
__70장.메타태그를써서기기의줌기능을끄는것은악랄한행위다
__71장.내비게이션에타당한탭순서를부여하라
__72장.컨트롤에명확한레이블을작성하라
__73장.탭가능영역을손가락크기로만들어라

여정과상태
__74장.사용자가특정알림을끌수있게하라
__75장.사용자여정의모든측면에는시작과끝이있어야한다
__76장.사용자는모든여정에서자신이어느단계에있는지항상알아야한다
__77장.이동경로내비게이션을사용하라
__78장.사용자는당신의회사에전혀관심이없다
__79장.e-커머스의표준패턴을따르라
__80장.사용자의작업이저장되지않았다면인디케이터를표시하라
__81장.피드백을제공하되사용자를귀찮게하지마라
__82장.무의미한스플래시화면을사용하지마라
__83장.파비콘을독특하게만들어라
__84장.'기존항목에서만들기'흐름을추가하라
__85장.사용자가쉽게결제할수있게만들어라
__86장.검색결과를사용자가필터링할수있게하라
__87장.사용자는파일시스템을이해하지못할것이다
__88장.말하지말고보여줘라

용어
__89장.용어를일관되게사용하라
__90장.'로그인'과'로그아웃'말고'사인인'과'사인아웃'을사용하라
__91장.가입인지사인인인지명확하게밝혀라
__92장.비밀번호재설정경험을표준화하라
__93장.사람이쓴것처럼작성하라
__94장.수동태보다능동태동사를선택하라

기대
__95장.검색결과페이지최상단에가장관련성이높은결과를표시해야한다
__96장.알맞은기본값을선택하라
__97장.액션을막으려면모달뷰만사용하라
__98장.사용자가기대하는경험을제공하라
__99장.인터랙션이명확해야하는지,쉬워야하는지또는가능해야하는지결정하라
__100장.'모바일에서작동하는가?'라는말은구식이다

UX철학
__101장.악의유혹에빠지지마라
__보너스.단순함을위해노력하라

지은이의말

이101가지원칙은디지털제품디자인을위한광범위한가이드라인이다.수천개의원칙이더있지만,여기서소개하는101가지원칙이대부분의제품을보다사용하기쉽고효과적으로만들어줄핵심원칙이다.이원칙은당신의시간을절약하고사용자를더행복하게만들것이다.

이책은사용자경험(UX,UsereXperience)의여러측면을논하지만사용자인터페이스(UI,UserInterface)에중점을둔다.사실스크린의픽셀은여전히디지털제품의고객경험에서큰부분을차지한다.UI(스크린의버튼,양식의컨트롤)는사용자가제품과인터랙션(interaction)하는유일한방법이기때문에UX(전체경험)의품질은인터페이스의품질과사용성에밀접하게연관된다.UX는UI보다더큰영역이지만,UI가UX에얼마나중요한지를무시할수는없다.

웹성숙도가높아지는여정의어딘가에서우리는중요한사실을잊었다.UX는예술이아니다.오히려그반대다.UX디자인은사용자에게서비스제공이라는기능을수행해야한다.여전히멋져보여야하지만,실제기능을희생하면안된다.몇년동안형편없는디자인이점차생겨났으며일부디지털제품은100여개의사소한방식으로악화됐다.

어쩌다이지경이된것인가?브랜딩에이전시(brandingagency)가관여됐다.에이전시는우리가사진을‘추억’이라고부르기때문에사진메뉴도추억이라고불러야한다고주장했다.그것이무엇을의미하는지,사진을어떻게찾아야하는지아는사람은아무도없다.

CEO는회사가관련된모든곳의제목에바닷바람의색조를사용하도록직접선택했고,그결과모든제목이옅은파란색이됐다.이는모바일폰화면의흰색바탕에서는아무도제목을읽을수없다는뜻이다.마케팅부서는전체화면크기의팝업을띄워서사용자의이메일주소를수집하는것이4분기고객관계관리(CRM,CustomerRelationshipManagement)지표에적합하다고결정했다.그러고나서그들은‘고객이팝업을닫으면안되니까닫기아이콘을너무크게만들지마세요’라고말했다.

웹도처에서발견할수있는이세가지예에서회사는사용자니즈를간과하고사용자를최우선으로고려하지않았다는것을알수있다.지난20년동안나는디지털제품디자인에대해많은것을배웠다.이모든교훈이머릿속에서하나의커다란UX운영체제로집대성된것처럼느껴지기때문에개별교훈을하나씩뽑아내기는어렵다.
내자신이디자인순수주의자임을인정하는것은부끄럽지않다.물론미학도중시하지만난이를‘불만족요인(hygienefactor)’인동시에필수적인것으로본다.나는미학의겉치장을넘어서기능이분명하거나쉽게발견하고이해할수있는편리하고강력한소프트웨어를만들고자항상노력해왔다.

이책은경험이부족한디자이너에게‘성공으로향하는지름길’이며,경험많은UX전문가에게는보편적인생각에대한도전이다.

그원칙은서체,컨트롤,여정과같은폭넓은섹션과더넓은분야의UX사례로구성된다.이책을마음대로들춰보고참고서로활용하기바란다.순서대로읽도록디자인했지만,읽는순서는상관없다.아마몇가지원칙은동의할수없을지도모른다.이것은어쨌든의견을강하게드러낸책이다.하지만의견차이는당신의생각을점검하고,사용자의목표를달성하는데더좋은방법이있을지를다시고려해보게만드는계기가될것이다.

이책을즐겼으면좋겠다.더나은UX전문가가되는데이책이도움을줘서당신이효과적인경험을구현하고,일반적인함정에빠지지않고,자신감을쌓아서사용자를위해싸울수있길바란다.

옮긴이의말

오랫동안UX분야에서일하다보니주변의UXer는물론기획자나개발자로부터책추천을부탁받는경우가종종있다.기초부터쌓았으면하는욕심에UX의기본개념을다룬개론서를추천해주고나면,부담없이읽긴좋았지만그래서뭘어떻게해야하는지는모르겠다는피드백을듣게된다.“고객의입장에서생각하라!”와같은지침만반복해서접하다보면손에잡히는실용적인노하우나지식에대한갈증이쌓이기마련이다.

나는뻔하고추상적인이론의나열이아니라쉽게이해되는구체적인디테일을잡은실용서를늘기다려왔다.좋은UX에대한소중한관심을꺼트리지않고이어나가고싶은욕심때문이다.다행스럽게도몇년전에『UX원칙』을국내에소개하면서그동안의기다림과갈증을해소할수있었다.책을읽은주변인들은원칙과예시가구체적이고명확해서이해하기쉬웠다는한결같은반응을보였다.

많은이로부터찬사를받은『UX원칙』이더완벽해진모습으로돌아왔다.1판의본질은고스란히유지하면서최근의기술및트렌드에맞춰내용을가다듬었다.연관성높은원칙을그룹핑하고최신의사례로업데이트해완성도를한단계끌어올렸다.이를통해디지털실무자가하기쉬운실수를줄이고,제품을더사용하기쉽고효과적으로만드는데도움을준다.

좋은UX에대한안목을키우기위해서는실용적인참고서가한권쯤은꼭필요하다.이책이제품의성공을담보하는실질적인해결책을제공하리라확신한다.