UI 디자인 교과서

들어가며

1장 디자인의 목적과 UI·UX의 정의
1-1 이 책의 범위와 대상
1-2 디자인의 목적
1-3 UI와 UX의 구분
1-4 요점 정리

2장 디바이스의 물리적 특성
2-1 다양한 디바이스별 특징
2-2 입력 수단에 따른 인터페이스 변화
2-3 화면의 여러 가지 특성
2-4 안드로이드폰과 아이폰
2-5 요점 정리

3장 소프트웨어의 영향
3-1 웹과 앱의 정의
3-2 텍스트·이미지·동영상
3-3 퍼포먼스의 특성
3-4 요점 정리

4장 인간의 인지 특성
4-1 색·모양·움직임에 관한 인지 특성
4-2 인터랙션 비용의 구체적 정의
4-3 서비스의 규칙을 만드는 일관성
4-4 사용자의 이해를 높이는 심플함
4-5 인지적 부하를 줄이는 공통 개념
4-6 요점 정리

5장 계층과 구조
5-1 가로·세로·전후의 입체적 구조
5-2 계층의 깊이와 넓이
5-3 탐색 경로와 차별화 표현
5-4 메인 화면·리스트·상세
5-5 관련 정보의 종류와 기능
5-6 모른다는 것의 의미
5-7 요점 정리

6장 내비게이션과 인터랙션
6-1 내비게이션을 좌우하는 요소
6-2 인터랙션의 목적과 활용
6-3 효율적인 헤더 활용법
6-4 푸터의 숨겨진 가치
6-5 탐색 경로의 역할과 기능
6-6 칼럼과 좌우 내비게이션
6-7 오버레이와 인레이
6-8 스크롤과 페이징
6-9 스크롤 방향을 결정하는 것들
6-10 요점 정리

7장 디자인 형상화
7-1 미니멀리즘 디자인
7-2 디자인 가이드라인
7-3 프로토타입을 제대로 활용하는 법
7-4 멀티 디바이스 디자인
7-5 요점 정리

UI가 서비스와 사용자를 연결하는 접촉에 관한 개념이라면, UX는 사용자 내면에 관한 개념이다. 또한 UI는 눈에 보이는 객관적인 것이지만, UX는 사용자의 경험에 따른 주관적인 것으로 눈에 보이지 않는다. 따라서 UX는 설계와 평가가 어렵다. 즉 UI와 UX는 본디 다른 개념이다.

단순히 겉으로 보이는 문제를 제쳐 두더라도, 텍스트로 표시할 수 있는 것은 이미지화하지 않고 텍스트로 두는 편이 유리하다. 문자를 복사·붙여 넣기할 수 있을 뿐만 아니라, 컴퓨터가 인식하기도 쉽다. 따라서 다른 언어를 구사하는 사용자가 방문하더라도 웹 브라우저가 텍스트를 번역해 서비스의 이해를 돕는다. 메뉴와 버튼의 문자를 이미지가 아닌 텍스트로 나타내는 서비스가 많은 이유다. 즉 텍스트는 이용이나 접근이 편리한 데이터 형식이다.