[인터랙티브 미디어 디자인 2] 중간발표 김연신 | 이미진 | 이유림

1. Interactive Media Design
인터랙티브 미디어 디자인 [중간진행 발표]
[인터랙티브 미디어 디자인] 김연신 | 이미진 | 이유림

2. 들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
Index

3. 빌리려는 책은 어디에,
“분명히 대출가능인데 어디있는거야...”
사서에게 문의를 해도 당장 찾아 줄 수는 없고, 분실신고를 하고 연락처를 남기면
추후에 도서를 찾을 시, 연락을 주는 현재의 시스템에는 문제점이 많다.
Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

4. 나와 같은 경험을 한 사람들이 있을까?
20대 남녀 대학생 57명을 대상으로 도서관 이용에 관련한 설문을 실시
그들의 경험을 바탕으로 필요한 기능을 구체화
Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

5. 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
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

6. 도서관 어플 시스템
- 학생증이 있어야만 출입 가능한 시스템
- 어플 오류가 잦아서 출입이 조금 힘들다.
- 도서관 자리예약이 조금 번거롭다.
- 학생증을 안갖고 오면 이용할 수 없어서 불편했다
4. 도서관에서 주로 하는 행동은 무엇인가요?
0 10 20 30 40 50 60 70
책을 찾는다.
자료를 찾는다.
책을 읽는다.
잠을 잔다.
공부를 한다.
70
30
23
23
77
5. 도서관을 이용하면서 불편했던 상황이 있습니까?
- 제자리에 꽂혀있지 않은 책
- 책이 제자리에 꽂혀있지 않은 경우
- 대출 가능한 책인데 찾아보면 없어 불편했음
- 책이 있다고 보았는데 없을 때
- 가보니 원하던 책이 없을 때
- 번호에 따라 정리가 안되어있을때
- 책이없으면 기다려야한다는 것이 불편
- 빌려야할 책이 없을때
- 검색 시에는 나오는 데 찾으러 가면 없는 도서
- 책위치가제대로놓여져있지않았을때
- 분류번호대로 정리가 안되어있는 곳
책의 위치 책을 찾는 과정
- 서가번호가 어려워서 책을 찾는데 혼란이 온다.
- 책을 좀 더 쉽게 찾을 수 있으면 좋을 것 같아요.
- 일반도서관과 다르게 책찾기가 좀 더 어려움
- 어디있는지 한번에 찾을 수 없는 상황
-생각보다 도서관에서 책 찾는게 어려움
Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

7. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
발견점 도출
설문을 바탕으로 필요한 기능을 구체화
타겟으로 선정한 20대 대학생들은 도서관을 이용하면서
책을 찾는 과정, 위치, 도서관 앱에 관련된 불편함을 많이 느낌
- 제자리에 꽂혀있지 않은 책
- 있어야 할 자리에 책이 없을 때
- 책이 있다고 보았는데 없을 때
- 책 위치 찾는게 힘들고 어려울 때
- 서가번호가 어려워서 혼란이 올 때
- 어디있는지 한번에 찾을 수 없을 때
- 어플 오류가 잦아서 조금 짜증날 때
- 도서관 자리예약이 조금 번거로울 때
- 학생증을 안 갖고와 불편할 때
제자리에 있지 않은
책들을 알 수 있는
인터랙션 방법을 고안
책의 위치를 사용자의
입장에서 알기 쉽게
알려주는 방법을 고안
책의 위치, 책을 쉽게
검색하는 기능이 탑재된
새로운 도서관 앱을 제작
책을 찾는 과정 책의 위치 도서관 앱
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

8. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
1. 귀하의 성별은어떻게 되나요?
2. 귀하의 전공은 어떻게 되나요?
3. 평소 도서관 이용횟수는 어떻게 되나요?
4. 도서관을 이용의 불편한 점은 무엇입니까?
5. 불편했던 점이 있다면, 어떻게 해결을 할 수 있을지 말씀해주세요.
6. 더 나은 도서관이용을 위한 아이디어가 있으신가요?
24세 (4학년 취업준비생)
독어독문학과
일주일에 한 두번 정도
보려고하는 책이 없고, 예약하려고해도 잘 되지 않을때
내가 몇 번째 예약되어있는지 알 수 없어서 기다림이 지침
예약순서를 실시간으로 알 수 있고 내 앞에 있는 사람에게
빨리 반납하라는 알람이 떴으면 좋겠다.
반납이 제때 이뤄지지 않아 불편한 상황이 많이
발생하니까
어플을 통해 반납 D-day알람이나 팝업창이 떳으면
김연정 (성신여자대학교)
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

9. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
1. 귀하의 성별은어떻게 되나요?
2. 귀하의 전공은 어떻게 되나요?
3. 평소 도서관 이용횟수는 어떻게 되나요?
4. 도서관을 이용의 불편한 점은 무엇입니까?
24세 (3학년)
컴퓨터공학부
매주 3~4회 정도 이용
책의 위치를 서가번호로 알 수 는 있지만,
몇 번째 칸 몇 째줄에 위치하는지 쉽게 알 수 없어서
교보문고같은 대형문고에서 처럼 책을 검색하면 지도처럼
출력되는 작은 종이와 찾는 방법을 가이드
네이버 길찾기 앱처럼 책을 찾아가는 길이 지도 위에
책을 찾는 방법을 알려주는 모바일 앱이 있으면 좋겠다.
5. 불편했던 점이 있다면, 어떻게 해결을 할 수 있을지 말씀해주세요.
6. 더 나은 도서관이용을 위한 아이디어가 있으신가요?
방민식 (조지아대학교)
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

10. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
1. 귀하의 성별은어떻게 되나요?
2. 귀하의 전공은 어떻게 되나요?
3. 평소 도서관 이용횟수는 어떻게 되나요?
4. 도서관을 이용의 불편한 점은 무엇입니까?
23세 (2학년)
전기생체공학부
매주 2회 이상
도서를 검색하면 분명히 그 자리에 있어야 하는데 없고
어디에 있는지 사서에게 물어봐도 찾을 수 없을 때 불편함
게임에서 현재 내가 있는 맵 안에 어디에 위치해있는지
보여지는 미니맵처럼 찾고 있는 책의 위치가 보여졌으면
책의 위치도 한눈에 파악됐으면 좋겠고, 그냥 지나치지
않게
근처를 지나가면 알람이 떴으면 좋겠다.
5. 불편했던 점이 있다면, 어떻게 해결을 할 수 있을지 말씀해주세요.
6. 더 나은 도서관이용을 위한 아이디어가 있으신가요?
전제웅 (한양대학교)
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

11. 기능 구체화
타겟 리서치를 바탕으로 세부적 기능을 구체화
예약 & 도서반납
책의 위치 파악
책과의 인터랙션
도서의 예약순서를 정확히 알 수 있고
원활한 도서대출, 반납을 위해 D-day 알림
팝업창의 기능을 추가
네이버 길찾기 앱처럼 책을 찾아가는 길
도서관 내부지도 위에 사용자 위치에서 찾고있는
도서까지 ‘오른쪽으로 세걸음’처럼 가이드
사용자가 찜한 도서나 관심분야에 있는 책의
근처를 지나가면 ‘네가 1주일전에 찜한 책이야’
‘나를 알고싶지 않아?’ 귀여운 멘트의 팝업창
Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

12. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
퍼소나
PERSONA
밖에서도 길치, 안에서도 길치!
목표
특성
동기
“항상 길을 찾는데 어려움을 많이 겪어요.
쉽게 길을 찾을 수 있도록 안내가 잘 되었으면 좋겠어요.”
도서관에서 쉽게 길을 찾아서 책 빌리기
도서관을 편리하고 쉽게 이용하는 방법을 알고자 함.
니즈 책이 있는 정확한 위치를 쉽게 안내해야함.
대학 시설의 위치가 아직 익숙하지 않은 신입생.
친구들 사이에서도 유명한 길치중의 길치. 강의실 위치도 잘 못 찾아서 지각을 하곤함.
대학생이 되고나서 학교의 도서관을 이용해 보는 것이 로망이었지만,
도서 분류 체계가 어렵고 책이 너무 많아 찾기가 어려워 결국 빈손으로 도서관을 나오기 일쑤.
1
2
3
- 20세 시각디자인과 이은비씨

13. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
퍼소나
PERSONA
꾸준히 공부하기는 어려워, 취준생 김원준씨
목표
특성
동기
“이제 취업이 코앞이라 토익 점수가 급한데,
작심삼일이 습관이라 스스로 공부하기가 너무 힘들어요.” - 24세 컴퓨터공학과 김원준씨
스스로 토익 공부 목표치 달성하기
나의 공부량을 관리 할 수 있는 방법을 알아보려 함
니즈 나의 공부량을 관리해 줄 수 있어야 함, 목표치를 쉽게 확인할 수 있어야 함
의지가 약해서 스스로 공부를 하는데에 어려움을 느낀다.
공부하기 전 플래너에 공부할 분량들을 계획하지만 잘 지켜지지 않고,
플래너 챙기는 것을 항상 깜빡해서 자신이 세운 계획들을 잘 확인하지 못한다.
누군가가 자신의 공부량을 계속 체크해주었으면 한다.
1
2
3
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

14. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
퍼소나
PERSONA
24시간 눈코 뜰새 없이 바쁜, 통학생 윤보미씨
목표
특성
동기
“통학하랴, 과제하랴, 시험 공부하랴 너무나 바쁜 삶을 살고 있어요.
하지만 책은 손에서 놓지 않으려고 노력하죠.”
습관적으로 책 읽기
책의 반납 기간을 잘 지킬수 있는 방법에 대해서 알아보려 함.
니즈 반납일을 알려주거나 자동으로 반납되도록 해야함.
통학시간 내내 책을 읽으며 시간을 보낸다.
너무 바쁜 나머지 책의 반납일을 잘 지키지 못해서 항상 연체료를 낸다.
반납하려고 했다가 집에 책을 놔두고 와서 반납을 못한 경우도 허다하다.
읽고 싶은 책은 아주 많은데 다 대출중이라서 읽지 못했다.
1
2
3
- 22세 경영학과 윤보미씨
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

15. 시나리오
SCENARIO
밖에서도 길치, 안에서도 길치!
- 20세 시각디자인과 이은비씨
1. 2. 3. 4.
은비는 수업에 필요한 책을 빌리러
도서관에 들러 책을 검색했다.
검색을 한 후, 지도 보기를 눌러서
지도를 따라가며 헤매지 않고 편하
게 책을 찾을 수 있었다.
집에 돌아가려는데 방금 지나친
책이 교수님께서 한달 전에 빌리
신 책이라는 팝업이 뜬다.
어플로 바코드를 찍어서 두 가지
책을 편리하게 대출하여 집에 돌
아갔다.
Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

16. 시나리오
SCENARIO
1. 2. 3. 4.
원준은 토익 공부에 필요한 영어
문법책을 도서관에서 빌린다.
도서관에서 책을 빌리자마자 어플
에 일정기간동안 목표치를 얼마나
달성할것인지 설정하는 팝업이 뜬
다.
가끔씩 팝업이 떠서 목표치를 확
인해주니 습관적으로 공부량을
확인할 수 있었다.
목표치에 맞춰 공부를 하니 작심
삼일의 성격을 고친 것 같아 뿌듯
했다.
- 24세 컴퓨터공학과 김원준씨
꾸준히 공부하기는 어려워, 취준생 김원준씨Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

