출판사 서평
이 책은 앱 개발이나 디자인 도구 사용법을 다룬 도서가 아니다. 그렇다고 디자인 원칙을 이론으로만 설명하는 도서도 아니다. 이 책은 먼저 모바일 앱 디자인의 전체적인 흐름을 실무에 활용할 수 있는? 내용으로 설명한다. 그리고 실제 모바일 UI 디자인의 기본이 되는 가이드라인과 그 활용 사례를 살핌으로써 모바일 UX/UI 디자인 전반에 걸친 기본을 빠르게 익힐 수 있도록 구성하였다. 더불어, 현재 트렌드와 모바일 특화 요소인 상호작용과 제스처 영역을 분석하여 설명함으로써 성공하는 모바일 앱을 만드는 아이디어를 제공한다.
- 출판사...
이 책은 앱 개발이나 디자인 도구 사용법을 다룬 도서가 아니다. 그렇다고 디자인 원칙을 이론으로만 설명하는 도서도 아니다. 이 책은 먼저 모바일 앱 디자인의 전체적인 흐름을 실무에 활용할 수 있는 내용으로 설명한다. 그리고 실제 모바일 UI 디자인의 기본이 되는 가이드라인과 그 활용 사례를 살핌으로써 모바일 UX/UI 디자인 전반에 걸친 기본을 빠르게 익힐 수 있도록 구성하였다. 더불어, 현재 트렌드와 모바일 특화 요소인 상호작용과 제스처 영역을 분석하여 설명함으로써 성공하는 모바일 앱을 만드는 아이디어를 제공한다.
- 출판사 리뷰 -
모바일 앱 디자인, 어디서부터 시작해야 할까?
현재 핵심 플랫폼으로 자리 잡은 모바일 환경에서는 누구나 직접 모바일 애플리케이션을 제작하여 자유롭게 개방형 마켓에 올리고 팔 수 있는 시대가 되었다. 이에 성공하는 모바일 앱을 만들기 위해 사용자 경험과 사용자 인터페이스가 중요한 요소로 떠올랐다. 따라서, 모바일 사업에 도전하는 사람이나 모바일 앱 개발을 고민하는 누구나 모바일 UX와 UI에 대한 이해가 중요하다.
모바일 앱에서 사용자는 무엇을 경험하는가?
하루에도 수많은 앱이 쏟아지는 지금, 모바일 앱을 어떻게 디자인해야 사용자에게 사랑받고 성공할 수 있을까? 우리가 아는 성공한 모바일 서비스에는 사용자 경험이 철저히 반영되어 있고, 그 바탕에는 기본적인 원칙이 숨어 있다. 이 책을 통해 UI 가이드라인과 실제 모바일 앱에 사용된 패턴을 살펴 성공하는 모바일 앱을 만들어보자.
이 책에서 다루는 내용
이 책은 모바일 환경에서 UX와 UI를 구현하는 프로세스를 사용자 분석부터 UI 디자인 전 과정에 걸쳐 실무에 활용할 수 있는 내용으로 설명한다. 또한, 운영체제별 UI 가이드라인을 익혀 기본을 다지고, UI 패턴과 활용 사례를 살펴 빠르게 실제 업무에 적용할 수 있도록 하였다. 더불어, 모바일 특화 요소인 상호작용과 제스처 영역에 대한 분석과 함께 현재 트렌드에 대한 연구도 다루고 있다.
- 모바일 디자인 트렌드 분석
- 모바일 서비스 스토리보드 작성법
- 모바일 UI 패턴 분석 및 설계
- 제스처와 소리, 센서를 이용한 상호작용 UI 설계
- 모바일 GUI 가이드라인 작성법
- 운영체제별 UI 가이드라인과 설계

