스타트업 모바일 UX/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 앱을 아이패드용으로 전환하기

찾아보기