[인터랙티브] 피피티...

Interactive Media Design인터랙티브 미디어 디자인

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

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

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

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

개발 계획와이어프레임, 플로우차트, 디자인 시안, 영상

Index

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

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

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

Index

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

김연신 | 이미진 | 이유림




개발 계획와이어프레임

플로우차트

디자인 시안

영상

어떻게 데이터를 얻을 것인가?

기존의 도서관의 RFID 체계의 정보를 사용

Index







플로우차트

디자인 시안

영상

구현할 기술은 어떤것이 있을까?

→ M2M (Machine to Machine) +이동통신망 기능

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대 대학생들은 도서관을 이용하면서

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

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

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

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

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

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

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

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

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

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

제자리에 있지 않은

책들을 알 수 있는

인터랙션 방법을 고안

책의 위치를 사용자의

입장에서 알기 쉽게

알려주는 방법을 고안

책의 위치, 책을 쉽게

검색하는 기능이 탑재된

새로운 도서관 앱을 제작

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

일상에서 찾는 사용자 경험




디자인 시안

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

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

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

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

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

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

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

독어독문학과

일주일에 한 두번 정도

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

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

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

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

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

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

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

Index







플로우차트

디자인 시안

영상





24세 (3학년)

컴퓨터공학부

매주 3~4회 정도 이용

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

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

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

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

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

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



방민식 (조지아대학교)

Index







플로우차트

디자인 시안

영상





23세 (2학년)

전기생체공학부

매주 2회 이상

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

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

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

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

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

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



전제웅 (한양대학교)

Index







플로우차트

디자인 시안

영상

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

정확한

친절한

소통하는

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

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

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

Index







플로우차트

디자인 시안

영상

교보문고 (오프라인)

도서검색 > 재고정보 > 도서위치 알림

도서분야 분류를 알파벳으로 분류하여 위치를 쉽게 인지할수 있다.

책의 위치를 약도, 열이나 평대로 알려주어 쉽게 찾을수 있다.

경쟁사 조사_오프라인 서점교보문고, 영풍문고, 반디앤루니스

Index







플로우차트

디자인 시안

영상

경쟁사 조사_앱1. 네이버북스

해시태그를 이용한 키워드 검색 가능

사용자가 관심있는 분야 설정 시, 자동 추천 알람 기능

관심목록과 해시태그를 관리하는 기능

Index







플로우차트

디자인 시안

영상

경쟁사 조사_앱2. 리디북스

구체적인 키워드 검색 가능

관심 키워드 설정 시, 해당 분야의 인기 책 추천

사용자와 같은 도서를 구매한 이용자가 주로 구매하는 도서 추천

Index







플로우차트

디자인 시안

영상

경쟁사 조사_앱3. 예스24

최근 검색어와 인기 검색어를 동시에 볼 수 있음

사용자가 구매한 도서와 함께 판매된 책 추천

카테고리 선택 시, 하위 검색으로 세분화된 검색 가능

Index







플로우차트

디자인 시안

영상

원하는 도서를 도서관 홈페이지를 통해 책마중서비스를 신청하면

지정된 지하철역 개찰구 옆, 무인 책마중 코너를 통해 책을 대여,반납할수 있는 서비스

비슷한 서비스 사례1. 인천 미추홀 도서관 - 책마중 서비스/ 은평구 책단비 서비스

Index







플로우차트

디자인 시안

영상

비슷한 서비스 사례1. 인천 미추홀 도서관 - 책마중 서비스/ 은평구 책단비 서비스

도서관 까지 가지 않아도 된다는 장점

대여하는데 하루정도가 필요하고

대여할수 있는 책이 2권으로 한정되어있음

Index







플로우차트

디자인 시안

영상

비슷한 서비스 사례2. 네이버 실내 길안내 서비스

고속터미널, 인천국제공항 등 전국 328개 대형시설의 내부를 보여주는 ‘실내 공간 정보’기능

