[인터랙티브미디어 디자인] 중간발표

Interactive Media Design인터랙티브 미디어 디자인 [중간진행 발표]

[인터랙티브 미디어 디자인] 김연신 | 이미진 | 이유림

들어가기일상에서 찾는 사용자 경험

사용자 조사설문조사, 타겟리서치

아이디어 확정퍼소나, 시나리오, 사용자 여정맵

개발 계획와이어프레임디자인 시안

Index

빌리려는 책은 어디에,“분명히 대출가능인데 어디있는거야...”

사서에게 문의를 해도 당장 찾아 줄 수는 없고, 분실신고를 하고 연락처를 남기면

추후에 도서를 찾을 시, 연락을 주는 현재의 시스템에는 문제점이 많다.

Index

[인터랙티브 미디어 디자인]

김연신 | 이미진 | 이유림




개발 계획와이어프레임

디자인 시안

나와 같은 경험을 한 사람들이 있을까?20대 남녀 대학생 122명을 대상으로 도서관 이용에 관련한 설문을 실시

그들의 경험을 바탕으로 필요한 기능을 구체화

Index







디자인 시안

1. 귀하의 성별은 무엇입니까?

2. 귀하의 나이를 적어주세요.

19살~27살까지 분포

90.2%

9.8%

여자

남자

90.2%

9.8%

101

11

25%

25%

8%

35.7%

3. 일주일에 도서관을 이용하는 횟수는 몇 번 입니까?

5회이상

4~5회

2~3회

1회

이용하지 않는다.

6.3%

8%

35.7%

25%

25%

7

9

40

28

28

Index







디자인 시안

도서관 어플 시스템- 학생증이 있어야만 출입 가능한 시스템- 어플 오류가 잦아서 출입이 조금 힘들다.- 도서관 자리예약이 조금 번거롭다.- 학생증을 안갖고 오면 이용할 수 없어서 불편했다

4. 도서관에서 주로 하는 행동은 무엇인가요?

0 10 20 30 40 50 60 70

책을 찾는다.

자료를 찾는다.

책을 읽는다.

잠을 잔다.

공부를 한다.

70

30

23

23

77

5. 도서관을 이용하면서 불편했던 상황이 있습니까?

- 제자리에 꽂혀있지 않은 책- 책이 제자리에 꽂혀있지 않은 경우- 대출 가능한 책인데 찾아보면 없어 불편했음- 책이 있다고 보았는데 없을 때- 가보니 원하던 책이 없을 때- 번호에 따라 정리가 안되어있을때- 책이없으면 기다려야한다는 것이 불편- 빌려야할 책이 없을때- 검색 시에는 나오는 데 찾으러 가면 없는 도서- 책위치가제대로놓여져있지않았을때- 분류번호대로 정리가 안되어있는 곳

책의 위치 책을 찾는 과정- 서가번호가 어려워서 책을 찾는데 혼란이 온다.- 책을 좀 더 쉽게 찾을 수 있으면 좋을 것 같아요. - 일반도서관과 다르게 책찾기가 좀 더 어려움- 어디있는지 한번에 찾을 수 없는 상황-생각보다 도서관에서 책 찾는게 어려움

Index







디자인 시안

Index



발견점 도출설문을 바탕으로 필요한 기능을 구체화

타겟으로 선정한 20대 대학생들은 도서관을 이용하면서

책을 찾는 과정, 위치, 도서관 앱에 관련된 불편함을 많이 느낌

- 제자리에 꽂혀있지 않은 책

- 있어야 할 자리에 책이 없을 때

- 책이 있다고 보았는데 없을 때

- 책 위치 찾는게 힘들고 어려울 때

- 서가번호가 어려워서 혼란이 올 때

- 어디있는지 한번에 찾을 수 없을 때

- 어플 오류가 잦아서 조금 짜증날 때

- 도서관 자리예약이 조금 번거로울 때

- 학생증을 안 갖고와 불편할 때

제자리에 있지 않은

책들을 알 수 있는

인터랙션 방법을 고안

책의 위치를 사용자의

입장에서 알기 쉽게

알려주는 방법을 고안

책의 위치, 책을 쉽게

검색하는 기능이 탑재된

새로운 도서관 앱을 제작

책을 찾는 과정 책의 위치 도서관 앱들어가기

일상에서 찾는 사용자 경험




디자인 시안

Index



1. 귀하의 성별은어떻게 되나요?

2. 귀하의 전공은 어떻게 되나요?

3. 평소 도서관 이용횟수는 어떻게 되나요?

4. 도서관을 이용의 불편한 점은 무엇입니까?

