홈앤서비스 SK BROADBAND

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
__자바스크립트
__제이쿼리

저자 : 파블로 페레아
다년간 디자이너로 일해왔으며, 엠바카데로(Embarcadero) 테크놀로지와 같은 기업체를 위한 사용자 경험, 사용자 인터페이스, 모바일 및 웹 디자인에 주로 초점을 맞춰왔다. 리서치, 프로토타이핑, 디자인, 그리고 신규 아이디어 및 솔루션 테스트가 주요 업무다.컴퓨터 공학을 전공했으며 다양한 프로그래밍 언어에 깊이 있는 지식과 이해를 갖추고 있다. 기술 추종자로, 새로운 개발 분야와 방법을 항상 학습하고 연구한다. 적응력이 뛰어나고 유연하며, 변화를 즐기고 새로운 문화와 사람들을 만나는 것을 좋아한다.
저자 : 파우 히네르
새로운 아이디어를 탐구하고 프로토타이핑하는 것을 즐기는 디자이너이며, 항상 펜을 갖고 다닌다. 위키미디어(Wikimedia) 재단의 디자인팀에 소속돼 위키미디어와 다른 오픈 프로젝트를 위해 디자인해왔으며, 이를 통해 인간이 가진 모든 지식의 총체에 수만 명의 사용자가 손쉽게 접근할 수 있도록 만들었다. 디자인 작업을 통해, 위키피디아(Wikipedia) 문서 번역부터 인공 지능의 도움을 받아 콘텐츠 리뷰까지 다양하고 새로운 방식을 탐구해왔다. 여러 차례의 디자인 워크샵을 준비했으며, 모바일 워크플로우에 대한 리서치로 발렌시아 폴리테크 대학에서 박사 학위를 받았다. 또한 몇 개의 단편도 출간했다.
역자 : 심규대
탁월한 사용자 경험이 시장 경쟁력의 핵심이라고 믿는 UX & Digitalization Strategist다.KAIST 산업디자인학과를 졸업하고 동대학원에서 인터랙션 디자인 전공으로 공학석사 학위를 받았다. LG전자 단말연구소에서 UX 연구원으로 일하면서 모바일 UX 설계는 물론 사용자 리서치부터 사용성 테스트에 이르는 폭넓은 영역에서 실무 경험을 쌓았다. 이후 SK텔레콤에서 다양한 서비스의 모바일 및 웹 UX 설계 업무를 담당하는 매니저로 활동했다. 앞서 모바일 분야에서 쌓은 다년간의 경험을 바탕으로 현대자동차 연구소에서 책임연구원으로 재직하며 새로운 자동차 UX 설계를 연구했다. 이어서 삼성화재에서는 전사 디지털 전환을 제안하고, 온라인 채널(삼성화재 다이렉트)에서의 UX 혁신(전환율 최적화)을 주도했다. 현재는 신한금융그룹의 CoE 조직인 신한디지털혁신연구소(SDII)에서 새로운 금융 서비스의 디지털 경험 설계를 리딩하고 있다.에이콘출판사에서 출간한 『누구나 쉽게 쓰는 앱 디자인의 비결』(2013), 『Designing the iPhone User Experience 한국어판』(2011), 『심리를 꿰뚫는 UX 디자인』(2010)을 번역했다.