단순히 위치와 건물 정보만 제공했다면 앞으로는 길거리를 벗어나 건물 내부 정보 제공

Index







플로우차트

디자인 시안

영상

퍼소나PERSONA

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

목표

특성

동기

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

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

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

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

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

1

2

3

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

Index







플로우차트

디자인 시안

영상

퍼소나PERSONA

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

목표

특성

동기

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

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

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

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

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

1

2

3

Index







플로우차트

디자인 시안

영상

퍼소나PERSONA

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

목표

특성

동기

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

습관적으로 책 읽기

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

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

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

1

2

3

- 22세 경영학과 윤보미씨

Index







플로우차트

디자인 시안

영상

시나리오SCENARIO

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

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

1. 2. 3. 4.

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

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

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

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

게 책을 찾을 수 있었다.

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

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

신 책이라는 팝업이 뜬다.

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

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

아갔다.

Index







플로우차트

디자인 시안

영상


1. 2. 3. 4.

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

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

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

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

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

다.

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

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

확인할 수 있었다.

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

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

했다.

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

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







플로우차트

디자인 시안

영상

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


- 22세 경영학과 윤보미씨

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

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

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

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

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

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

1. 2. 3. 4.

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

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

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

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

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

않을 수 있게 되었다.

Index







플로우차트

디자인 시안

영상

사용자 여정맵USER JOURNEY

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

앱에서 사용자의 행동

사용자의 실제행동



앱 서비스

가입

기본정보 입력

에브리타임 연동

학과, 관심분야 입력

연관/자동 검색

키워드 검색

e-book 검색

Index







플로우차트

디자인 시안

영상

Index







디자인 시안


도서 찾아가기 책 대여

열,평대 알림 앱으로 대여

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

검색 결과와 책 비교





앱 서비스

Index







디자인 시안


반납 안내 연체독서

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

남은 페이지 계산





앱 서비스


추천도서 통계반납

다음 읽을 책 추천

전공별 추천도서

타학교 추천도서

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

월별 독서 통계

다독왕이 되려면?





앱 서비스

Index







플로우차트

디자인 시안

영상

플로우 차트FLOW CHARTFLOW CHART

앱 실행 로딩화면

학교입력

학과입력

로그인정보 입력

관심분야 입력

완료절차 로그인페이지

로그인

아이디/비밀번호찾기

에타 로그인

회원가입

메인페이지

로그인페이지

Index







플로우차트

디자인 시안

영상

플로우 차트FLOW CHART

대출 리스트

자세히보기 대출일

반납일 D-day

막대그래프

BOOK-in 홈

대출현황

찜한도서 찜한도서리스트

E-BOOK 목록 대여한 E-BOOK

나의 목표 독서목표설정 독서목표수정

로그인 정보

암호변경

학교,학과 변경

알림 설정

통계

설정 메뉴

메인페이지

나의관심분야

제1관심분야 수강 과목리스트

제2관심분야

제3관심분야

이번주 필독책마이페이지

자세히

도서정보

평점별점

찜하기

지도보기

다시확인하기

완료

검색페이지

검색결과

검색 전공추천

모교 전공추천

타학교 전공추천

자세히 보기

Index







플로우차트

디자인 시안

영상

와이어프레임WIRE FRAME

LogoConcept Image

로그인

회원가입

에타로 로그인

가입 및 로그인로딩화면

로그인

로그인

비밀번호

아이디

로그인

비밀번호

아이디

회원가입

회원가입

비밀번호

비밀번호 재입력

학과

관심분야

아이디

회원가입

비밀번호

비밀번호 재입력

학과

관심분야

아이디

에타로 로그인

로그인

비밀번호

에브리타임 아이디

로그인

비밀번호

에브리타임 아이디

Index







플로우차트

디자인 시안

영상

메인페이지

로고

컨셉 이미지

별이 다섯개

