어쩌다 도구 또는 모바일 UX 디자인 > 도서

어쩌다 도구



도서명 : 어쩌다 도구
저자/출판사 : 이재덕, 태인문화사
쪽수 : 280쪽
출판일 : 2019-01-01
ISBN : 9788985817684
정가 : 15000

들어가는 글 - 개천에서 ‘용’ 썼다.

<제1장> ‘흙’의 역사 : ‘흑’역사라는 결과를 ‘흙’의 역사라는 과정으로
-대학교 10학년, 학점 1.4점
-소심쟁이의 호주 퍼스(Perth) 성장 스토리
-누나한테도 덜덜 떨던 초짜 강사, 대학생에게 꿈을 심다
-‘6년 동안 1반’ 촌놈의 서울 상경기
-32년 동안 세 권 읽은 사람이 독서법 강사를?

<제2장> 본깨적 독서 : '생각' 될 수밖에 없는 도구
-국방일보에 당선되다
-성장의 힘 ‘그릿’을 기른 시간
-100번 이상 읽은 한 권의 책
-호문쿨루스와 학습피라미드
- <본깨적> 독서
- <본깨적> 독서 팁

<제3장> 정리력 : '집중' 될 수밖에 없는 도구
-프로세스는 개선될 수 밖에 없다
-10번의 퇴짜, 1번의 진짜
-3명의 저자에게서 찾은 서류 정리력 3단계
- <정리력> 철학의 스승, 짐 론 & 이나모리 가즈오
- <정리력> 사례
- <정리력> 팁

<제4장> 3P바인더 : '적용' 될 수밖에 없는 도구
-바인더의 아버지 강규형 대표의 4가지 지침
-바인더를 통해 만난 제2의 식구들
-바인더를 통해 배운 연결력, 교집합
-세계 최고의 인재들은 화이트보드에 집중한다
-Not 성공자 But 성장자(함께 성장한 저자들)
-<3P바인더> 사례
-<3P바인더> 팁

<제5장> 독서포럼 나비 : ‘성장' 될 수밖에 없는 도구
-전국 독서포럼 나비의 발상지, 송파 문정동 '양재나비'
-5월 5일은 어른이날, 단무지 독서캠프
- <나비 독서모임> 사례

<부록> 호모 툴러스(Homo toolers) : 우리는 ‘어쩌다 도구’로 살아간다.

마치는 글
참고문헌 부록> 나비> 제5장> 제4장> 정리력> 정리력> 정리력> 제3장> 본깨적> 본깨적> 제2장> 제1장>




모바일 UX 디자인



도서명 : 모바일 UX 디자인
저자/출판사 : 파블로 페레아 , 파우 히네르, 에이콘출판
쪽수 : 400쪽
출판일 : 2019-01-02
ISBN : 9791161752358
정가 : 35000

1장. 디자인 원칙과 기본 디자인 계획
__사용자에게 집중하기 위해 관점 전환하기
____사용자 중심의 관점을 조직에 주입하기
__디자인 원칙
____인간의 조건에 따른 니즈
____일반적인 기대에서의 니즈
____특정 사용 컨텍스트에서의 니즈
__기본적인 디자인 계획
__실용적으로 진행하기
____디자인은 보기 좋게 만드는 것이 아니다
____사용자는 그들이 무엇을 원하는지 말해줄 수 없다
____당신(혹은 당신의 팀)은 사용자가 아니다
____사용자 경험은 기능 목록이 아니다
____당신의 목표는 클라이언트나 직장 상사를 행복하게 하는 게 아니다
__요약

2장. 리서치 - 사용자로부터 배우기
__어떻게 해야 하나요?
____사용자 알아가기
____멘탈 모델 - 사용자가 어떻게 생각하는지 이해하기
____개념 모델이란 무엇인가?
__리서치 기법
____관찰과 인터뷰
____친밀도 다이어그램
____카드 소팅
____트리 테스트
____설문조사
__리서치 문서
____퍼소나 문서
____시나리오
____사용자 여정
____경쟁자 분석
____목표 사용자, 지원 사용자, 그리고 미지원 사용자
__실용적으로 진행하기
__요약

3장. 아이디어 탐구하기 - 스케치하기
__스케치 마인드셋 받아들이기
____스케치 기초
____스케치 도구
__신속하게 결과물 만들기
____초점 맞추기
____크레이지 에이트 기법을 사용해 시간관리하기
__탐구 체계화하기
____문제 분해하기
____충돌 요소 파악하기
__아이디어 커뮤니케이션하기
____스토리보드 만들기
____비평 세션 준비하기
__실용적으로 진행하기
____완벽은 선(善)의 적이다
____이것은 영감에 대한 것이 아니다
____대화를 디자인 목표와 연결하기
____트레이드오프를 가시화하라 - 모든 것을 강조할 수는 없다
__요약

