• 컴퓨터/IT > 홈페이지/웹디자인 > UI/UX

2024/11 컴퓨터/IT 60위 | 현재 컴퓨터/IT 68위 |

반디앤루니스 리뷰

"사람의 시선은 왜 왼쪽부터 시작할까?"
"로그인 버튼은 왜 저기에 있고 위치에 따라 어떤 차이가 있는 걸까?"
"맥도날드 키오스크는 왜 불편할까?"

기본이 되는 이론부터 실제 서비스를 예제로 한 실무 적용 사례까지,
브런치 인기 작가이자 13년 경력의 서점직원이 알려주는 한국적 실전 UI/UX 방법론

이 책에서는

처음부터 끝까지 UI/UX만 알려 드립니다.
저 서비스는 왜 저렇게 만든 걸까? 이해할 수 있는 안목을 길러 드립니다.
어떤 이유와 의도로 만들었는지 상대를 설득할 수 있는 논리력을 길러 드립니다.

출판사 리뷰

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년 판 서점직원 표 모바일 디바이스 파지 방법론