독서광의 선택

새로 나왔어요

책사진 책사진 책사진


로고

자세히보기 지도보기

책사진

책이름저자출판사간단한 정보

[별이 다섯개]

아프니까 청춘이다

불안한 미래와 외로운 청춘을 보내고 있는 이 시대 젊은이들에게 보내는 편지

책검색

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

이고 추천책 목록이 있음

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

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

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







플로우차트

디자인 시안

영상


아이디 비밀번호 찾기

가입된 이메일

아이디 찾기

※ 해당 이메일로 아이디를 안내해 드립니다.

아이디

가입된 이메일

비밀번호 찾기

※ 해당 이메일로 비밀번호 변경 방법을 안내해 드립니다.

이메일 서비스 제공자 사정에 의해 즉시 도착하지 않을 수 있으니,최대 30분 정도 기다리신 후 다시 시도해 주세요.그래도 오지 않는다면 이메일이 스팸 편지함으로 이동하지않았는지 확인해보세요.

이메일이 오지 않는다면?

닫기회원가입닫기

학교 입력

학교 선택

숙명여자대

숙명여자대학교 선택

회원가입

학교 입력

숙명여자대학교

개인 정보 입력

실명

닉네임

입학년도

로그인 정보 입력

아이디

비밀번호 (4자 이상)

비밀번호 (4자 이상) 확인

이메일

닫기

[로딩]

로그인

비밀번호

에브리타임으로 로그인

회원가입 아이디 비밀번호 찾기

[로그인창]

[회원가입] [아이디 비밀번호 찾기]

1

1

2

3

2

3 [에브리타임으로 로그인]

로고

도서관 행사 & 세미나 이미지

나의 관심분야전공 추천 도서 이번주 필독책!

나와 같은 전공학생들이 즐겨보는 책

다른학교 전공 학생들이 즐겨보는 책

회원가입닫기


실명

닉네임

입학년도

관심분야 선택 (3개 이하 선택)

정치 문학 예술 음악

그림철학 종교 과학 사회

언어

역사 기술 자연

학과 정보 입력

제 1전공

제 2전공

LOGOIMAGE

[로그인 페이지] (로그인이 되어있지않은 사용자) 메인페이지로 전환

학교 입력시 자동 검색 되어 손쉽게 본인의 학교 선택 가능아이디, 비밀번호, 이메일 같은 로그인 정보와실명, 닉네임, 입학년도와 같은 개인정보 입력

제 1전공과 제 2전공, 관심분야를 입력하여본인의 성향에 맞는 책을 추천할 수 있도록 함 회원가입시 입력한 이메일을 통해 아이디, 비밀번호 찾기를 안내

Index







플로우차트

디자인 시안

영상


[메인페이지]

[E-BOOK목록] [나의목표] [설정]

로고





21

3

[마이페이지]1

사용자 닉네임이메일

로고

대출현황

E-BOOK 목록

찜한 도서

BOOK-in 홈

통계

나의 목표

로그아웃

설정

로고

로그인 정보 sookmyung_SD

3.2.1

알림 설정


버전 정보

암호 변경

로고

찜한도서

로고로고

책이름

대출날짜삭제날짜



책이름

책이름

대출날짜하루 목표량도달율 45%

책이름

E-BOOK 목록 나의목표

Mission 1

Mission 2

a

b

c

d

e

f

c d [통계]

내가 많이 읽은 분야책

월별 통계

로고

e f

a

[찜한도서]b

대출날짜하루 목표량도달율 45%

책이름

[대출현황]

로고

책이름대출날짜디데이



대출현황

왼쪽 상단의 아이콘 클릭시 마이페이지 화면 나옴회원가입시 입력한 전공, 관심분야를 바탕으로 사용자에게 적합한 도서 추천 본인의 대출 현황을 리스트로 볼 수 있으며 반납날짜까지 디데이 계산

