사용자를 끌어들이는 UX/UI의 비밀

MAU는 높이고 이탈률은 낮추는 UX/UI 실무 패턴 80

제니퍼 티드웰 , 찰스 브루어 , 아인 발렌시아 지음 | 박재현 옮김

인사이트 2022년 05월 10일 출간 국내도서 : 2021년 05월 18일 출간

작품소개

책소개

좋은 인터페이스는 유저의 삶을 더 쉽게 만들어야 한다

매력적인 인터페이스는 말이 잘 통하는 친구와 나누는 대화처럼 기분 좋은 경험을 불러오지만, 페인 포인트가 넘쳐 나는 서비스는 사용자에게 짜증과 좌절감을 안겨 준다. 로딩이 느린 화면, 어디로 가라는 건지 도무지 알 수 없는 내비게이션, 번거롭게 자꾸 열리는 모달 박스로 사용자 이탈률을 높이고 있지는 않은가? 《사용자를 끌어들이는 UX/UI의 비밀》에서 알려 주는 80가지 UX/UI 실무 패턴으로 사용자를 고민하게 하지 않는 인터페이스를 만들어 보자!

목차

제3판 서문: 인터페이스는 삶을 더 쉽게 만들어야 한다

1장 문제를 정확히 파악하고 제대로 해결하는 디자인

사용자를 둘러싼 컨텍스트 파악하기
_당신은 사용자가 아니다
_인터랙션은 대화처럼
_콘텐츠와 기능을 사용자에게 맞춰라
_숙련도에 따라 달라지는 것들
_인터페이스는 목표를 달성하는 수단일 뿐
_‘왜?’라고 묻고 또 묻기
_문제를 정확히 파악하고 제대로 해결하기
사용자를 있는 그대로 이해하는 법
_직접 관찰
_케이스 스터디
_설문조사
_퍼소나(personas)
_디자인 리서치는 마케팅 리서치가 아니다
인터페이스에서 사람들은 무슨 생각을 하고 어떻게 행동할까?
_안전한 탐색(Safe Exploration)
_즉각적 만족(Instant gratification)
_만족화(Satisficing)
_중도에 바꾸기(Changes in Midstream)
_선택 미루기(Deferred Choices)
_점진적 창조(Incremental Construction)
_습관화(Habituation)
_짬시간 활용(Microbreaks)
_공간 기억(Spatial Memory)
_미래 계획 기억(Prospective Memory)
_능률적 반복(Streamlined Repetition)
_키보드만 사용하기(Keyboard Only)
_소셜 미디어(Social Media), 소셜 프루프(Social Proof), 협업(Collaboration)
성공적인 인터랙션 디자인을 위한 필수 요소

2장 콘텐츠 구성하기: 정보 설계와 애플리케이션 구조

사용에 방해되지 않는 정보 구조 만들기
정보 구조란?
_사용자를 위한 정보 공간
접근법
_정보와 정보의 표현을 분리하라
상호 배타적이면서 전체를 포괄하기
콘텐츠를 구성하고 분류하는 방법
_위치(Location)
_가나다순(Alphabetical)
_시간(Time)
_카테고리(Category) 또는 다면 필터(Facet)
_위계(Hierarchy)
_숫자(Number)
태스크와 작업흐름 위주의 앱 디자인하기
_자주 사용하는 항목을 눈에 띄게 하라
_일련의 단계로 작업 ‘쪼개기’
_다양한 채널과 화면 크기는 우리가 직면해야 하는 현실
_정보를 카드 형태로 보여 줘라
화면 유형의 시스템 디자인
개요 보기: 목록이나 그리드 위에서 항목과 옵션 보여 주기
집중하기: 한 번에 하나만 표시하기
만들기: 창작을 위한 툴 제공하기
수행하기: 하나의 태스크를 효과적으로 완료하기
패턴
_01 추천(Feature), 검색(Search), 탐색(Browse)
_02 모바일 다이렉트 액세스(Mobile Direct Access)
_03 스트림(Streams)과 피드(Feeds)
_04 미디어 브라우저(Media Browser)
_05 대시보드(Dashboard)
_06 캔버스(Canvas)와 팔레트(Palette)
_07 마법사(Wizard)
_08 설정 편집기(Settings Editor)
_09 다양한 보기 모드(Alternative Views)
_10 작업 공간 나누기(Many Workspaces)
_11 도움말 시스템(Help Systems)
_12 태그(Tags)
유연하면서도 단단한 정보 구조를 만들자

3장 이동하기: 표지판, 길 찾기, 내비게이션

정보와 태스크 공간 이해하기
표지판
길 찾기
내비게이션
_글로벌 내비게이션(Global Navigation)
_유틸리티 내비게이션(Utility Navigation)
_연관 및 인라인 내비게이션(Associative and Inline Navigation)
_관련 콘텐츠(Related Content)
_태그(Tags)
_소셜(Social)
디자인할 때 고려할 점
_내비게이션 디자인과 시각적 표현 분리하기
_인지 부담
_이동 거리 최소화하기
내비게이션 모델
_허브 앤 스포크(Hub and Spoke)
_완전히 연결된(Fully Connected) 모델
_멀티레벨(Multilevel) 또는 트리(Tree)
_단계별

출판사 서평

15년간 사랑받은 UX 분야 아마존 스테디셀러
기본에 충실한 영감으로 가득한 믿을 만한 패턴 북
80가지 UX/UI 패턴! 400여 개 UI 스크린 샷!