목차
Part 1 모바일 UX 디자인의 기초 배우기
Chapter 01 모바일 UX/UI의 개념과 프로세스
01 모바일 UX/UI의 개념
1.1 인간과 기술, 비즈니스가 결합한 종합 디자인
1.2 웹과는 다른 모바일 UX/UI의 개념
02 모바일 UX 프로세스
2.1 사업 기획 아이디어 발상
2.2 시장과 사용자 분석
2.3 정보구조 설계
2.4 모바일 UI 디자인 : 스토리보드 작성과 UI 설계
2.5 비주얼 디자인
2.6 사용성 테스트
Chapter 02 시장과 사용자 분석
01 모바일 환경에서 분석의 목적
02 일반적인 분석 프로세스
03 사용자 분석 방법
3.1 인터뷰
3.2 다이어리 분석
3.3 페르소나
3.4 멘탈 모델
04 시장 분석 방법
4.1 조사 대상 선정
4.2 통계 자료 활용
4.3 분석 템플릿 작성
[연구] 모바일 앱 트렌드
Part 2 모바일 UI 제작하기
Chapter 03 정보구조 설계
01 정보구조 설계 방법
1.1 정보구조의 정의와 구성 요소
1.2 모바일 정보구조 설계법
1.3 정보구조 전환 : PC 웹을 모바일로
02 서비스 흐름도 구성
Chapter 04 모바일 UI 디자인
01 UX를 기반으로 하는 모바일 UI 디자인의 핵심 요소
1.1 일관성 있는 UI
1.2 효과적이며 개인화된 UI
1.3 입력이 쉬운 UI
1.4 대중적인 미학을 지닌 UI
1.5 오류에 대응하는 UI
1.6 인체 공학적 UI
1.7 아날로그적인 UI
1.8 상태를 표시하는 UI
02 스토리보드 작성법
2.1 스토리보드 구성 요소
2.2 효과적인 기획서 템플릿 작성법
2.3 기능 정의
2.4 화면 설계
03 와이어프레임 도식법
3.1 스케치 패드 드로잉
3.2 와이어프레임 키트
04 모바일 UI 패턴
4.1 시작 화면
4.2 내비게이션
4.3 폼
4.4 테이블
4.5 검색
4.6 툴
4.7 인비테이션
4.8 피드백
4.9 위젯
05 서비스별 모바일 UI 와이어프레임
5.1 위치기반 서비스
5.2 소셜 네트워크 서비스
5.3 포탈형 서비스
5.4 내장 플레이어
5.5 쇼핑몰
[연구 1] 전자책과 앱진 UI 분석
[연구 2] 큐레이션 앱 UI 분석
Chapter 05 상호작용 UI 디자인
01 터치 제스처 UI
1.1 터치 제스처 UI와 액션
1.2 멀티 터치 제스처 UI
1.3 드로잉 제스처 UI
02 센서 UI
2.1 모바일 기기의 기본 센서
2.2 센서 UI 디자인
03 AUI
3.1 AUI의 개념
3.2 AUI 디자인 프로세스
3.3 AUI 적용
04 커뮤니케이션 UI
4.1 커뮤니케이션 UI 개요
4.2 커뮤니케이션 UI 디자인
05 게임화 기법
[연구] 음악 게임 앱 UI 분석
Chapter 06 비주얼 디자인
01 모바일 비주얼 UI 스타일
1.1 모바일 타이포그래피
1.2 모바일 컬러 스타일
02 모바일 GUI 가이드라인 작성법
03 목업 제작
[연구 1] 빅데이터 분석을 이용한 음악 플레이어
[연구 2] 음악과 모바일에 대한 자유로운 연구 집단, Playground
Chapter 07 사용성 테스트
01 준비 단계
1.1 실제 실험자 선정
1.2 사용성 테스트 방법 설정
02 진행 단계
2.1 테스트 진행 시 유의사항
2.2 모바일 앱 사용성 테스트
2.3 심도 있는 원격 인터뷰
[연구] 리서치 및 사용성 테스트 결과 도출법
Part 3 모바일 운영체제별 UI 설계하기
Chapter 08 아이폰 UI
01 아이폰의 하드웨어 특징
02 아이폰 UI 구성 요소
2.1 아이폰 화면 구성
2.2 아이폰 픽셀 가이드
03 바 설계
3.1 상태 바
3.2 내비게이션 바
3.3 탭 바
3.4 툴바
04 팝업 설계
4.1 경고창
4.2 모달 뷰
4.3 피커
4.4 액션 시트
05 테이블 설계
5.1 일반형 테이블
5.2 인덱스 테이블
5.3 그룹형 테이블
06 기타 컨트롤
6.1 세부 정보 버튼
6.2 리프레시 컨트롤
6.3 둥근 사각형 버튼
6.4 검색창과 범위 바
6.5 슬라이더
6.6 스텝퍼
6.7 스위치
[실습 1] 요리 모바일 앱
[실습 2] 강의 시간표 모바일 앱
[연구] 아이폰 5 전환
Chapter 09 안드로이드 UI
01 안드로이드의 특징
02 안드로이드의 하드웨어 특징
03 안드로이드 UI 구성 요소
3.1 안드로이드 화면 구성과 하드웨어 키
3.2 안드로이드 표준 UI
04 바 설계
4.1 상태 바
4.2 내비게이션 바
4.3 액션 바
4.4 콤바인드 바
4.5 탭 UI
05 메뉴 설계
5.1 옵션 메뉴
5.2 상황별 메뉴
5.3 메뉴 설계 가이드
06 위젯 설계
6.1 위젯의 정의와 종류
6.2 위젯 설계 가이드
07 기타 컨트롤
7.1 입력 폼
7.2 알림
7.3 대화 상자
[실습 1] SNS 모바일 게시판 앱
[실습 2] 카카오 게임 센터용 앱 기획 ‘미션 드라이버’
Chapter 10 아이패드 UI
01 아이패드의 특징
02 아이패드 UI 설계
2.1 가로, 세로 방향을 모두 지원하는 UI
2.2 정보구조 계층을 줄이는 UI
2.3 전체화면 전환을 줄이는 UI
2.4 현실성을 반영한 UI
2.5 콘텐츠 내용을 강조하는 UI
2.6 멀티 터치 제스처 활용
03 큰 화면 제어 방법
3.1 태블릿 PC의 화면 구성
3.2 스플릿 뷰
3.3 팝오버
04 UI 컨버팅
4.1 범용 앱
4.2 3.5인치를 10인치로
[실습 1] 아이패드용 음악 성향 플레이어 앱
[실습 2] 스마트폰용 NPR 앱을 아이패드용으로 전환하기
찾아보기