17. 24시간 눈코 뜰새 없이 바쁜, 통학생 윤보미씨
시나리오
SCENARIO
- 22세 경영학과 윤보미씨
보미는 책 반납 기간이 임박했다는
팝업을 보게 된다. 예상 연체료가
확인하고 급하게 책을 챙겼다.
반납해야하는 책을 숙대입구역에
있는 무인 반납함에 넣었다. 굳이
들고가지 않아도 되서 편했다.
1. 2. 3. 4.
새로운 책을 빌려려고 하는데 종이
책은 모두 대출중이어서 대출자 수
에 상관없는 E-book을 빌렸다.
E-book의 반납기간이 다가오자
자동으로 삭제되어 연체료를 물지
않을 수 있게 되었다.
Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

18. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
사용자 여정맵
USER JOURNEY
어플실행 회원가입 도서검색
앱에서 사용자의 행동
사용자의 실제행동
앱에서 사용자의 행동
사용자의 실제행동
앱 서비스
가입
기본정보 입력
에브리타임 연동
학과, 관심분야 입력
연관/자동 검색
키워드 검색
e-book 검색

19. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
사용자 여정맵
USER JOURNEY
도서 찾아가기 책 대여
열,평대 알림 앱으로 대여
팝업 메세지 안내길안내 서비스 도서 발견
검색 결과와 책 비교
앱에서 사용자의 행동
사용자의 실제행동
앱에서 사용자의 행동
사용자의 실제행동
앱 서비스

20. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
사용자 여정맵
USER JOURNEY
반납 안내 연체독서
반납일에 따른 독서 목표 안내독서 목표 설정 연체료 알림
남은 페이지 계산
앱에서 사용자의 행동
사용자의 실제행동
앱에서 사용자의 행동
사용자의 실제행동
앱 서비스

21. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
사용자 여정맵
USER JOURNEY
추천도서 통계반납
다음 읽을 책 추천
전공별 추천도서
타학교 추천도서
숙대입구역 무인 도서반납기 반납 독서 목표 통계
월별 독서 통계
다독왕이 되려면?
앱에서 사용자의 행동
사용자의 실제행동
앱에서 사용자의 행동
사용자의 실제행동
앱 서비스

22. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
와이어프레임
WIRE FRAME
Logo
Concept Image
로그인
회원가입
에타로 로그인
가입 및 로그인로딩화면
로그인
로그인
비밀번호
아이디
로그인
비밀번호
아이디
회원가입
회원가입
비밀번호
비밀번호 재입력
학과
관심분야
아이디
회원가입
비밀번호
비밀번호 재입력
학과
관심분야
아이디
에타로 로그인
로그인
비밀번호
에브리타임 아이디
로그인
비밀번호
에브리타임 아이디

23. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
와이어프레임
WIRE FRAME
메인페이지
로고
컨셉 이미지
별이 다섯개
독서광의 선택
새로 나왔어요
책사진 책사진 책사진
책사진 책사진 책사진
로고
자세히보기 지도보기
책사진
책이름
저자
출판사
간단한 정보
[별이 다섯개]
아프니까 청춘이다
불안한 미래와 외로운 청춘을 보내고 있는
이 시대 젊은이들에게 보내는 편지
책검색 자세히보기
지도보기
로고
컨셉 이미지
사랑제목
별이 다섯개
책사진 책사진 책사진
로고
연관검색 / 자동검색
제목 사랑
상사와 연애하기
나는 나와 사랑한다
사랑에 대하여
사랑이 사진집
사랑, 사랑, 사랑
로고
지도보기
자세히보기책 요약된 정보
정렬
제목, 저자, 발행처, 발행년도
책사진
지도보기
자세히보기책 요약된 정보
책사진
지도보기
자세히보기책 요약된 정보
책사진
제목 나는 나와 사랑한다
로고
책 제목 & 정보
책사진
별점후기
평가들
앱스토어 & 네이버 북스 & 리디북스
인터페이스 참고
4.2/5
로고
실내지도에서 나의 위치에서
도서까지 가는 이동 경로
책 위치정보

24. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
와이어프레임
WIRE FRAME
마이페이지
추천도서 찜한도서 반납일 D-day 통계 설정
로고
찜한도서 & 추천도서
반납 D-day
통계
설정
로그아웃
로고
내가 많이 읽은 분야책
월별 통계
로고로고
책사진 책사진 책사진
책사진 책사진
추천도서 (학과)
추천도서 (관심)
로고
책사진
D-4
책사진
D-4
책사진
D-4
로고
책사진 책사진 책사진
책사진 책사진
내가 찜한 도서
찜한도서 추천도서
로그인 정보 sookmyung_SD
알림 설정
학교/학과 변경
버전 정보
암호 변경

25. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
와이어프레임
WIRE FRAME
마이페이지
로그인 정보
로고
찜한도서 & 추천도서
반납 D-day
통계
설정
로그아웃
로고
현재 로그인 중인 아이디
암호변경
로고
암호 변경
학교/학과 변경
로고
학교/학과 변경
알림설정
로고
설정
로고
로그인 정보 sookmyung_SD
3.2.1
알림 설정
학교/학과 변경
버전 정보
암호 변경
sookmyung_SD
로그아웃
비밀번호 변경하기 학교/학과 변경하기
현재 암호 ******* 학교 숙명여자대학교
학과 시각디자인과
새 비밀번호
새 비밀번호
확인
*******
*******
푸쉬알림
알림이 오지 않을 경우, 아이폰/아이패드 > 설정 > 알림
에서 다음카페 앱의 알림을 활성화 해주세요.

26. 와이어프레임
WIRE FRAME
로고
QR코드를 자동으로 인식합니다.
카메라
로고
대출하기
책사진
아래 책을 대출 하시겠습니까?
책이름 / 저자
대출기간
큐알코드Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

27. 메인페이지
로고
컨셉 이미지
별이 다섯개
독서광의 선택
새로 나왔어요
책사진 책사진 책사진
책사진 책사진 책사진
로고
자세히보기 지도보기
책사진
책이름
저자
출판사
간단한 정보
[별이 다섯개]
아프니까 청춘이다
불안한 미래와 외로운 청춘을 보내고 있는
이 시대 젊은이들에게 보내는 편지
책검색
검색창이 페이지 가운데에 보
이고 추천책 목록이 있음
책은 제목, 작가, 출판사로 검
색할 수 있으며 연관검색어는
5개가 뜸
책을 검색하면 책 사진, 정보
와 함께 목록이 뜸
목록의 책을 누르면 사람들이
남긴 평점과 간단한 리뷰를
함께 볼 수 있음
추천책을 누르면 책에 대한 정
보와 위치정보를 볼 수 있음
지도가 떠서 사용자는 네비게
이션처럼 따라갈 수 있음. 말
풍선으로 책의 위치가 표시됨
자세히보기
지도보기
로고
연관검색 / 자동검색
제목 사랑
상사와 연애하기
나는 나와 사랑한다
사랑에 대하여
사랑이 사진집
사랑, 사랑, 사랑
로고
지도보기
자세히보기책 요약된 정보
정렬
제목, 저자, 발행처, 발행년도
책사진
지도보기
자세히보기책 요약된 정보
책사진
지도보기
자세히보기책 요약된 정보
책사진
제목 나는 나와 사랑한다
로고
책 제목 & 정보
책사진
별점후기
평가들
앱스토어 & 네이버 북스 & 리디북스
인터페이스 참고
4.2/5
로고
실내지도에서 나의 위치에서
도서까지 가는 이동 경로
책 위치정보
와이어프레임
WIRE FRAME
Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