4장 모바일 패턴 - 웹 앱, 안드로이드, iOS 우수 사례
__웹 앱 접근법 - 반응형, 적응형, 가변형
____반응형 동작
____유동형
____적응형
____하이브리드
____프론트엔드 프레임워크
____세로열 디자인
__모바일 애플리케이션 디자인 패턴
____모바일 사용자 인터페이스 디자인 패턴
____모바일 디자인 행동 패턴
__안드로이드와 iOS 차이점
____물리적 버튼
____스크린 밀도와 기능
____UI 구성요소
__실용적으로 진행하기
____다양한 솔루션 탐구하기
__요약

5장. 솔루션 구체화하기 - 와이어프레임과 목업
__와이어프레임 이해하기
__기능 스펙 문서로써의 와이어프레임
____레이아웃
____제스처
____전환
__목업
____실제 컨텐트로 디자인 테스트하기
____다양한 스크린을 위한 스펙과 에셋
__실용적으로 진행하기
____코드 짜는 법을 배워라
____실제 환경에서 테스트하라
____최신 트렌드를 잘 알고 있어라
__요약

6장. 프로토타이핑 - 아이디어에 생명 불어넣기
__프로토타이핑 사고방식 채택하기
__니즈에 맞는 최적의 프로토타이핑 접근법 결정하기
____프로토타입 유형 결정하기
____적절한 툴 선택하기
__프로토타입 계획 세우기
____무엇을 프로토타입으로 만들지 결정하기
____프로토타입 방법 결정하기
__실용적으로 진행하기
____프로토타입은 제품의 초기 버전이 아니다
____프로토타입은 천 번의 미팅 같은 가치가 있다
__요약

7장. 모션으로 프로토타이핑하기 - Tumult Hype 사용하기
__프로토타이핑에서 모션의 역할
__Hype의 기본 컨셉
____장면 목록
____장면 에디터
____속성 관리자
____타임라인과 레이어
____코드 에디터
____불러오기와 내보내기
____내비게이션 프로토타이핑
__인터랙션으로 레이어 조작하기
____레이어 조작하기
____스크롤과 내비게이션 지원하기
____제스처 지원하기
__복잡한 행동 프로토타이핑하기
____애니메이션 구성하기
____사용자 입력 지원하기
__실용적으로 진행하기
____레이어 체계화하기
____자주 미리 보기하라
__요약

8장. 코드로 프로토타이핑하기 - Framer Studio 사용하기
__Framer.js
__Framer Studio
__커피스크립트 이해하기
__커피스크립트로 코딩 시작하기
____변수와 연산자
____유형
____함수
____루프와 조건부 구조
____오브젝트와 메소드
__Framer.js 이해하기
____레이어
____애니메이션
____이벤트
____상태
____컴포넌트
__Sketch와 Framer Studio로 프로토타입 제작하기
____웰컴 투어 프로토타입
____드로어 내비게이션 프로토타입
____하단 내비게이션 프로토타입
__실용적으로 진행하기
____커뮤니티에 참여하세요
____자료 학습하기
____모바일 폰으로 테스트하기
____최신 Framer 뉴스 듣기
__요약

9장. 사용자 테스트
__사용성 테스트의 역할 이해하기
____테스트 대상 결정하기
____적절한 방법 사용하기
__테스트 계획하기
____목표 정의하기
____시나리오와 태스크
____스크립트 정의하기
____환경 설정하기
__사용성 테스트 실행하기
____참가자 모집하기
____프로세스 소개하기
____사용자 행동 관찰하기
____주요 요소 확인하고 결과 요약하기
__실용적으로 진행하기
____팀원들을 리서치 세션에 참관시키기
____학습이 검증보다 훨씬 중요하다
____리서치 질문에 대답을 하는지를 확인하라
____리서치를 수치와 결합시키기
__요약

10장. 참고문헌 및 인용 출처
__공통
__카노 모델
__게슈탈트 원칙
__멘탈 모델
__컨셉 모델
__퍼소나 문서
__카드 소팅
__트리 테스트(리버스 카드 소팅)
__친화도 다이어그램(Affinity diagram)
__크레이지 에이트
__설문조사(Survey)
__사용자 여정(User journey)
__시나리오
__점진적 노출(Progressive disclosure)
__상호성 효과(Reciprocity effect)
__레이지 로그인(Lazy login)
__사용자 테스트(User testing)
__모바일 패턴
__정보 구조(Information architecture)
__시각 디자인(Visual design)
__프로토타이핑
__Tumult Hype
__커피스크립트
__Framer
__자바스크립트
__제이쿼리