찜한도서는 서재처럼 보관되어 한눈에 볼 수 있음 대출한 이북 목록, 대출&삭제 날짜를 알 수 있음 본인의 목표 리스트를 볼 수 있으며 하루 목표량과 도달률 확인 가능 사용자의 관심분야, 대출현황들을 분석한 통계자료

Index







플로우차트

디자인 시안

영상

9:41 AM 85%

와이어프레임

회원가입시 입력한 전공, 관심분야를 바탕으로 사용자에게 적합한 도서 추천

WIRE FRAME[메인페이지]

로고





21

3

[검색페이지]2

로고

검색어를 입력하세요.

완료

#관련해시태그 #관련해시태그 #관련해시태그

자동검색어 1

자동검색어 2

자동검색어 3

자동검색어 4

a

a [검색목록]

[자세히보기]b

로고

검색어

완료

#관련해시태그 #관련해시태그 #관련해시태그

책이름

저자위치

출판사

자세히보기

지도보기

찜하기

책이름

저자위치

출판사

자세히보기

지도보기

찜하기

책이름

저자위치

출판사

자세히보기

지도보기

찜하기

책이름

저자위치

출판사

자세히보기

지도보기

찜하기

bc

로고

책이름저자

위치

출판사

찜하기

지도보기

목차책소개

책 소개 내용

작가 소개 내용

출판사 서평

저자 프로필 저자 소개

로고

평점

전체별점 별점

이 책을 평가해주세요

댓글창

리뷰 남기기

책 평가 내용

닉네임ㅣ날짜 댓글

책 평가 내용

닉네임ㅣ날짜 댓글

[지도보기]c

로고

책 이름

책 위치정보간단한 멘트

로고

책 이름

책 위치정보간단한 멘트

잘 찾았어요 재검색 하기

[책이름] 저자, 출판사

위치정보

우측 상단의 아이콘 클릭시 검색 페이지 나옴. 자동검색어와 해시태그로 편리한 검색 검색한 책 목록

책과 저자에 관한 정보를 볼 수 있으며, 찜을 해놓으면 ‘찜한목록’에서 확인 가능 책을 대출한 회원만이 직접 별점과 함께 평가를 댓글 형식으로 남길 수 있음 네비게이션 형태로 사용자가 화면을 따라가면서 책의 위치 확인 가능책의 위치정보 말풍선을 클릭하면 내가 찾고자 한 책의 정보가 한번 더 언급되고

‘잘 찾았어요’를 눌러 지도를 종료하거나, ‘재검색’ 할 수 있음

Index







플로우차트

디자인 시안

영상

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

역사 900

자연과학 400

문학 800

사회과학 300

언어 700

종교 200

예술 600

철학 100

기술과학 500

총류 000

Index







플로우차트

디자인 시안

영상

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

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

전공별 추천도서 등의 기능

디자인 시안모바일 APP

9:41 AM 85%

Index







플로우차트

디자인 시안

영상

[가입 페이지]

1_1. 학교 정보와 간단한

개인 정보 입력후 가입

[아이디, 비번찾기 페이지]

1_1. 가입한 이메일을

통해 아이디 및 비밀번호를

찾을 수 있음

Index







플로우차트

디자인 시안

영상


학교 입력

학교 이름


실명

닉네임

입학년도

로그인 정보 입력

아이디

비밀번호 (4자 이상)

비밀번호 (4자 이상) 확인

이메일

9:41 AM 85%

회원가입

가입된 이메일

아이디 찾기

※ 해당 이메일로 아이디를 안내해 드립니다.

아이디

가입된 이메일

비밀번호 찾기

※ 해당 이메일로 비밀번호 변경 방법을 안내해 드립니다.

이메일 서비스 제공자 사정에 의해 즉시 도착하지 않을 수 있으니,최대 30분 정도 기다리신 후 다시 시도해 주세요.그래도 오지 않는다면 이메일이 스팸 편지함으로 이동하지않았는지 확인해보세요.