《사용자를 끌어들이는 UX/UI의 비밀》은 SNS, 이미지/영상 편집, 길 찾기를 비롯한 다양한 앱에서부터 쇼핑, 예약, 금융 웹사이트까지, 웹과 모바일을 위한 화면 기반 인터랙션에 최적화된 UX/UI 패턴을 소개한다. 원활한 사용자 흐름을 만들고 이용자의 태스크 달성을 돕는 데 효과적인 패턴들을 400여 개의 실제 서비스 스크린 샷으로 일목요연하게 보여 준다. 버즈피드(BuzzFeed), 슬랙(Slack), 어도비 포토샵(Adobe Photoshop), 스포티파이(Spotify), 세일즈포스(Salesforce) 등의 글로벌 서비스가 고객이 체감할 수 있는 최대한의 효용을 가능한 한 직관적으로 제공하기 위해, 어떻게 인터페이스를 디자인하는지 체계적으로 설명한다.

인터페이스와 인터랙션 디자인 세계를 탐험하는 가장 완벽한 로드맵
사용자의 스크롤 행동 패턴을 보면 대부분 웹사이트의 첫 화면에서 25%가 이탈한다고 한다. 인터페이스에서 사람들은 무슨 생각을 하고 어떻게 행동할까? 디자인 패턴은 인간의 감각과 같은 방향으로 움직여야 한다. 이 책에서 소개하는 디자인 패턴은 기획자, 디자이너, 개발자가 사용자를 위한 인터페이스를 구축할 때 가장 든든하고 유용한 기초 블록으로 쓰일 것이다.

인터페이스 디자인의 아름다움은 진짜 문제를 해결하는 데 있다!
ㆍ 한순간에 사용자를 사로잡는 직관적인 화면 기반 인터페이스는 어떻게 만들까?
ㆍ 어떤 맥락에서도 짜증을 불러일으키지 않는 원활한 워크플로를 구축하려면?
ㆍ 최고의 효용과 사용성을 선사하는 태스크 구조 설계하기
ㆍ 센스 있는 와우 포인트로 자꾸 찾고 싶은 페이지를 디자인하고 싶다면?

“인터페이스 디자인에 대해 진지하게 생각하는 사람이라면
누구나 책장에 꽂아 둬야 할 책.
플랫폼에 상관없이 적용할 수 있는 검증된 인터페이스 패턴을 다룬다.”
- 댄 새퍼, 《인터랙션 디자인》 저자

작가정보

저자(글) 제니퍼 티드웰

저자 : 제니퍼 티드웰
Jenifer Tidwell
20여 년 동안 다양한 업종에 맞는 사용자 인터페이스(UI)를 설계하고 구축해 왔다. 구글 북스(Google Books) 인터페이스를 재설계했으며, 그 전에는 매스웍스(MathWorks)의 사용자 인터페이스 디자이너로서 공학용 소프트웨어인 매트랩(MATLAB)의 차트 작성과 시각화 UI 설계에 중요한 역할을 했다. 최근 디지털 디자인에서 조경 디자인으로 커리어를 전환했다. 여전히 사용성과 아름다움, 훌륭한 엔지니어링 사이에서 균형을 유지하기 위해 노력하고 있다.

저자 : 찰스 브루어
Charles Brewer
다양한 디지털 제품 출시 경험이 풍부한 사용자 경험(UX) 디자이너다. 웹 1.0 시대부터 비자(Visa), 유나이티드 항공(United Airlines), 월트 디즈니(Walt Disney Company)와 함께 일하며 웹사이트와 웹앱 디자인을 진행했다. UX와 소프트웨어, 비즈니스가 만나는 교차점에 집중해 목적에 적합하며 배우기 쉽고 사용하기 간편한 소프트웨어를 디자인하고 있다. 파크미(Parkme)의 예약 수익 프로덕트와 빅토리어스(Victorious)의 비디오 CMS 및 소셜 미디어 관리 플랫폼을 만들었다.

저자 : 아인 발렌시아
Aynne Valencia
마케팅 회사 샌프란시스코 디지털 서비스(San Francisco Digital Services)의 디자인 디렉터이자 캘리포니아 컬리지 오브 아트(California College of the Arts)의 부교수로 재직하고 있다. 기술과 디자인이 인간 행동에 미치는 영향에 대한 깊은 이해를 바탕으로 디지털 제품 및 서비스 디자인 분야에서 주요 글로벌 브랜드와 협업했다. 이베이(eBay)의 플랫폼 전략 구축에 참여했으며, 어도비의 개발자 커뮤니티, 뱅크 오브 아메리카(Bank of America)의 중소기업 커뮤니티 등의 서비스를 출시했다. 최근에는 제스처로 제어되는 홈 오디오 프로젝트를 진행하고 있다.

역자 : 박재현
서울대학교에서 경제학을 전공하고, 영국왕립예술대학교(Royal College of Arts)에서
서비스 디자인을 공부했다. 졸업 후 UX 디자인 컨설턴시 pxd에서 UX 컨설턴트로
일하면서 다양한 도메인의 UX 전략, 컨설팅, 글로벌 리서치 프로젝트를 수행하고 있
다. 회사와 개인 블로그(brunch.co.kr/@jaehyun-design)에 틈틈이 UX 리서치, 디자
인 시스템 관련 글을 쓰고 있다. HCI 학회와 UX 얼라이언스(UXAlliance) 등에서 케
이스 스터디를 통해 일하면서 배운 노하우를 공유하고 있다.

감수 : 한상택
전산과학을 전공하고 그래픽 디자인을 하다 UI 디자이너가 되었다. 인터랙션보다 사
람과 도구 사이의 정보 교환이라는 관점에 더 관심을 갖고 인터페이스를 공부하고 있
다. pxd UXtech 랩(lab.pxd.co.kr)을 운영하며 기존 사용자 경험 디자인 방법에 기
술을 접목하여 사람들의 다양한 생각을 보다 잘 이해하는 도구를 만들고 있다.

저자(글) 찰스 브루어

저자(글) 아인 발렌시아

번역 박재현