제3판 서문: 인터페이스는 삶을 더 쉽게 만들어야 한다 xiv 1장 문제를 정확히 파악하고 제대로 해결하는 디자인 1 사용자를 둘러싼 컨텍스트 파악하기 2 당신은 사용자가 아니다 3 인터랙션은 대화처럼 3 콘텐츠와 기능을 사용자에게 맞춰라 4 숙련도에 따라 달라지는 것들 5 인터페이스는 목표를 달성하는 수단일 뿐 7 ‘왜?’라고 묻고 또 묻기 8 문제를 정확히 파악하고 제대로 해결하기 8 사용자를 있는 그대로 이해하는 법 10 직접 관찰 12 케이스 스터디 12 설문조사 13 퍼소나(personas) 13 디자인 리서치는 마케팅 리서치가 아니다 14 인터페이스에서 사람들은 무슨 생각을 하고 어떻게 행동할까? 15 안전한 탐색(Safe Exploration) 16 즉각적 만족(Instant gratification) 17 만족화(Satisficing) 18 중도에 바꾸기(Changes in Midstream) 20 선택 미루기(Deferred Choices) 21 점진적 창조(Incremental Construction) 22 습관화(Habituation) 23 짬시간 활용(Microbreaks) 25 공간 기억(Spatial Memory) 26 미래 계획 기억(Prospective Memory) 28 능률적 반복(Streamlined Repetition) 30 키보드만 사용하기(Keyboard Only) 32 소셜 미디어(Social Media), 소셜 프루프(Social Proof), 협업(Collaboration) 33 성공적인 인터랙션 디자인을 위한 필수 요소 35 2장 콘텐츠 구성하기: 정보 설계와 애플리케이션 구조 37 사용에 방해되지 않는 정보 구조 만들기 38 정보 구조란? 39 사용자를 위한 정보 공간 40 접근법 40 정보와 정보의 표현을 분리하라 40 상호 배타적이면서 전체를 포괄하기 41 콘텐츠를 구성하고 분류하는 방법 42 위치(Location) 42 가나다순(Alphabetical) 43 시간(Time) 43 카테고리(Category) 또는 다면 필터(Facet) 43 위계(Hierarchy) 44 숫자(Number) 44 태스크와 작업흐름 위주의 앱 디자인하기 44 자주 사용하는 항목을 눈에 띄게 하라 44 일련의 단계로 작업 ‘쪼개기’ 45 다양한 채널과 화면 크기는 우리가 직면해야 하는 현실 45 정보를 카드 형태로 보여 줘라 46 화면 유형의 시스템 디자인 46 개요 보기: 목록이나 그리드 위에서 항목과 옵션 보여 주기 47 집중하기: 한 번에 하나만 표시하기 49 만들기: 창작을 위한 툴 제공하기 50 수행하기: 하나의 태스크를 효과적으로 완료하기 50 패턴 51 01 추천(Feature), 검색(Search), 탐색(Browse) 52 02 모바일 다이렉트 액세스(Mobile Direct Access) 61 03 스트림(Streams)과 피드(Feeds) 63 04 미디어 브라우저(Media Browser) 76 05 대시보드(Dashboard) 87 06 캔버스(Canvas)와 팔레트(Palette) 90 07 마법사(Wizard) 95 08 설정 편집기(Settings Editor) 99 09 다양한 보기 모드(Alternative Views) 104 10 작업 공간 나누기(Many Workspaces) 112 11 도움말 시스템(Help Systems) 117 12 태그(Tags) 128 유연하면서도 단단한 정보 구조를 만들자 133 3장 이동하기: 표지판, 길 찾기, 내비게이션 135 정보와 태스크 공간 이해하기 136 표지판 136 길 찾기 137 내비게이션 138 글로벌 내비게이션(Global Navigation) 138 유틸리티 내비게이션(Utility Navigation) 139 연관 및 인라인 내비게이션(Associative and Inline Navigation) 139 관련 콘텐츠(Related Content) 140 태그(Tags) 140 소셜(Social) 140 디자인할 때 고려할 점 140 내비게이션 디자인과 시각적 표현 분리하기 141 인지 부담 141 이동 거리 최소화하기 142 내비게이션 모델 144 허브 앤 스포크(Hub and Spoke) 144 완전히 연결된(Fully Connected) 모델 144 멀티레벨(Multilevel) 또는 트리(Tree) 145 단계별 모델 146 피라미드 모델 147 넓고 얕은 내비게이션 148 패턴 149 13 명확한 진입점(Clear Entry Points) 150 14 메뉴 페이지(Menu Page) 155 15 피라미드(Pyramid) 161 16 모달 패널(Modal Panel) 164 17 딥링크(Deep Link) 169 18 탈출구(Escape Hat

15년간 사랑받은 UX 분야 아마존 스테디셀러 기본에 충실한 영감으로 가득한 믿을 만한 패턴 북 80가지 UX/UI 패턴! 400여 개 UI 스크린 샷! 좋은 인터페이스는 삶을 더 쉽게 만들어야 한다 디지털 인터페이스가 없는 일상을 상상하기 어려운 세상이다. 일하고, 놀고, 대화하고, 쇼핑하고, 새로운 것을 배우는 모든 일이 화면에서 시작된다. 매력적인 인터페이스는 말이 잘 통하는 친구와 나누는 대화처럼 기분 좋은 경험을 불러오지만, 페인 포인트가 넘쳐 나는 서비스는 사용자에게 짜증과 좌절감을 안겨 준다. 로딩이 느린 화면, 어디로 가라는 건지 도무지 알 수 없는 내비게이션, 번거롭게 자꾸 열리는 모달 박스로 사용자 이탈률을 높이고 있지는 않은가? 정보 설계에서 내비게이션, 액션, 비주얼 디자인까지 사용자를 사로잡는 인터페이스 디자인 기술 이 책은 SNS, 이미지/영상 편집, 길 찾기를 비롯한 다양한 앱에서부터 쇼핑, 예약, 금융 웹사이트까지 웹과 모바일을 위한 화면 기반 인터랙션에 최적화된 UX/UI 패턴 80가지를 소개한다. 원활한 사용자 흐름을 만들고 이용자의 태스크 달성을 돕는 데 효과적인 패턴들을 400여 개의 실제 서비스 스크린 샷으로 일목요연하게 보여 준다. 버즈피드(BuzzFeed), 슬랙(Slack), 어도비 포토샵(Adobe Photoshop), 스포티파이(Spotify), 세일즈포스(Salesforce) 등의 글로벌 서비스가 고객이 체감할 수 있는 최대한의 효용을 가능한 한 직관적으로 제공하기 위해, 어떻게 인터페이스를 디자인하는지 체계적으로 설명한다. 인터페이스와 인터랙션 디자인 세계를 탐험하는 가장 완벽한 로드맵 사용자의 스크롤 행동 패턴을 보면 대부분 웹사이트의 첫 화면에서 25%가 이탈한다고 한다. 인터페이스에서 사람들은 무슨 생각을 하고 어떻게 행동할까? 디자인 패턴은 인간의 감각과 같은 방향으로 움직여야 한다. 이 책에서 소개하는 디자인 패턴은 기획자, 디자이너, 개발자가 사용자를 위한 인터페이스를 구축할 때 가장 든든하고 유용한 기초 블록으로 쓰일 것이다. 인터페이스 디자인의 아름다움은 진짜 문제를 해결하는 데 있다! ‧ 한순간에 사용자를 사로잡는 직관적인 화면 기반 인터페이스는 어떻게 만들까? ‧ 어떤 맥락에서도 짜증을 불러일으키지 않는 원활한 워크플로를 구축하려면? ‧ 최고의 효용과 사용성을 선사하는 태스크 구조 설계하기 ‧ 센스 있는 와우 포인트로 자꾸 찾고 싶은 페이지를 디자인하고 싶다면? “인터페이스 디자인에 대해 진지하게 생각하는 사람이라면 누구나 책장에 꽂아 둬야 할 책. 플랫폼에 상관없이 적용할 수 있는 검증된 인터페이스 패턴을 다룬다.” - 댄 새퍼, 《인터랙션 디자인》 저자

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

디즈니+ · AD

디즈니+ · AD

저자/역자

코멘트

목차

출판사 제공 책 소개

이 작품이 담긴 컬렉션