이메일이 오지 않는다면?

9:41 AM 85%

아이디,비밀번호 찾기

전공에 도움이 되는 도서를 소개해드립니다.


9:41 AM 85%

다른학교 전공 학생들이 즐겨보는 책 전체 보기 〉

타이포그래피의 탄생 아이 러브 타이포그래피 타이포그래피 천일야화 타이포그래피 인 뉴욕

나와 같은 전공학생들이 즐겨보는 책 전체 보기 〉

타이포그래피 교과서 타이포그래픽 유럽 THE TYPOGRAPHY 타이포그래피란 무엇인가?

제 9회

2015년 숙명 e정보온라인 검색대회

자세히 보기

2015년 11월 8일~ 11월 27일까지

전공에 도움이 되는 도서를 소개해드립니다.



타이포그래피의 탄생 아이 러브 타이포그래피 타이포그래피 천일야화 타이포그래피 인 뉴욕


타이포그래피 교과서 타이포그래픽 유럽 THE TYPOGRAPHY 타이포그래피란 무엇인가?

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

서체

서울시 용산구 청파로 47길 100(청파동2가) 숙명여자대학교 도서관

이용약관 | 개인정보 취급방침 | 고객센터 | ☎ 1588-3910

제 9회


자세히 보기

2015년 11월 8일~ 11월 27일까지

Index







플로우차트

디자인 시안

영상

Index







플로우차트

디자인 시안

영상


[메인 페이지]

1_1. 도서관 공지사항

또는 이벤트 확인 가능

1_2. 나와 전공이 같은

학생들이 즐겨보는 책을

자동으로 추천해줌

Index







플로우차트

디자인 시안

영상

Index







플로우차트

디자인 시안

영상



9:41 AM 85%

전공 추천 도서전공에 도움이 되는 도서를 소개해드립니다.



타이포그래피 교과서 텍스트와 타이포그래피 THE TYPOGRAPHY 타이포그래피란 무엇인가?

제 9회


자세히 보기

2015년 11월 8일~ 11월 27일까지 사용자 닉네임[email protected]

대출현황

E-BOOK 목록

찜한 도서

도서 대출

통계

나의 목표

로그아웃

설정

[마이 페이지]

마이페이지 도서 대출 현황 및

자신의 목표, 통계를 알 수 있음

Index







플로우차트

디자인 시안

영상

[검색 페이지]

1_1. 검색어를 입력하면

해시태그와 함께

책 검색목록이 나옴

1_2. 책소개 및 책위치

확인 가능

| 타이포그래피


서체

9:41 AM 85%

검색

타이포그래피 교과서

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

[출판사] 안그라픽스

지도 보기

자세히 보기

지도 보기

지도 보기

지도 보기

지도 보기

지도 보기

글씨를 짓다

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

[출판사] 윤디자인 자세히 보기

타이포그래피 미학

[지은이] 김동빈

[출판사] 커뮤니케이션북스 자세히 보기

한글 타이포그래피


[출판사] 안그라픽스 자세히 보기

타이포그래피 교과서


[출판사] 안그라픽스 자세히 보기

책소개 목차 출판사 서평

저자 프로필 저자 소개

타이포그래피 미학[지은이] 김동빈[출판사] 커뮤니케이션북스

5층 서가번호 6243번째 칸 4번째 줄

이 책은 타이포그래피 표현 양상의 변화를 해석하는 데 외적 현상만을 단편적으로 해석하는 편협성의 오류를 범하지 않기 위한 태도와 방법으로써 미학적 관점을 제안한다. 미학은 활자가 발명되어 타이포그래피의 개념이 시작된 이래 디지털 테크놀로지가 주도하는 오늘의 표현 상황에 이르기까지 역사적 변곡점마다 유용한 해석의 실마리를 찾게 해 준다.

타이포그래피의 미학이란?