28. 로고
바코드를 자동으로 인식합니다.
카메라
로고
대출하기
책사진
아래 책을 대출 하시겠습니까?
책이름 / 저자
대출기간
대출하기지도보기 대출 전 책 확인
로고
실내지도에서 나의 위치에서
도서까지 가는 이동 경로
책 위치정보
다시 확인하기
로고
실내지도에서 나의 위치에서
도서까지 가는 이동 경로
책 위치정보
로고
실내지도에서 나의 위치에서
도서까지 가는 이동 경로
책 위치정보
책 위치정보
[책이름]
잘 찾았어요 다시 확인하기
책은 제목, 작가, 출판사로 검
색할 수 있으며 연관검색어는
5개가 뜸
책을 다 찾으면 바코드를 찍는
대출 페이지가 나옴
바코드를 인식하면 책에 대한
확인과 함께 대출 가능
지도가 떠서 사용자는 네비게
이션처럼 따라갈 수 있음. 말
풍선으로 책의 위치가 표시됨
다시 확인시 지도로 다시 안
내됨
와이어프레임
WIRE FRAME
Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

29. 마이페이지
추천도서 찜한도서 반납일 D-day 통계 설정
로고
찜한도서 & 추천도서
반납 D-day
통계
설정
로그아웃
로고
내가 많이 읽은 분야책
월별 통계
로고로고
책사진 책사진 책사진
책사진 책사진
추천도서 (학과)
추천도서 (관심)
로고
책사진
D-4
책사진
D-4
책사진
D-4
로고
책사진 책사진 책사진
책사진 책사진
내가 찜한 도서
찜한도서 추천도서
로그인 정보
sookmyung_SD
알림 설정
학교/학과 변경
버전 정보
암호 변경
왼쪽 상단 아이콘을 누르면 마
이페이지를 볼 수 있음
나의 학과와 관심분야를 분석
하여 맞는 책을 추천해줌
내가 찜한 책들만 볼 수 있음 반납일을 간단한 그래프와 디
데이로 알려주는 페이지
내가 많이 읽은 분야와 월별
통계를 볼 수 있음
내 정보, 알림, 버전 확인을 할
수있는 설정페이지
와이어프레임
WIRE FRAME
Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

30. 마이페이지
로그인 정보
로고
찜한도서 & 추천도서
반납 D-day
통계
설정
로그아웃
로고
현재 로그인 중인 아이디
암호변경
로고
암호 변경
학교/학과 변경
로고
학교/학과 변경
알림설정
로고
설정
왼쪽 상단 아이콘을 누르면 마
이페이지를 볼 수 있음
로고
로그인 정보 sookmyung_SD
3.2.1
알림 설정
학교/학과 변경
버전 정보
암호 변경
sookmyung_SD
로그아웃
비밀번호 변경하기 학교/학과 변경하기
현재 암호 ******* 학교 숙명여자대학교
학과 시각디자인과
새 비밀번호
새 비밀번호
확인
*******
*******
푸쉬알림
알림이 오지 않을 경우, 아이폰/아이패드 > 설정 > 알림
에서 다음카페 앱의 알림을 활성화 해주세요.
내 정보, 알림, 버전 확인을 할
수있는 설정페이지
현재 로그인 된 아이디를 확인
할 수 있고 로그아웃 가능
현재 암호를 변경할 수 있는
페이지
본인 학교와 학교를 변경할 수
있는 페이지
어플의 푸쉬 알림을 설정할 수
있는 페이지
와이어프레임
WIRE FRAME
Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안

31. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
디자인 시안
도서분류법 아이콘
역사 900
자연과학 400
문학 800
사회과학 300
언어 700
종교 200
예술 600
철학 100
기술과학 500
총류 000

32. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
BOOK-in
에브리타임이라는 기존 앱에 탑제
도서검색, 대출, 반납 D-day알람
전공별 추천도서 등의 기능
디자인 시안
모바일 APP
BOOK-in
9:41 AM 85%

33. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
BOOK-in
9:41 AM 85%
회원가입
에브리타임으로 로그인
로그인
비밀번호 ?
BOOK-in
9:41 AM 85%
| 제목, 저자, 키워드, 이북 검색
별이 다섯개 만점을 가장 많이 받은 책
독서광의 선택 그들이 인정한 책
새로 나왔어요 추천 신간도서
태백산맥 무소유 오솔길
노인과 바다 안나 카레리나 어루만지다
1
1
2
2
3
3
디자인 시안
모바일 APP
에브리타임으로 로그인 가능
메인페이지에는 별점순 추천
신간도서 추천 등 책리스트 나열

34. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
BOOK-in
9:41 AM 85%
| 제목, 저자, 키워드, 이북 검색
별이 다섯개 만점을 가장 많이 받은 책
독서광의 선택 그들이 인정한 책
새로 나왔어요 추천 신간도서
태백산맥 무소유 오솔길
노인과 바다 안나 카레리나 어루만지다
1
1
2
2
3
3
| 제목, 저자, 키워드 검색
별이 다섯개 만점을 가장 많이 받은 책
독서광의 선택 그들이 인정한 책
새로 나왔어요 추천 신간도서
태백산맥 무소유
노인과 바다 안나 카레리나
1
1
2
2
3
3
사용자 닉네임
889668@hanmail.net
찜한 도서
로그아웃
설정
반납 D-day 알람
나의 목표
추천 도서
예약 도서
타이포그래피 교과서
[지은이] 제임스 크레이그 외 2명
[출판사] 안그라픽스
지도 보기
자세히 보기
글씨를 짓다
[지은이] 타이포그래피 서울
[출판사] 윤디자인
지도 보기
자세히 보기
타이포그래피 미학
[지은이] 김동빈
[출판사] 커뮤니케이션북스
지도 보기
자세히 보기
한글 타이포그래피
[지은이] 제임스 크레이그 외 2명
[출판사] 안그라픽스
지도 보기
자세히 보기
| 타이포그래피
#타이포그래피 #안그라픽스 #디자인 #바우하우스 #얀치홀트 #서체
#일러스트레이션 #헬베티카 #푸투라 #네빌브로디
BOOK-in
9:41 AM 85%
디자인 시안
모바일 APP
나의 페이지에는 나의 목표설정
반납 D-day, 나만의 추천도서 등
다양하고 편리한 기능들을 탑재

35. 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
오늘도 연체하면...
확인 취소
원 연체
반납일에서 지금까지
디자인 시안
모바일 APP
책에 대한 거부감을 줄이기 위해
귀여운 캐릭터가 친구처럼 말하는
팝업창과 어휘를 선택

36. Index
[인터랙티브 미디어 디자인]
김연신 | 이미진 | 이유림
들어가기
일상에서 찾는 사용자 경험
사용자 조사
설문조사, 타겟리서치
아이디어 확정
퍼소나, 시나리오, 사용자 여정맵
개발 계획
와이어프레임
디자인 시안
디자인 시안
모바일 APP
도서를 검색하고 그곳까지 가는
경로가 표시되고 위치를 알려주는
표시를 누르면 확인 팝업창
3층 서가번호 624
3번째 칸 4번째 줄에 있어
빨리 나를 찾아줘!!! 얼릉 오라고 느림보야
| 정보 디자인 교과서 검색중...
정보 디자인 교과서는 안그라픽스에서 2010년 발간한 교과서 시리
즈 중 3번째 간행물이다. 빅데이터 시대를 살아가는 디자이너들에게
데이터를 시각화하는 방법과 그 방향을 알려주는 지침서
책 정보
BOOK-in
9:41 AM 85% 85%
3층 서가번호 624
3번째 칸 4번째 줄에 있어
빨리 나를 찾아줘!!! 얼릉 오라고 느림보야
| 정보 디자인 교과서 검색중...
정보 디자인 교과서는 안그라픽스에서 2010년 발간한 교과서 시리
즈 중 3번째 간행물이다. 빅데이터 시대를 살아가는 디자이너들에게
데이터를 시각화하는 방법과 그 방향을 알려주는 지침서
책 정보
BOOK-in
9:41 AM 85%
정보 디자인 교과서
3층 서가번호 624
3번째 칸 4번째 줄
잘 찾았어요 다시 확인하기

37. Thank You
인터랙티브 미디어 디자인 [중간진행 발표]
[인터랙티브 미디어 디자인] 김연신 | 이미진 | 이유림