5. 불편했던 점이 있다면, 어떻게 해결을 할 수 있을지 말씀해주세요.

6. 더 나은 도서관이용을 위한 아이디어가 있으신가요?

24세 (4학년 취업준비생)

독어독문학과

일주일에 한 두번 정도

보려고하는 책이 없고, 예약하려고해도 잘 되지 않을때

내가 몇 번째 예약되어있는지 알 수 없어서 기다림이 지침

예약순서를 실시간으로 알 수 있고 내 앞에 있는 사람에게

빨리 반납하라는 알람이 떴으면 좋겠다.

반납이 제때 이뤄지지 않아 불편한 상황이 많이 발생하니까

어플을 통해 반납 D-day알람이나 팝업창이 떴 으면 좋겠다.

김연정 (성신여자대학교)





디자인 시안

Index







24세 (3학년)

컴퓨터공학부

매주 3~4회 정도 이용

책의 위치를 서가번호로 알 수 는 있지만,

몇 번째 칸 몇 째줄에 위치하는지 쉽게 알 수 없어서 힘들다.

교보문고같은 대형문고에서 처럼 책을 검색하면 지도처럼

출력되는 작은 종이와 찾는 방법을 가이드

네이버 길찾기 앱처럼 책을 찾아가는 길이 지도 위에

책을 찾는 방법을 알려주는 모바일 앱이 있으면 좋겠다.



방민식 (조지아대학교)





디자인 시안

Index







23세 (2학년)

전기생체공학부

매주 2회 이상

도서를 검색하면 분명히 그 자리에 있어야 하는데 없고

어디에 있는지 사서에게 물어봐도 찾을 수 없을 때 불편함

게임에서 현재 내가 있는 맵 안에 어디에 위치해있는지

보여지는 미니맵처럼 찾고 있는 책의 위치가 보여졌으면 함

책의 위치도 한눈에 파악됐으면 좋겠고, 그냥 지나치지 않게

근처를 지나가면 알람이 떴으면 좋겠다.



전제웅 (한양대학교)





디자인 시안

기능 구체화타겟 리서치를 바탕으로 세부적 기능을 구체화

예약 & 도서반납

책의 위치 파악

책과의 인터랙션

도서의 예약순서를 정확히 알 수 있고원활한 도서대출, 반납을 위해 D-day 알림팝업창의 기능을 추가

네이버 길찾기 앱처럼 책을 찾아가는 길도서관 내부지도 위에 사용자 위치에서 찾고있는 도서까지 ‘오른쪽으로 세걸음’처럼 가이드

사용자가 찜한 도서나 관심분야에 있는 책의근처를 지나가면 ‘네가 1주일전에 찜한 책이야’‘나를 알고싶지 않아?’ 귀여운 멘트의 팝업창

Index







디자인 시안

Index







디자인 시안

퍼소나PERSONA

밖에서도 길치, 안에서도 길치!

목표

특성

동기

“항상 길을 찾는데 어려움을 많이 겪어요.쉽게 길을 찾을 수 있도록 안내가 잘 되었으면 좋겠어요.”

도서관에서 쉽게 길을 찾아서 책 빌리기

도서관을 편리하고 쉽게 이용하는 방법을 알고자 함.

니즈 책이 있는 정확한 위치를 쉽게 안내해야함.

대학 시설의 위치가 아직 익숙하지 않은 신입생.친구들 사이에서도 유명한 길치중의 길치. 강의실 위치도 잘 못 찾아서 지각을 하곤함.대학생이 되고나서 학교의 도서관을 이용해 보는 것이 로망이었지만,도서 분류 체계가 어렵고 책이 너무 많아 찾기가 어려워 결국 빈손으로 도서관을 나오기 일쑤.

1

2

3

- 20세 시각디자인과 이은비씨

Index



퍼소나PERSONA

꾸준히 공부하기는 어려워, 취준생 김원준씨

목표

특성

동기

“이제 취업이 코앞이라 토익 점수가 급한데,작심삼일이 습관이라 스스로 공부하기가 너무 힘들어요.” - 24세 컴퓨터공학과 김원준씨

스스로 토익 공부 목표치 달성하기

나의 공부량을 관리 할 수 있는 방법을 알아보려 함

니즈 나의 공부량을 관리해 줄 수 있어야 함, 목표치를 쉽게 확인할 수 있어야 함

의지가 약해서 스스로 공부를 하는데에 어려움을 느낀다.공부하기 전 플래너에 공부할 분량들을 계획하지만 잘 지켜지지 않고, 플래너 챙기는 것을 항상 깜빡해서 자신이 세운 계획들을 잘 확인하지 못한다.누군가가 자신의 공부량을 계속 체크해주었으면 한다.

