이미지 검색을 사용해 보세요
검색창 이전화면 이전화면
최근 검색어
인기 검색어

소득공제 청년패스
UI 디자인 교과서
멀티 디바이스 시대의 인터페이스 디자인
베스트
IT 모바일 top100 3주
가격
35,000
10 31,500
YES포인트?
1,750원 (5%)
5만원 이상 구매 시 2천원 추가 적립
결제혜택
카드/간편결제 혜택을 확인하세요

이미 소장하고 있다면 판매해 보세요.

  •  국내배송만 가능
  •  문화비소득공제 가능

이 상품의 태그

상세 이미지

책소개

목차

들어가며

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 요점 정리

저자 소개 2

하라다 히데시

관심작가 알림신청
 
도쿄대학교 공학부를 졸업한 후 IT 서비스 회사에서 프로그래머·시스템 엔지니어로 근무했다. 이후 웹 개발 회사에서 디렉터로 일하다가 2008년부터 프리랜서로 독립하여 UX/UI 디자이너로 활약하고 있다. 현재는 PC·스마트폰·태블릿·TV·스마트홈 기기 등의 UI를 디자인하고 있다. 일본그래픽디자이너협회(JAGDA) 소속이다.
서울대학교 전기공학부를 졸업한 후 도쿄대학교 문부성 초청 장학생으로 전기공학 석사 학위를 취득했다. 스웨덴과 핀란드로 건너가 약 5년간 거주하며 디자인 공부를 하기도 했다. 현재는 엔터스코리아에서 일본어 전문 번역가로 활동하고 있다. 번역한 책에는 『지적 생활자를 위한 교과서 시리즈: 비행기』, 『로봇의 세계』, 『비행기 역학 교과서』, 『비행기 하마터면 그냥 탈 뻔 했어』, 『비행기 구조 교과서』, 『우리가족 재난 생존법』, 『양자야 이것도 네가 한 일이니』, 『선박구조 교과서』, 인공지능의 세계』 등이 있다.

전종훈의 다른 상품

품목정보

발행일
2022년 05월 13일
쪽수, 무게, 크기
270쪽 | 170*240*20mm
ISBN13
9791192143088

책 속으로

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

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

일관성을 생각할 때 중요한 점은 예외를 절대로 허용하지 않는 것이 아니라, 예외가 생기기 어려운 규칙을 만드는 것이다. 따라서 규칙을 만들 때는 겉으로 보이는 것 이상의 위기에도 임기응변할 수 있는 정합성이 필요하다.
--- p.106

구조와 조작에서 일관성 있는 인터페이스 디자인이란 ‘모름’을 해결하는 것이다. 사용자가 현재 위치를 파악하려면 ‘전체의 어디에 있는지’라는 위치 관계를 이해해야 한다. 이를 위해 사용자가 내비게이션이나 인터랙션의 조작을 예측할 만큼의 일관성 있는 인터페이스가 필요하다.
--- p.154

실제로 인터랙션 대부분은 사용자의 이해를 늘리는 움직임에 해당한다. 사용자가 얼마큼 쉽게 서비스를 사용하는지는 대부분 인터랙션 디자인의 완성도에 달려 있다. 사용하기 쉽다는 것은 인지적 부하를 얼마나 줄일 수 있는지와 큰 관련이 있다. 인터랙션은 그것을 위한 효과적인 수단이다.
--- p.171

화면 가로 폭이 제한적인 스마트폰에서는 대부분의 서비스가 1칼럼 레이아웃이다. 태블릿이나 컴퓨터에서도 대다수가 1칼럼 레이아웃을 사용한다. 컴퓨터를 1칼럼으로 구성하면 반응형 디자인으로 쉽게 대응할 수 있다. 스마트폰이나 태블릿에서 구조적인 실패를 초래하지 않고 멀티 디바이스에서 전개하기 쉽다는 점도 큰 장점이다.

--- p.192

출판사 리뷰

출간 즉시 일본 UI 디자인 분야 베스트셀러가 된 화제의 책!
탄탄한 기초 지식으로 UI에 관한 지평을 넓혀주는 책!

UX 입문자부터 디자이너, 기획자, 개발자 모두를 위한
영감을 불어넣고 방향을 바로잡는 효율적인 UI 디자인 가이드


