book study 10주차 5조

19
Book study_ 10 주주 5 주 박박박 / 박박박 / 박박박

Upload: -

Post on 29-Jul-2015

561 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Book study 10주차 5조

Book study_ 10 주차 5 조박종호 / 배은지 / 임소연

Page 2: Book study 10주차 5조

Book study_10 주차 5 조

CONTENTS

1. 종이와의 인터랙션

2. 지금 저한테 말씀하시는 겁니까 ?

3. 요점 정리

4. 아직 남은 이야기

Page 3: Book study 10주차 5조

Book study_10 주차 5 조

종이와의 인터랙션 _ 디자인 & 프로토타이핑

디자인은 여러 갈래로 뻗친 가지를 탐구하고 비교하는 과정

프로토 타이핑은 디자인을 다듬고 정교하게 하는 반복적인 과정

Page 4: Book study 10주차 5조

Book study_10 주차 5 조

A최고점수를 받은 디자인

BC

최하점수를 받은 디자인

C중간점수를

받음

종이와의 인터랙션 _ 여러 대안을 제시하는 종이 인터페이스

3 가지 대안

1 가지 대안

Page 5: Book study 10주차 5조

Book study_10 주차 5 조

종이와의 인터랙션 _ 여러 대안을 제시하는 프로토타이핑

A최고점 B

C최하점

디자인의 역할은 옳은 디자인을 찾는

것이다 .

사용성 엔지니어링의 역할은

그 디자인을 옳게 구현 하는 것이다 .

Page 6: Book study 10주차 5조

Book study_10 주차 5 조

종이와의 인터랙션 _ 여러 대안을 제시하는 종이 인터페이스

두 가지 버전의 실내 온도 조절기 인터페이스

Page 7: Book study 10주차 5조

Book study_10 주차 5 조

종이와의 인터랙션 _ 사례

< 인터페이스 지우고 새로 쓰기 >

증이 위에 플라스틱을 덧씌우고 마커로 글씨를 쓴다 .

플라스틱 위에 적은 것은 천 조각으로 쉽게 닦아낼 수 있다 .

Page 8: Book study 10주차 5조

Book study_10 주차 5 조

종이와의 인터랙션 _ 사례

기능 나열메뉴 나열 인터랙션 나열 . . . .

Þ 묶어서 화면구현

종이에 화면 나열 사용자 스토리 구성 인터랙션 예상

Þ 종이이기때문에순서바꾸기쉬움

실제 사용자인터랙션테스트 종이들을 주고 순서대로 나열하도록 유도함

결과를 검토하여 스토리 보완 구조도 변경 및 순서변경 등

초기 구상 화면 구현 사용자테스트 결과반영

Page 9: Book study 10주차 5조

Book study_10 주차 5 조

종이와의 인터랙션 _ 사례

< 종이와 서비스 사용자의 스토리 만들기 >

구현을 원하는 부분을 정리하여 비슷한 기능끼리 묶은 뒤 스토리를 구성하여

내용을 바탕으로 종이 위에 원하는 인터랙션 , UI 등을 그림으로 표현할 수 있다 .

책 예약하기

사용자는 자신이 원하는 책을 예약하여

알림설정을 할 수 있다 .

책 검색하기

사용자는 자신이 원하는 책을 작가별 /

출판사별 /카테고리별로 검색 할

수있다

찜 하기

흥미있는 책 , 검색된 정보 , 예약한 책 등의

정보를 Keep 하여 한번에 볼 수 있다 .

연관정보 보기

해당 도서와 연관된 도서정보 , 인터넷

기사정보 등의 연관정보를 확인할 수

있다 .

보내기

해당 도서에 관한 내용이나 정보를

공유하기 기능을 통해 지인에게 권유할 수

있다 .

읽은 책 정보보기

이미 대여하여 읽은 책에 관한 정보를 확인할 수 있다 .

Page 10: Book study 10주차 5조

Book study_10 주차 5 조

종이와의 인터랙션 _ 사례

< 서비스 흐름 측정하기 >

반대로 구현된 인터랙션 및 UI 를 포스트잇에 그린 뒤 사용자에게 OOO

서비스를 찾아보라 하여 짚어간 흐름을 확인하여 설계한 스토리와 동일하게 흘러가는지 점검하는 방법도 있다 . 서비스 설계도중 혹은 이미

서비스가 있는 경우 문제점 도출을 위하여 사용 할 수 있다 .

사용자인터랙션 스토리 및 페이지 디자인 -> 사용자테스트 검증 (

포스트잇 )

사용자

테스트 녹화 ,시선이동 등 확인

관찰자

Page 11: Book study 10주차 5조

Paper Prototype기록으로 유용

Book study_10 주차 5 조

종이와의 인터랙션 _ BALSAMIQ

Page 12: Book study 10주차 5조

< 목업툴 >실제 종이에 그리는 것과 같은 느낌으로 작업하고 순서를 자유롭게 조정할 수

있는 툴들 , 기록 / 공유가 용이하고 html 로 내보내 실제 웹처럼 구현이 가능한 것이 장점 .

Book study_10 주차 5 조

종이와의 인터랙션 _ Mockflow/Axure

<Mockflow> <Axure>

Page 13: Book study 10주차 5조

Prototype 준비물

Book study_10 주차 5 조

종이와의 인터랙션 _ POP App

Page 14: Book study 10주차 5조

Book study_10 주차 5 조

종이와의 인터랙션 _ POP App

Page 15: Book study 10주차 5조

Book study_10 주차 5 조

종이와의 인터랙션 _ POP App

Page 16: Book study 10주차 5조

Book study_10 주차 5 조

지금 저한테 말씀하시는 겁니까 ?

< 진행자의 기대 >

창의적이고 건설적인 답변을 얻지 못함

Page 17: Book study 10주차 5조

Book study_10 주차 5 조

지금 저한테 말씀하시는 겁니까 ?

< 예상 외의 성과 - 스케치는 대화의 중요한 매개체 >

창조적인 아이디어를 얻음 !

Page 18: Book study 10주차 5조

Book study_10 주차 5 조

아직 남은 이야기

스케치 / 프로토타입 / 모델 시뮬레이선 / 모의실험

= 디자인 프로세스 / 제품개발의 혁신에서 중요한

역할

저자가 마지막으로 말하고 싶은 말 01

Page 19: Book study 10주차 5조

Book study_10 주차 5 조

아직 남은 이야기

스케치 / 프로토타입 / 모델 시뮬레이선 / 모의실험의

실험은

숨은 동기 , 근거 , 원칙 , 학문을 이해하려는

노력과 균형을 맞춰야 함

장점 단점

- 유희

- 즐기는 사이 새로운 통찰력 얻음

- 컨셉에 대한 직관적이고 이성적인 이해 얻음

- 서로의 생각 비교 / 대조

- 유혹적이라 단순한 모의실험을 디자인 / 연구와

혼동

- 지나치면 ,

실험 자체에 지나치게 초점을 맞춰 성과에만

매달림

/ 중요한 컨셉과 통찰력을 잃음

저자가 마지막으로 말하고 싶은 말 01