1

2

3





디자인 시안

Index



퍼소나PERSONA

24시간 눈코 뜰새 없이 바쁜, 통학생 윤보미씨

목표

특성

동기

“통학하랴, 과제하랴, 시험 공부하랴 너무나 바쁜 삶을 살고 있어요.하지만 책은 손에서 놓지 않으려고 노력하죠.”

습관적으로 책 읽기

책의 반납 기간을 잘 지킬수 있는 방법에 대해서 알아보려 함.

니즈 반납일을 알려주거나 자동으로 반납되도록 해야함.

통학시간 내내 책을 읽으며 시간을 보낸다.너무 바쁜 나머지 책의 반납일을 잘 지키지 못해서 항상 연체료를 낸다.반납하려고 했다가 집에 책을 놔두고 와서 반납을 못한 경우도 허다하다.읽고 싶은 책은 아주 많은데 다 대출중이라서 읽지 못했다.

1

2

3

- 22세 경영학과 윤보미씨





디자인 시안

시나리오SCENARIO

밖에서도 길치, 안에서도 길치!

- 20세 시각디자인과 이은비씨

1. 2. 3. 4.

은비는 수업에 필요한 책을 빌리러

도서관에 들러 책을 검색했다.

검색을 한 후, 지도 보기를 눌러서

지도를 따라가며 헤매지 않고 편하

게 책을 찾을 수 있었다.

집에 돌아가려는데 방금 지나친

책이 교수님께서 한달 전에 빌리

신 책이라는 팝업이 뜬다.

어플로 바코드를 찍어서 두 가지

책을 편리하게 대출하여 집에 돌

아갔다.

Index







디자인 시안


1. 2. 3. 4.

원준은 토익 공부에 필요한 영어

문법책을 도서관에서 빌린다.

도서관에서 책을 빌리자마자 어플

에 일정기간동안 목표치를 얼마나

달성할것인지 설정하는 팝업이 뜬

다.

가끔씩 팝업이 떠서 목표치를 확

인해주니 습관적으로 공부량을

확인할 수 있었다.

목표치에 맞춰 공부를 하니 작심

삼일의 성격을 고친 것 같아 뿌듯

했다.

- 24세 컴퓨터공학과 김원준씨

꾸준히 공부하기는 어려워, 취준생 김원준씨Index







디자인 시안

24시간 눈코 뜰새 없이 바쁜, 통학생 윤보미씨


- 22세 경영학과 윤보미씨

보미는 책 반납 기간이 임박했다는

팝업을 보게 된다. 예상 연체료가

확인하고 급하게 책을 챙겼다.

반납해야하는 책을 숙대입구역에

있는 무인 반납함에 넣었다. 굳이

들고가지 않아도 되서 편했다.

1. 2. 3. 4.

새로운 책을 빌려려고 하는데 종이

책은 모두 대출중이어서 대출자 수

에 상관없는 E-book을 빌렸다.

E-book의 반납기간이 다가오자

자동으로 삭제되어 연체료를 물지

않을 수 있게 되었다.

Index







디자인 시안

Index







디자인 시안

사용자 여정맵USER JOURNEY

어플실행 회원가입 도서검색

앱에서 사용자의 행동

사용자의 실제행동



앱 서비스

가입

기본정보 입력

에브리타임 연동

학과, 관심분야 입력

연관/자동 검색

키워드 검색

e-book 검색

Index







디자인 시안


도서 찾아가기 책 대여

열,평대 알림 앱으로 대여

팝업 메세지 안내길안내 서비스 도서 발견

검색 결과와 책 비교





앱 서비스

Index







디자인 시안


반납 안내 연체독서

반납일에 따른 독서 목표 안내독서 목표 설정 연체료 알림

남은 페이지 계산





앱 서비스

Index







디자인 시안


추천도서 통계반납

다음 읽을 책 추천

전공별 추천도서

타학교 추천도서

숙대입구역 무인 독서반납기 반납 독서 목표 통계

월별 독서 통계

다독왕이 되려면?





앱 서비스

Index







디자인 시안

와이어프레임WIRE FRAME

Logo

Concept Image

로그인

회원가입

에타로 로그인

가입 및 로그인로딩화면

로그인

로그인

비밀번호

아이디

로그인

비밀번호

아이디

회원가입

회원가입

비밀번호

비밀번호 재입력

학과

관심분야

아이디

회원가입

비밀번호

비밀번호 재입력

학과

관심분야

아이디

에타로 로그인

