실전 예제로 알아보는 서점직원의 실전 UI/UX
토스의 계좌 개설은 왜 쉽고 간편할까?
$33.81
SKU
9791158395537
[Free shipping over $100]
Standard Shipping estimated by Thu 12/5 - Wed 12/11 (주문일로부 10-14 영업일)
Express Shipping estimated by Mon 12/2 - Wed 12/4 (주문일로부 7-9 영업일)
* 안내되는 배송 완료 예상일은 유통사/배송사의 상황에 따라 예고 없이 변동될 수 있습니다.
| Publication Date | 2024/10/17 |
| Pages/Weight/Size | 175*235*14mm |
| ISBN | 9791158395537 |
| Categories | IT 모바일 > 웹사이트 |
Description
"사람의 시선은 왜 왼쪽부터 시작할까?"
"로그인 버튼은 왜 저기에 있고 위치에 따라 어떤 차이가 있는 걸까?"
"맥도날드 키오스크는 왜 불편할까?"
기본이 되는 이론부터 실제 서비스를 예제로 한 실무 적용 사례까지, 브런치 인기 작가이자 13년 경력의 서점직원이 알려주는 한국적 실전 UI/UX 방법론.
"로그인 버튼은 왜 저기에 있고 위치에 따라 어떤 차이가 있는 걸까?"
"맥도날드 키오스크는 왜 불편할까?"
기본이 되는 이론부터 실제 서비스를 예제로 한 실무 적용 사례까지, 브런치 인기 작가이자 13년 경력의 서점직원이 알려주는 한국적 실전 UI/UX 방법론.
Contents
▣ 00장: UI/UX에 대해 이해하기
0.1 _ UI/UX란 무엇인가?
0.2 _ 한국적 UI/UX란 무엇인가?
0.3 _ 왜 UI/UX를 공부해야 할까?
▣ 01장: 10분 만에 정리하는 UI/UX의 역사
1.1 _ 1970년 - 전설의 시작/제록스의 팔로알토 연구소
1.2 _ 1997년 - 리얼 메타포/IBM의 Real Thing
1.3 _ 2007년 - 실감나게/iPhone의 스큐어모피즘
1.4 _ 2011년 - One Source Multi Use/MS의 메트로 UI
1.5 _ 2013년 - 디지털 모더니즘/iOS7의 플랫 디자인
1.6 _ 2014년 - 플랫에 입체감과 원근감 한 스푼/구글의 머터리얼 디자인
▣ 02장: 기획자라면 꼭 알아야할 UI 필수 이론
2.1 _ 사람의 시선은 어디서 시작하나요?
2.2 _ 필수 이론 첫 번째: 구텐베르크 다이어그램
2.3 _ 필수 이론 두 번째: 제이콥 닐슨의 웹 콘텐츠 읽는 방법 - F패턴
2.4 _ 인간은 어떻게 정보를 탐색할까?
2.5 _ 필수 이론 세 번째: 스티븐 후버의 모바일 디바이스 파지 방법론
2.6 _ 주시 영역과 활동 영역
2.7 _ 색과 색채
▣ 03장: 실전 UI/UX - 로그인과 회원가입
3.1 _ 로그인 필수 서비스의 로그인 페이지 설계법
3.2 _ 로그인 선택 서비스의 로그인 페이지 설계법
3.3 _ 회원가입의 3가지 유형
3.4 _ 회원가입 UI - 일반회원 가입 시 고려해야 할 것들
3.5 _ 회원가입 UI - SNS 가입 시 고려해야 할 것들
3.6 _ 약관 동의 페이지를 설계할 때 고려해야 할 것들
3.7 _ 비밀번호 표시 및 처리
▣ 04장: 실전 UI/UX - 이커머스 / 목록과 상세 페이지
4.1 _ 상품 유형에 따른 목록 페이지 구성법
4.2 _ 가격과 할인율 표시법
4.3 _ 페이지네이션과 무한 스크롤
4.4 _ 카테고리 표시와 이동
4.5 _ 상세 페이지 레이아웃 구성법
▣ 05장: 실전 UI/UX - 이커머스 / 장바구니와 구매하기
5.1 _ 장바구니와 구매하기의 역할과 콘셉트
5.2 _ 장바구니 - 상품 정보 표시
5.3 _ 장바구니 - 상품의 수량 변경
5.4 _ 장바구니 - 품절과 오류
5.5 _ 장바구니 - 재고 차감과 쿠폰 적용
5.6 _ 구매하기 - 쉽고 빠른 결제 지원
▣ 06장: 실전 UI/UX - 실사례로 공부하는 실전 UI/UX
6.1 _ 토스의 계좌 개설은 왜 쉽고 간편할까?
6.2 _ 맥도날드 키오스크는 왜 불편할까?
6.3 _ 당근과 중고나라, 번개장터는 무엇이 다를까?
6.4 _ 현물 기부 플랫폼, 따스한 선물상자(가칭) 만들기
▣ 부록A: AI를 활용한 실전 UI/UX 디자인
A.1 _ AI를 이용한 이미지 제작
A.2 _ AI를 이용해 프로토타입 만들기
A.3 _ AI를 이용한 UX Writing
▣ 부록B: 2024년 판 서점직원 표 모바일 디바이스 파지 방법론
0.1 _ UI/UX란 무엇인가?
0.2 _ 한국적 UI/UX란 무엇인가?
0.3 _ 왜 UI/UX를 공부해야 할까?
▣ 01장: 10분 만에 정리하는 UI/UX의 역사
1.1 _ 1970년 - 전설의 시작/제록스의 팔로알토 연구소
1.2 _ 1997년 - 리얼 메타포/IBM의 Real Thing
1.3 _ 2007년 - 실감나게/iPhone의 스큐어모피즘
1.4 _ 2011년 - One Source Multi Use/MS의 메트로 UI
1.5 _ 2013년 - 디지털 모더니즘/iOS7의 플랫 디자인
1.6 _ 2014년 - 플랫에 입체감과 원근감 한 스푼/구글의 머터리얼 디자인
▣ 02장: 기획자라면 꼭 알아야할 UI 필수 이론
2.1 _ 사람의 시선은 어디서 시작하나요?
2.2 _ 필수 이론 첫 번째: 구텐베르크 다이어그램
2.3 _ 필수 이론 두 번째: 제이콥 닐슨의 웹 콘텐츠 읽는 방법 - F패턴
2.4 _ 인간은 어떻게 정보를 탐색할까?
2.5 _ 필수 이론 세 번째: 스티븐 후버의 모바일 디바이스 파지 방법론
2.6 _ 주시 영역과 활동 영역
2.7 _ 색과 색채
▣ 03장: 실전 UI/UX - 로그인과 회원가입
3.1 _ 로그인 필수 서비스의 로그인 페이지 설계법
3.2 _ 로그인 선택 서비스의 로그인 페이지 설계법
3.3 _ 회원가입의 3가지 유형
3.4 _ 회원가입 UI - 일반회원 가입 시 고려해야 할 것들
3.5 _ 회원가입 UI - SNS 가입 시 고려해야 할 것들
3.6 _ 약관 동의 페이지를 설계할 때 고려해야 할 것들
3.7 _ 비밀번호 표시 및 처리
▣ 04장: 실전 UI/UX - 이커머스 / 목록과 상세 페이지
4.1 _ 상품 유형에 따른 목록 페이지 구성법
4.2 _ 가격과 할인율 표시법
4.3 _ 페이지네이션과 무한 스크롤
4.4 _ 카테고리 표시와 이동
4.5 _ 상세 페이지 레이아웃 구성법
▣ 05장: 실전 UI/UX - 이커머스 / 장바구니와 구매하기
5.1 _ 장바구니와 구매하기의 역할과 콘셉트
5.2 _ 장바구니 - 상품 정보 표시
5.3 _ 장바구니 - 상품의 수량 변경
5.4 _ 장바구니 - 품절과 오류
5.5 _ 장바구니 - 재고 차감과 쿠폰 적용
5.6 _ 구매하기 - 쉽고 빠른 결제 지원
▣ 06장: 실전 UI/UX - 실사례로 공부하는 실전 UI/UX
6.1 _ 토스의 계좌 개설은 왜 쉽고 간편할까?
6.2 _ 맥도날드 키오스크는 왜 불편할까?
6.3 _ 당근과 중고나라, 번개장터는 무엇이 다를까?
6.4 _ 현물 기부 플랫폼, 따스한 선물상자(가칭) 만들기
▣ 부록A: AI를 활용한 실전 UI/UX 디자인
A.1 _ AI를 이용한 이미지 제작
A.2 _ AI를 이용해 프로토타입 만들기
A.3 _ AI를 이용한 UX Writing
▣ 부록B: 2024년 판 서점직원 표 모바일 디바이스 파지 방법론