찜하기

경력

김동빈

홍익대학교 대학원 시각디자인 전공LG 애드 아트디렉터동덕여자대학교 디자인대학 시각디자인 전공 교수

9:41 AM 85%

검색


회원가입

에브리타임으로 로그인

로그인

비밀번호 ?

사각형 영역을 바코드에 맞추면

자동으로 인식합니다.사각형 영역을 바코드에 맞추면

자동으로 인식합니다.

Index







플로우차트

디자인 시안

영상

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

9:41 AM 85%

지도 보기

| 정보 디자인 교과서 안내중...

정보 디자인 교과서

지금은 1층3층으로 이동하세요

확인 취소

9:41 AM 85%

지도 보기


9:41 AM 85%

지도 보기


정보 디자인 교과서

3층 서가번호 624 3번째 칸 4번째 줄

대출하기 다시 지도 보기

Index







플로우차트

디자인 시안

영상

[대출 페이지]

1_1. 바코드를 사각형

영역에 맞춰서 찍어서

인식시켜 대출

1_2. 대출이 완료되면

귀여운 캐릭터 팝업이 뜸


바코드 번호 직접 입력하기

9:41 AM 85%

대출하기

대출이 완료되었어요!

정보 디자인 교과서반납일은 10월 23일이에요

확인 대출현황 확인



서체




[대출현황 페이지]

1_1. 대출한 책 목록과

반납일, 반납까지 남은

기간을 확인 할 수 있음

1_2. 연체시 팝업이 뜨면서

연체료를 알려줌

Index







플로우차트

디자인 시안

영상

오늘도 연체하면...

반납일에서 오늘까지3450원 연체

확인 알람을 다시 보지 않기

Index







플로우차트

디자인 시안

영상


서체




[찜한도서 페이지]

찜한 도서목록을

한눈에 볼 수 있고 삭제나

추가 할 수 있음

Index







플로우차트

디자인 시안

영상

[E-BOOK 목록 페이지]

1_1. 옆으로 넘기면서

나의 구매목록을 확인

1_2. 책을 터치하면

다운로드 아이콘이 뜨고

누르면 다운이 됨


이 페이지 전체 다운로드를 터치하면

1_1화면에서 촤르르 책이 나오면서

이북 다운로드 상황을 알 수 있음

Index







플로우차트

디자인 시안

영상


Index







플로우차트

디자인 시안

영상


[목표 페이지]

1_1. 내가 책별로 세운

목표를 간단한 그래프로

확인이 가능함

1_2. 나의 목표를 직접

세우고 관리할 수 있음

9:41 AM 85%

나의 목표 설정

목표

매일 100페이지 읽기

페이지 설정

100 페이지

기간 설정

시작일 설정 종료일 설정

완료하기

목표 설정하기


Index







플로우차트

디자인 시안

영상

이달의 책 현황

월별 도서 통계

12권

9:41 AM 85%

통계

11월10〉 12 〉

1월 2월 3월 5월4월 6월 7월 8월 10월9월 12월11월

4

이달의 책 현황

월별 도서 통계

12권

9:41 AM 85%

통계

11월10〉 12 〉

4

[통계 페이지]

1_1. 이 달의 책현황을

그래프로 확인할 수 있고

내가 읽은 분야도 확인 가능

1_2. 월별로 읽은 도서통계를

확인할 수 있고 막대바를

터치하면 책의 권수가 나옴

Index







플로우차트

디자인 시안

영상

[환경설정 페이지]

암호, 학교, 학과 변경이 가능하고

알림 설정 및 계정,

버전 확인을 할 수 있음


계정정보 [email protected]

9:41 AM 85%

설정

알림설정

버전 정보 〉

학교/학과 변경 〉

암호변경 〉

내 손안의 도서관,북인

Thank you인터랙티브 미디어 디자인

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

[인터랙티브] 피피티...

Art & Photos