로그인

비밀번호

에브리타임 아이디

로그인

비밀번호

에브리타임 아이디

메인페이지

로고

컨셉 이미지

별이 다섯개

독서광의 선택

새로 나왔어요

책사진 책사진 책사진


로고

자세히보기 지도보기

책사진

책이름

저자

출판사

간단한 정보

[별이 다섯개]

아프니까 청춘이다

불안한 미래와 외로운 청춘을 보내고 있는

이 시대 젊은이들에게 보내는 편지

책검색

검색창이 페이지 가운데에 보

이고 추천책 목록이 있음

책은 제목, 작가, 출판사로 검

색할 수 있으며 연관검색어는

5개가 뜸

책을 검색하면 책 사진, 정보

와 함께 목록이 뜸

목록의 책을 누르면 사람들이

남긴 평점과 간단한 리뷰를

함께 볼 수 있음

추천책을 누르면 책에 대한 정

보와 위치정보를 볼 수 있음

지도가 떠서 사용자는 네비게

이션처럼 따라갈 수 있음. 말

풍선으로 책의 위치가 표시됨

자세히보기

지도보기

로고

연관검색 / 자동검색

제목 사랑

상사와 연애하기

나는 나와 사랑한다

사랑에 대하여

사랑이 사진집

사랑, 사랑, 사랑

로고

지도보기

자세히보기책 요약된 정보

정렬

제목, 저자, 발행처, 발행년도

책사진

지도보기


책사진

지도보기


책사진

제목 나는 나와 사랑한다

로고

책 제목 & 정보

책사진

별점후기

평가들

앱스토어 & 네이버 북스 & 리디북스

인터페이스 참고

4.2/5

로고

실내지도에서 나의 위치에서

도서까지 가는 이동 경로

책 위치정보


Index







디자인 시안

로고

바코드를 자동으로 인식합니다.

카메라

로고

대출하기

책사진

아래 책을 대출 하시겠습니까?

책이름 / 저자

대출기간

대출하기지도보기 대출 전 책 확인

로고



책 위치정보

다시 확인하기

로고



책 위치정보

로고



책 위치정보책 위치정보

[책이름]

잘 찾았어요 다시 확인하기

책은 제목, 작가, 출판사로 검

색할 수 있으며 연관검색어는

5개가 뜸

책을 다 찾으면 바코드를 찍는

대출 페이지가 나옴

바코드를 인식하면 책에 대한

확인과 함께 대출 가능

지도가 떠서 사용자는 네비게

이션처럼 따라갈 수 있음. 말

풍선으로 책의 위치가 표시됨

다시 확인시 지도로 다시 안

내됨


Index







디자인 시안

마이페이지

추천도서 찜한도서 반납일 D-day 통계 설정

로고

찜한도서 & 추천도서

반납 D-day

통계

설정

로그아웃

로고

내가 많이 읽은 분야책

월별 통계

로고로고


책사진 책사진

추천도서 (학과)

추천도서 (관심)

로고

책사진

D-4

책사진

D-4

책사진

D-4

로고


책사진 책사진

내가 찜한 도서

찜한도서 추천도서

로그인 정보

sookmyung_SD

알림 설정

학교/학과 변경

버전 정보

암호 변경

왼쪽 상단 아이콘을 누르면 마

이페이지를 볼 수 있음

나의 학과와 관심분야를 분석

하여 맞는 책을 추천해줌

내가 찜한 책들만 볼 수 있음 반납일을 간단한 그래프와 디

데이로 알려주는 페이지

내가 많이 읽은 분야와 월별

통계를 볼 수 있음

내 정보, 알림, 버전 확인을 할

수있는 설정페이지


Index







디자인 시안

마이페이지

로그인 정보

로고

찜한도서 & 추천도서

반납 D-day

통계

설정

로그아웃

로고

현재 로그인 중인 아이디

암호변경

로고

암호 변경


로고


알림설정

로고

설정

왼쪽 상단 아이콘을 누르면 마

이페이지를 볼 수 있음

로고

로그인 정보 sookmyung_SD

3.2.1

알림 설정


버전 정보

암호 변경

sookmyung_SD

로그아웃

비밀번호 변경하기 학교/학과 변경하기

현재 암호 ******* 학교 숙명여자대학교

학과 시각디자인과새 비밀번호

새 비밀번호

확인

*******

*******

푸쉬알림

알림이 오지 않을 경우, 아이폰/아이패드 > 설정 > 알림

에서 다음카페 앱의 알림을 활성화 해주세요.

내 정보, 알림, 버전 확인을 할

수있는 설정페이지