지금은 멀티 디바이스 시대다. 디바이스가 다양해질수록 최적의 인터페이스를 향한 실무자의 고민은 깊어진다. 컴퓨터·스마트폰·태블릿·TV 등 각 디바이스와 OS의 특성을 이해하고, 인지적·신체적 부하를 줄이며 일관성을 갖춘 인터페이스를 구축하고, 그에 따라 내비게이션과 인터랙션을 설치하는 것. 이 복잡한 일련의 과정에는 인간의 심리에 따른 영향을 염두에 두고 사용자 관점에서 파악해야 한다는 기본이 자리하고 있다. 이 책은 웹과 앱에서의 UI 최적화는 물론, 인터페이스의 계층과 구조를 구성하는 다양한 요소를 풀어낸다. 작가는 요즘처럼 다루는 대상이 넓어질수록 인터페이스에 관한 고찰은 더욱 근원을 향한다고 진단한다. 즉 올바른 해결책을 얻으려면 기본으로 돌아가 자신이 가진 정보를 꼼꼼히 되짚고 보완해야 한다. 이 책은 텍스트·이미지·동영상의 개별 특성, 색·모양·움직임에 관한 인간의 인지 특성, 프로토타입·모크업 활용법 등 익숙한 기본 개념을 새롭게 정립한다. 개괄적이고 단계적인 구성은 더욱 이해를 돕는다. 입문자에게는 UI의 세계를 한눈에 파악하는 조감도가 될 것이며, 실무자에게는 난제의 물꼬를 터줄 설계도가 되어줄 것이다. 하드웨어, 소프트웨어, 인간의 심리까지 순조롭게 익히고 나면 구체적인 인터페이스 디자인 전략과 디자인 완성에 필요한 각종 기법을 소개한다. 이를 통해 사용자와 개발자 모두 만족할 만한 UI 디자인 가이드라인을 제시한다. 숙련도에 따라 필요한 부분만 읽어도 무관하다.

UI·UX 정의부터 디바이스 특성, 심리적 영향, 디자인 형상화까지
사용자와 콘텐츠의 시너지를 끌어내는 UI 디자인 방법의 모든 것


“어떻게 보이는가가 디자인이라 여기는 사람도 있지만, 깊이 들어가면 어떻게 기능하는가가 디자인이다.”라는 스티브 잡스의 말처럼 UI 디자인에도 기능이 중심이 되어야 한다. 그러나 미니멀리즘 디자인으로 대표되는 심플한 UI 디자인에서 개발자들은 종종 사용자의 괜한 수고를 불러일으킨다. 이해와 목적이 명쾌한 상태가 심플하다는 것임을 인지하지 못하고 요소를 최대한 줄인 탓이다. 서비스의 의도와 목적을 충분히 이해하고 디자인을 최소한으로 개선해 가는 기량이 필요하다. 공통 개념 등 다양한 요소를 활용하여 사용성을 높인 사례를 이 책에서 확인해볼 수 있다.

사용자가 쉽게 조작 가능한 UI 시스템을 구축하려면 요소별 개념과 활용법을 익혀 두어야 한다. 이 책에서는 UI의 원칙과 기초 지식, 그리고 실제 사례를 차곡차곡 쌓아 올린다. 한 예로 아이폰의 설정 화면에서는 하층으로 이동할 때마다 새로운 화면이 슬라이드되면서 원래 화면은 어두워지고 새 화면의 아래로 숨겨진다. 또 원래 화면이 새 화면의 뒤로 가기 이름이 된다. 이러한 인터랙션은 ‘이해를 위한 인터랙션’과 ‘연출을 위한 인터랙션’ 중 전자에 해당한다. 이 책을 꼼꼼히 살펴보았다면, 호버·탭·포커스 등 각각의 인터랙션을 충분히 이해하고 사용자 관점에서 적합한 인터랙션을 골라 쓸 수 있다. 또한, 헤더·푸터 등에서의 내비게이션 적용 사례를 통해 사용자의 수고를 줄이면서도 편리성과 일람성을 모색할 수도 있다. 이 책의 장점은 어떤 OS의 디바이스를 다루든, 또 얼마큼 숙련된 사람이든 웬만하면 누구나 유용하게 읽을 수 있다는 점이다. 배경지식이 부족한 사람이라도 충분히 습득하여 생각의 지평을 넓히고 서비스에 맞는 디자인 패턴을 만들어갈 수 있다. 현업에 있는 사람이라면 아마존·유튜브·넷플릭스·인스타그램 등 유수의 인터페이스를 두루 살펴보면서 인정받는 UI 디자인의 속사정을 알아갈 수도 있다. 이 책이 콘텐츠의 가치와 사용자 만족을 모두 높이는 직관적이고 유연한 UI를 디자인하기 위한 길잡이가 될 것이다.

먼저 읽은 독자들의 찬사

“지금까지 읽은 UI 디자인 책 중 가장 잘 정리되어 있다.”
“이 책을 읽으면 주변에 UI 디자인이 넘쳐 난다는 것을 깨닫게 된다.”
“UI 디자인의 체계가 균형 있게 정리되어 머릿속에 완벽히 그려진다.”
“UI 디자인이 무엇인지, 어떻게 구현해야 좋을지가 보인다.”

리뷰/한줄평5

리뷰

9.4 리뷰 총점

한줄평

10.0 한줄평 총점

클린봇이 부적절한 글을 감지 중입니다.

설정
31,500
1 31,500