현재 로그인 된 아이디를 확인

할 수 있고 로그아웃 가능

현재 암호를 변경할 수 있는

페이지

본인 학교와 학교를 변경할 수

있는 페이지

어플의 푸쉬 알림을 설정할 수

있는 페이지


Index







디자인 시안

Index







디자인 시안

디자인 시안도서분류법 아이콘

역사 900

자연과학 400

문학 800

사회과학 300

언어 700

종교 200

예술 600

철학 100

기술과학 500

총류 000

Index







디자인 시안

BOOK-in에브리타임이라는 기존 앱에 탑재

도서검색, 대출, 반납 D-day알람

전공별 추천도서 등의 기능

디자인 시안모바일 APP

BOOK-in

9:41 AM 85%

Index







디자인 시안

BOOK-in

9:41 AM 85%

회원가입

에브리타임으로 로그인

로그인

비밀번호 ?

BOOK-in

9:41 AM 85%

| 제목, 저자, 키워드, 이북 검색

별이 다섯개 만점을 가장 많이 받은 책

독서광의 선택 그들이 인정한 책

새로 나왔어요 추천 신간도서

태백산맥 무소유 오솔길

노인과 바다 안나 카레리나 어루만지다

1

1

2

2

3

3


에브리타임으로 로그인 가능

메인페이지에는 별점순 추천

신간도서 추천 등 책리스트 나열

Index







디자인 시안

BOOK-in

9:41 AM 85%







1

1

2

2

3

3

| 제목, 저자, 키워드 검색




태백산맥 무소유

노인과 바다 안나 카레리나

1

1

2

2

3

3

사용자 닉네임[email protected]

찜한 도서

로그아웃

설정

반납 D-day 알람

나의 목표

추천 도서

예약 도서

타이포그래피 교과서

[지은이] 제임스 크레이그 외 2명

[출판사] 안그라픽스

지도 보기

자세히 보기

글씨를 짓다

[지은이] 타이포그래피 서울

[출판사] 윤디자인

지도 보기

자세히 보기

타이포그래피 미학

[지은이] 김동빈

[출판사] 커뮤니케이션북스

지도 보기

자세히 보기

한글 타이포그래피

[지은이] 제임스 크레이그 외 2명

[출판사] 안그라픽스

지도 보기

자세히 보기

| 타이포그래피

#타이포그래피 #안그라픽스 #디자인 #바우하우스 #얀치홀트 #서체

#일러스트레이션 #헬베티카 #푸투라 #네빌브로디

BOOK-in

9:41 AM 85%


나의 페이지에는 나의 목표설정

반납 D-day, 나만의 추천도서 등

다양하고 편리한 기능들을 탑재

Index







디자인 시안

BOOK-in

9:41 AM 85%







1

1

2

2

3

3

페이지씩

반납일까지 하루에

넌 나를 정복할 수 있어!

목표 시작 취소

BOOK-in

9:41 AM 85%







1

1

2

2

3

3

오늘도 연체하면...

확인 취소

원 연체

반납일에서 지금까지


책에 대한 거부감을 줄이기 위해

귀여운 캐릭터가 친구처럼 말하는

팝업창과 어휘를 선택

Index







디자인 시안


도서를 검색하고 그곳까지 가는

경로가 표시되고 위치를 알려주는

표시를 누르면 확인 팝업창

3층 서가번호 624

3번째 칸 4번째 줄에 있어빨리 나를 찾아줘!!! 얼릉 오라고 느림보야

| 정보 디자인 교과서 검색중...

정보 디자인 교과서는 안그라픽스에서 2010년 발간한 교과서 시리

즈 중 3번째 간행물이다. 빅데이터 시대를 살아가는 디자이너들에게

데이터를 시각화하는 방법과 그 방향을 알려주는 지침서

책 정보

BOOK-in

9:41 AM 85% 85%


3번째 칸 4번째 줄에 있어빨리 나를 찾아줘!!! 얼릉 오라고 느림보야

| 정보 디자인 교과서 검색중...

정보 디자인 교과서는 안그라픽스에서 2010년 발간한 교과서 시리

즈 중 3번째 간행물이다. 빅데이터 시대를 살아가는 디자이너들에게

데이터를 시각화하는 방법과 그 방향을 알려주는 지침서

책 정보

BOOK-in

9:41 AM 85%

정보 디자인 교과서


3번째 칸 4번째 줄

잘 찾았어요 다시 확인하기

Thank You인터랙티브 미디어 디자인 [중간진행 발표]

[인터랙티브 미디어 디자인] 김연신 | 이미진 | 이유림