On-ly 2.0 Idea Mockup

E
1
On-ly 2.0 Idea Mockup
2015. 04. 13.
개발2본부 박재영,이소은
2
On-ly 2.0 Mockup
I. Information Architecture
a. Main
b. Today & This Week
c. 메뉴
II. Mockup (작업 예정)
목차
3
On-ly 2.0 Mockup
0. Main
1. Today 2. This Week
1.1.
오늘의 플레이타임
1.2.
오늘 한 게임목록
3. 메뉴
1.3.
일별 통계
1.4.
그래프 세부정보 표시
2.1.
금주의 플레이타임
2.2.
이번주에 한 게임목록
2.3.
주별 통계
2.4.
그래프 세부정보 표시
3.1.
내 게임 책장
3.2.
내 친구는?
3.5.
On-ly 추천하기
3.6.
설정
4. On-ly Tooltips
4.1. 내 친구는 어떤 게임을 하고 있을까? => 12.1.
4.2. 내 친구는 몇시간이나 게임을 했을까? => 12.2.
I. Information Architecture – a. Main
4
On-ly 2.0 Mockup
1. Today
1.1
오늘의 플레이타임
1.2.
오늘 한 게임목록
5. 플레이타임 정보
5.1.
총 플레이 타임
5.2.
등급 그래프
7. Facebook 연동
5.3.
SNS 미연동
5.4. 친구들 등급이
궁금해요
5.5.
자랑하기
1.3.
일별 통계
1.4.
그래프 세부정보 표시
6. 일별 막대 그래프
2. This Week
2.1
금주의 플레이타임
2.2.
이번주에 한 게임목록
2.3.
주별 통계
2.4.
그래프 세부정보 표시
10. 주별 선 그래프
I. Information Architecture – b. Today & This Week
5
On-ly 2.0 Mockup
3. 메뉴
3.1.
내 게임 책장
3.2.
내 친구는?
11. 책장 전체보기
(Zoom out)
14. 책장 가까이보기
(Zoom in)
14.2. 게임 목록
설치된 게임 5. 플레이타임 정보
게임 세부 정보
Google Play 링크
14.1. 책장 전체 보기
YES
NO
12. 공유 기능 메뉴
12.1.
친구가 하고 있는 게임
12.2.
친구의 플레이타임
7. Facebook 연동
15.
친구가 하고 있는 게임
15.1. 친구별 게임 목록
7. Facebook 연동
16. 친구들의
플레이타임 버블 차트
19. 게임 세부 정보
19.1. Google Play 링크
Next >>
I. Information Architecture – c. 메뉴(1)
6
On-ly 2.0 Mockup
3.5.
On-ly 추천하기
3.6.
설정
21. On-ly 추천하기
21.1. URL 복사
21.2.
초대 메세지 보내기
25. SNS 선택하기26. 초대 메세지 미리보기
26.1. 전송하기
22. 설정
22.1. On-ly 사용 여부
22.2. 일일 목표 설정
22.3. 주간 목표 설정
22.5.
친구 정보 출력 여부
22.4. 기타 정보
I. Information Architecture – c. 메뉴(2)
7
On-ly 2.0 Mockup
II. Mockup – 1. Today
1.1 오늘의 플레이타임
- 오늘의 게임 플레이 시간을 도넛 그래프로 보여줍니다.
- tap: “2. This Week” 으로 이동.
1.2 오늘 한 게임 목록
- 오늘 한 게임 목록을 게임 아이콘으로 보여줍니다.
- tap: “5. 플레이타임 정보” 팝업 실행
1.3 일별 통계
- 하루 단위로 게임 시간 통계를 보여줍니다.
- swipe: 다른 날짜의 게임 시간 통계를 볼수 있음.
1.4 그래프 세부정보 표시
- 오늘 하루동안의 게임 플레이 시간을 막대 그래프로 볼 수 있는 아이콘입니다.
- tap: “6.일별 막대 그래프”팝업 실행
1.1
1.2
1.3
1.4
8
On-ly 2.0 Mockup
II. Mockup – 2. This Week
2.1 금주의 플레이타임
- 금주의 게임 플레이 시간을 도넛 그래프로 보여줍니다.
- tap: “1. Today” 으로 이동.
2.2 이번주에 한 게임 목록
- 이번주 한 게임 목록을 게임 아이콘으로 보여줍니다.
- tap: “5. 플레이타임 정보” 팝업 실행
2.3 주별 통계
- 주 단위로 게임 시간 통계를 보여줍니다.
- swipe: 다른 날짜의 게임 시간 통계를 볼수 있음.
2.4 그래프 세부정보 표시
- 주별 게임 플레이 시간을 선 그래프로 볼 수 있는 아이콘입니다.
- tap: “10.주별 선 그래프”팝업 실행
2.1
2.2
2.3
2.4
9
On-ly 2.0 Mockup
II. Mockup – 3.메뉴
3.1 내 게임 책장
- 내 게임 책장을 보고 싶으면 누르는 버튼입니다.
- tap: “11.책장 전체 보기”으로 이동
3.2 내 친구는?
- 친구의 정보를 보고 싶으면 누르는 버튼입니다.
- tap: “12.공유 기능 메뉴”으로 이동
3.5 On-ly 추천 하기
- On-ly를 추천하고 싶으면 누르는 버튼입니다.
- tap: “21.On-ly 추천하기”으로 이동
3.6 설정
- 설정 페이지로 가고 싶으면 누르는 버튼입니다.
- tap: “22.설정”으로 이동
3.1
3.2
3.5
3.6
내 게임 책장
내 친구는?
On-ly 추천하기
설정
10
On-ly 2.0 Mockup
II. Mockup – 4. On-ly Tips
4. On-ly Tips
- App이 뜰 때 하나씩 디스플레이
4.1 내 친구는 어떤 게임을 하고 있을까?
- 친구가 하고 있는 게임을 보도록 유도하는 Tooltip입니다.
- tap: “15. 친구가 하고 있는 게임”으로 이동
4.2 내 친구는 얼마나 게임 폐인 일까?
- 친구들이 얼마나 게임을 하고 있는지 보도록 유도하는 Tooltip입니다.
- tap: “16. 친구들의 플레이 타임 버블 차트 ”으로 이동
내 친구는 어떤 게임을 하고 있을까?
4.1
내 친구는 얼마나 게임 폐인 일까?
4.2
닫기 다른팁 보기 닫기 다른팁 보기
11
On-ly 2.0 Mockup
II. Mockup – 5.플레이 타임 정보
5.1 총 플레이 타임
- 해당 게임의 총 플레이 타임을 보여줍니다.
5.2 등급 그래프
- 해당 게임을 하는 하는 Global User들 가운데 자신의 플레이
타임 등급을 보여줍니다.
- 등급은 총 5개의 등급으로 이루어져 있습니다.
5.4 친구들 등급이 궁금해요
- Facebook 친구들의 플레이 타임 정보를 보고 싶으면 클릭하는 버튼입니다.
- tap: “7.Facebook 연동” 페이지로 이동
5.5 자랑하기
- 자신의 플레이 타임 정보를 친구에게 자랑하고 싶다면 클릭하는 버튼입니다.
- tap: “8.자랑하기” 팝업 실행
친구에게
자랑하기
당신은 현재 1 star 등급입니다.
closeclose친구들 등급이 궁금해요
5.1
5.2
5.5
5.4
Facebook 미연동 Facebook 연동
유입 경로
친구에게
자랑하기
내 게임 책장
+
3. “12.책장 가까이 보기 12.1” 에서 유입1. “1.Today 1.2” 에서 유입 2. “2.This week 2.2” 에서 유입
12
On-ly 2.0 Mockup
II. Mockup – 6. 일별 막대 그래프
6. 일별 막대 그래프
- 오늘의 게임 플레이 시간을 막대 그래프로 보여줍니다.
6
유입 경로
1. “1.Today 1.4” 에서 유입
13
On-ly 2.0 Mockup
II. Mockup – 7.Facebook 연동
7 Facebook 연동
- Facebook 연동을 하면 Facebook 친구들의 플레이 타임 등급을 볼 수 있습니다.
Facebook 연동
친구 정보를 위해
Facebook 로그인이 필요합니다.
로그인 닫기
유입 경로
1. “5.플레이타임 정보 5.4” 에서 유입
내 친구는?
내 친구는 어떤 게임을 하고 있을까?
내 친구는 얼마나 게임 폐인 일까?
내 친구들이 좋아하는 게임은 무엇일까?
2. “13.공유 기능 메뉴
13.1, 13.2, 13.3” 에서 유입
친구에게
자랑하기
당신은 현재 1 star 등급입니다.
closeclose친구들 등급이 궁금해요
Facebook 미연동
14
On-ly 2.0 Mockup
II. Mockup – 8.자랑하기
8.1 미리보기
- 친구에게 자랑하고자 하는 메시지를 미리 볼 수 있습니다 .
8.2 메세지 전송 버튼
- 자랑하고자 하는 메시지를 전송하고 싶을 때 누르는 버튼입니다.
- tap: “9.SNS 목록” 팝업창 실행
다음 메시지를 친구에게 전송
메시지 전송
8.1
8.2
유입 경로
1. “5.플레이 타임 정보 5.5” 에서 유입
친구에게
자랑하기
당신은 현재 1 star 등급입니다.
closeclose친구들 등급이 궁금해요 close
Facebook 미연동 Facebook 연동
친구에게
자랑하기
15
On-ly 2.0 Mockup
II. Mockup – 9.SNS 목록
9 SNS목록
- 자랑하고자 하는 메시지의 전송 방식을 선택합니다.
- tap: “해당 앱 ${카카오톡,페이스북...}”으로 이동
9.1 링크 복사
- On-ly 추천시에 선택하는 메시지 전송 방식에만 나온다.
- 자랑하기에는 이 항목이 나오지 않음.
메시지 전송 방식 선택
9
9.1
유입 경로
1. “8.자랑하기 8.2” 에서 유입
다음 메시지를 친구에게 전송
메시지 전송
2. “23.On-ly추천하기 23.3” 에서 유입
초대 메시지 보내기
다음 메시지를 친구에게 전송
[On-ly]
친구의 은밀한 게임 라이프를
지금 확인하세요!
16
On-ly 2.0 Mockup
II. Mockup – 10. 주별 선 그래프
10.1 주별 선 그래프
- 금주의 게임 플레이 시간을 선 그래프로 보여줍니다.
- tap: “10.2 지난주와 비교하기” 팝업 실행.
10.2 지난주와 비교 하기
- 금주의 게임 플레이 시간과 지난 주의 게임 플레이 시간을 비교합니다.
- tap: “10.1 주별 선 그래프” 팝업 실행
10.1 10.2
유입 경로
1. “2.This week 2.4” 에서 유입
17
On-ly 2.0 Mockup
II. Mockup – 12.책장 가까이 보기(Zoom in)
12.1 게임 목록
- 한 책장에 20개까지의 게임 목록을 보여줍니다.
- tap: 설치된 게임일 경우 “5.플레이 타임 정보” 팝업 실행
설치되지 않은 게임일 경우 “19.게임 세부 정보”으로 이동
-swipe: 게임이 50개 이상일 경우 다른 책장으로 넘어가 게임 목록 보여줌
12.2 새로운 게임 추가
- 새로운 게임을 추가하고 싶을 때 누르는 버튼입니다.
-
내 게임 책장
+
12.2
12.1
내 게임 책장
지금 까지 한 게임 목록이 20개 미만일 경우 지금 까지 한 게임 목록이 50개 이상일 경우
12.1
유입 경로
1. “3.메뉴 3.1” 에서 유입
내 게임 책장
내 친구는?
On-ly 추천하기
설정
18
On-ly 2.0 Mockup
II. Mockup – 13. 공유 기능 메뉴
13.1 친구가 하고 있는 게임
- 친구가 하고 있는 게임을 보고자 할 때 누르는 버튼입니다.
- tap: Facebook 연동이 되어 있지 않으면 “7.Facebook 연동” 팝업 실행
Facebook 연동이 되어 있으면 “15.친구가 하고 있는 게임”으로 이동
13.2 친구의 플레이 타임
- 친구의 플레이 타임을 보고자 할 때 누르는 버튼입니다.
- tap: Facebook 연동이 되어있지 않으면 “7.Facebook 연동” 팝업 실행
Facebook 연동이 되어 있으면 “16.친구들의 플레이 타임 버블 차트”으로 이동
13.3 친구끼리 게임 차트
- 친구 끼리의 게임 차트를 보고자 할 때 누르는 버튼입니다.
- tap: Facebook 연동이 되어있지 않으면 “7.Facebook 연동” 팝업 실행
Facebook 연동이 되어 있으면
”17.친구끼리 게임차트 in On-ly 게임 차트”으로 이동
내 친구는?
내 친구는 어떤 게임을 하고 있을까?
내 친구는 얼마나 게임 폐인 일까?
내 친구들이 많이 좋아하는 게임은 무엇일까?
13.1
13.2
13.3
유입 경로
1. “3.메뉴 3.2” 에서 유입
내 게임 책장
내 친구는?
On-ly 추천하기
설정
19
On-ly 2.0 Mockup
II. Mockup – 15. 친구가 하고 있는 게임
15.1 친구 별 게임 목록
- 친구가 하고 있는 게임을 볼 수 있습니다.
- 현재 내 폰에 설치된 게임은 형광색 테두리로 표시됩니다.
- tap : “19.게임 세부 정보”으로 이동
- swipe : 더 많은 친구들의 게임 목록을 볼 수 있습니다.
내 친구는 어떤 게임을 하고 있을까?
Jae-chel KIm
Khyung-mo Yang
Jung Kim
MInji Lee
15.1
외 2개
외 10개
외 3개
유입 경로유입 경로
내 친구는 어떤 게임을 하고 있을까?
닫기 다른팁 보기
유입 경로
1. “4.On-ly Tips 4.1” 에서 유입
내 친구는?
내 친구는 어떤 게임을 하고 있을까?
내 친구는 얼마나 게임 폐인 일까?
내 친구들이 좋아하는 게임은 무엇일까?
2. “13.공유 메뉴 13.1” 에서 유입
20
On-ly 2.0 Mockup
II. Mockup – 16. 친구들의 플레이 타임 버블 차트
16 친구들의 플레이 타임 버블 차트
- 친구들의 플레이 타임을 버블 차트로 보여 줍니다.
- 이름을 출력하기에 너무 작은 원은 이름 출력을 하지 않습니다.
내 친구는 얼마나 게임 폐인 일까?
양경모
조석현
박재영
김민기
김 정
황재준
김재철
이민지
나
me
나: 총 3개의 게임을 3시간 동안 함
내 친구는 얼마나 게임 폐인 일까?
닫기 다른팁 보기
1. “4.On-ly Tips 4.2” 에서 유입
유입 경로
내 친구는?
내 친구는 어떤 게임을 하고 있을까?
내 친구는 얼마나 게임 폐인 일까?
내 친구들이 좋아하는 게임은 무엇일까?
2. “13.공유 메뉴 13.2” 에서 유입
21
내 친구는 어떤 게임을 하고 있을까?
Jae-chel KIm
Khyung-mo Yang
Jung Kim
MInji Lee
외 2개
외 10개
외 3개
On-ly 2.0 Mockup
II. Mockup – 19.게임 세부 정보(뒷 배경 바꿔야 함)
19.1 Google Play 링크
- 해당 게임을 다운 받고 싶으면 누르는 버튼입니다.
- tap : “해당 게임의 구글 플레이 스토어 ”로 이동
close 다운 받기
Rule the Sky
2015년 2월 22일부터
238명이 550시간 이용
19.1
유입 경로
내 친구는 어떤 게임을 하고 있을까?
Jae-chel KIm
Khyung-mo Yang
Jung Kim
MInji Lee
외 2개
외 10개
외 3개
1. “15.친구가 하고 있는 게임 15.1” 에서 유입
22
On-ly 2.0 Mockup
II. Mockup – 23. On-ly 추천하기
23.1 초대 메세지 미리보기
- On-ly 초대 메세지를 미리 볼 수 있는 창 입니다
23.2 초대 메세지 보내기
- 초대 메시지를 보내고자 할 때 누르는 버튼입니다.
- tap: “9.SNS 목록” 으로 이동
초대 메시지 보내기
다음 메시지를 친구에게 전송
[On-ly]
친구의 은밀한 게임 라이프를
지금 확인하세요!
23.1
23.3
유입 경로
1. “3.메뉴 3.5” 에서 유입
내 게임 책장
내 친구는?
맞춤 게임 추천
On-ly 게임 차트
On-ly 추천하기
설정
23
On-ly 2.0 Mockup
II. Mockup – 24. 설정
24.1 On-ly 사용 여부
- On-ly 사용 여부를 설정 할 수 있는 항목입니다.
- tap: On-ly 사용 여부를 설정
24.2 일일 목표 설정
- 일일 게임 시간 목표를 설정 할 수 있습니다.
- tap: 게임 시간 목표를 설정 할 수 있는 팝업창 실행.
24.3 주간 목표 설정
- 주간 게임 시간 목표를 설정 할 수 있습니다.
- tap: 게임 시간 목표를 설정 할 수 있는 팝업창 실행
24.4 친구 정보 출력 여부
- 친구 정보 보기를 설정 할 수 있는 항목입니다.
- tap: 친구 정보 보기 여부 설정
24.5 On-ly tips 보기 여부
- On-ly tips 보기를 설정 할 수 있는 항목입니다.
- tap: On-ly 팁 보기 여부 설정
24.6 기타 정보
- 개발자 페이지, 메일 보내기, Version등을 볼 수 있는 항목입니다.
친구 정보 보기
24.1
24.2
24.3
24.4
친구 정보 보기
24.7
On-ly tips 보기 24.5
나이 성별 설정
유입 경로
1. “3.메뉴 3.6” 에서 유입
내 게임 책장
내 친구는?
On-ly 추천하기
설정
1 of 23

Recommended

그래프(Graph)와 그래프 알고리즘(단어사다리 문제 해결) by
그래프(Graph)와 그래프 알고리즘(단어사다리 문제 해결)그래프(Graph)와 그래프 알고리즘(단어사다리 문제 해결)
그래프(Graph)와 그래프 알고리즘(단어사다리 문제 해결)Eunwoo Cho
4.2K views19 slides
인포그래픽스 만들기 구소영 by
인포그래픽스 만들기 구소영인포그래픽스 만들기 구소영
인포그래픽스 만들기 구소영guvely94
651 views10 slides
R과 기초통계 : 02.기술통계-자료나타내기 by
R과 기초통계 : 02.기술통계-자료나타내기R과 기초통계 : 02.기술통계-자료나타내기
R과 기초통계 : 02.기술통계-자료나타내기Yoonwhan Lee
5.1K views9 slides
[Gaming on AWS] AWS와 함께 한 쿠키런 서버 Re-architecting 사례 - 데브시스터즈 by
[Gaming on AWS] AWS와 함께 한 쿠키런 서버 Re-architecting 사례 - 데브시스터즈[Gaming on AWS] AWS와 함께 한 쿠키런 서버 Re-architecting 사례 - 데브시스터즈
[Gaming on AWS] AWS와 함께 한 쿠키런 서버 Re-architecting 사례 - 데브시스터즈Amazon Web Services Korea
13.1K views19 slides
Vert.x vs akka by
Vert.x vs akkaVert.x vs akka
Vert.x vs akkaChang-Hwan Han
7.3K views19 slides
스사모 테크톡 - GraphX by
스사모 테크톡 - GraphX스사모 테크톡 - GraphX
스사모 테크톡 - GraphXSangWoo Kim
6.5K views25 slides

More Related Content

Featured

ChatGPT and the Future of Work - Clark Boyd by
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
22.6K views69 slides
Getting into the tech field. what next by
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
5.5K views22 slides
Google's Just Not That Into You: Understanding Core Updates & Search Intent by
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
6.2K views99 slides
How to have difficult conversations by
How to have difficult conversations How to have difficult conversations
How to have difficult conversations Rajiv Jayarajah, MAppComm, ACC
4.7K views19 slides
Introduction to Data Science by
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data ScienceChristy Abraham Joy
82.2K views51 slides
Time Management & Productivity - Best Practices by
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
169.7K views42 slides

Featured(20)

ChatGPT and the Future of Work - Clark Boyd by Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd22.6K views
Getting into the tech field. what next by Tessa Mero
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero5.5K views
Google's Just Not That Into You: Understanding Core Updates & Search Intent by Lily Ray
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray6.2K views
Time Management & Productivity - Best Practices by Vit Horky
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky169.7K views
The six step guide to practical project management by MindGenius
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius36.6K views
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright... by RachelPearson36
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson3612.6K views
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present... by Applitools
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools55.5K views
12 Ways to Increase Your Influence at Work by GetSmarter
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter401.6K views
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G... by DevGAMM Conference
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference3.6K views
Barbie - Brand Strategy Presentation by Erica Santiago
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago25.1K views
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well by Saba Software
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Saba Software25.2K views
Introduction to C Programming Language by Simplilearn
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
Simplilearn8.4K views
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr... by Palo Alto Software
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
Palo Alto Software88.4K views
9 Tips for a Work-free Vacation by Weekdone.com
9 Tips for a Work-free Vacation9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation
Weekdone.com7.2K views
How to Map Your Future by SlideShop.com
How to Map Your FutureHow to Map Your Future
How to Map Your Future
SlideShop.com275.1K views

On-ly 2.0 Idea Mockup

  • 1. 1 On-ly 2.0 Idea Mockup 2015. 04. 13. 개발2본부 박재영,이소은
  • 2. 2 On-ly 2.0 Mockup I. Information Architecture a. Main b. Today & This Week c. 메뉴 II. Mockup (작업 예정) 목차
  • 3. 3 On-ly 2.0 Mockup 0. Main 1. Today 2. This Week 1.1. 오늘의 플레이타임 1.2. 오늘 한 게임목록 3. 메뉴 1.3. 일별 통계 1.4. 그래프 세부정보 표시 2.1. 금주의 플레이타임 2.2. 이번주에 한 게임목록 2.3. 주별 통계 2.4. 그래프 세부정보 표시 3.1. 내 게임 책장 3.2. 내 친구는? 3.5. On-ly 추천하기 3.6. 설정 4. On-ly Tooltips 4.1. 내 친구는 어떤 게임을 하고 있을까? => 12.1. 4.2. 내 친구는 몇시간이나 게임을 했을까? => 12.2. I. Information Architecture – a. Main
  • 4. 4 On-ly 2.0 Mockup 1. Today 1.1 오늘의 플레이타임 1.2. 오늘 한 게임목록 5. 플레이타임 정보 5.1. 총 플레이 타임 5.2. 등급 그래프 7. Facebook 연동 5.3. SNS 미연동 5.4. 친구들 등급이 궁금해요 5.5. 자랑하기 1.3. 일별 통계 1.4. 그래프 세부정보 표시 6. 일별 막대 그래프 2. This Week 2.1 금주의 플레이타임 2.2. 이번주에 한 게임목록 2.3. 주별 통계 2.4. 그래프 세부정보 표시 10. 주별 선 그래프 I. Information Architecture – b. Today & This Week
  • 5. 5 On-ly 2.0 Mockup 3. 메뉴 3.1. 내 게임 책장 3.2. 내 친구는? 11. 책장 전체보기 (Zoom out) 14. 책장 가까이보기 (Zoom in) 14.2. 게임 목록 설치된 게임 5. 플레이타임 정보 게임 세부 정보 Google Play 링크 14.1. 책장 전체 보기 YES NO 12. 공유 기능 메뉴 12.1. 친구가 하고 있는 게임 12.2. 친구의 플레이타임 7. Facebook 연동 15. 친구가 하고 있는 게임 15.1. 친구별 게임 목록 7. Facebook 연동 16. 친구들의 플레이타임 버블 차트 19. 게임 세부 정보 19.1. Google Play 링크 Next >> I. Information Architecture – c. 메뉴(1)
  • 6. 6 On-ly 2.0 Mockup 3.5. On-ly 추천하기 3.6. 설정 21. On-ly 추천하기 21.1. URL 복사 21.2. 초대 메세지 보내기 25. SNS 선택하기26. 초대 메세지 미리보기 26.1. 전송하기 22. 설정 22.1. On-ly 사용 여부 22.2. 일일 목표 설정 22.3. 주간 목표 설정 22.5. 친구 정보 출력 여부 22.4. 기타 정보 I. Information Architecture – c. 메뉴(2)
  • 7. 7 On-ly 2.0 Mockup II. Mockup – 1. Today 1.1 오늘의 플레이타임 - 오늘의 게임 플레이 시간을 도넛 그래프로 보여줍니다. - tap: “2. This Week” 으로 이동. 1.2 오늘 한 게임 목록 - 오늘 한 게임 목록을 게임 아이콘으로 보여줍니다. - tap: “5. 플레이타임 정보” 팝업 실행 1.3 일별 통계 - 하루 단위로 게임 시간 통계를 보여줍니다. - swipe: 다른 날짜의 게임 시간 통계를 볼수 있음. 1.4 그래프 세부정보 표시 - 오늘 하루동안의 게임 플레이 시간을 막대 그래프로 볼 수 있는 아이콘입니다. - tap: “6.일별 막대 그래프”팝업 실행 1.1 1.2 1.3 1.4
  • 8. 8 On-ly 2.0 Mockup II. Mockup – 2. This Week 2.1 금주의 플레이타임 - 금주의 게임 플레이 시간을 도넛 그래프로 보여줍니다. - tap: “1. Today” 으로 이동. 2.2 이번주에 한 게임 목록 - 이번주 한 게임 목록을 게임 아이콘으로 보여줍니다. - tap: “5. 플레이타임 정보” 팝업 실행 2.3 주별 통계 - 주 단위로 게임 시간 통계를 보여줍니다. - swipe: 다른 날짜의 게임 시간 통계를 볼수 있음. 2.4 그래프 세부정보 표시 - 주별 게임 플레이 시간을 선 그래프로 볼 수 있는 아이콘입니다. - tap: “10.주별 선 그래프”팝업 실행 2.1 2.2 2.3 2.4
  • 9. 9 On-ly 2.0 Mockup II. Mockup – 3.메뉴 3.1 내 게임 책장 - 내 게임 책장을 보고 싶으면 누르는 버튼입니다. - tap: “11.책장 전체 보기”으로 이동 3.2 내 친구는? - 친구의 정보를 보고 싶으면 누르는 버튼입니다. - tap: “12.공유 기능 메뉴”으로 이동 3.5 On-ly 추천 하기 - On-ly를 추천하고 싶으면 누르는 버튼입니다. - tap: “21.On-ly 추천하기”으로 이동 3.6 설정 - 설정 페이지로 가고 싶으면 누르는 버튼입니다. - tap: “22.설정”으로 이동 3.1 3.2 3.5 3.6 내 게임 책장 내 친구는? On-ly 추천하기 설정
  • 10. 10 On-ly 2.0 Mockup II. Mockup – 4. On-ly Tips 4. On-ly Tips - App이 뜰 때 하나씩 디스플레이 4.1 내 친구는 어떤 게임을 하고 있을까? - 친구가 하고 있는 게임을 보도록 유도하는 Tooltip입니다. - tap: “15. 친구가 하고 있는 게임”으로 이동 4.2 내 친구는 얼마나 게임 폐인 일까? - 친구들이 얼마나 게임을 하고 있는지 보도록 유도하는 Tooltip입니다. - tap: “16. 친구들의 플레이 타임 버블 차트 ”으로 이동 내 친구는 어떤 게임을 하고 있을까? 4.1 내 친구는 얼마나 게임 폐인 일까? 4.2 닫기 다른팁 보기 닫기 다른팁 보기
  • 11. 11 On-ly 2.0 Mockup II. Mockup – 5.플레이 타임 정보 5.1 총 플레이 타임 - 해당 게임의 총 플레이 타임을 보여줍니다. 5.2 등급 그래프 - 해당 게임을 하는 하는 Global User들 가운데 자신의 플레이 타임 등급을 보여줍니다. - 등급은 총 5개의 등급으로 이루어져 있습니다. 5.4 친구들 등급이 궁금해요 - Facebook 친구들의 플레이 타임 정보를 보고 싶으면 클릭하는 버튼입니다. - tap: “7.Facebook 연동” 페이지로 이동 5.5 자랑하기 - 자신의 플레이 타임 정보를 친구에게 자랑하고 싶다면 클릭하는 버튼입니다. - tap: “8.자랑하기” 팝업 실행 친구에게 자랑하기 당신은 현재 1 star 등급입니다. closeclose친구들 등급이 궁금해요 5.1 5.2 5.5 5.4 Facebook 미연동 Facebook 연동 유입 경로 친구에게 자랑하기 내 게임 책장 + 3. “12.책장 가까이 보기 12.1” 에서 유입1. “1.Today 1.2” 에서 유입 2. “2.This week 2.2” 에서 유입
  • 12. 12 On-ly 2.0 Mockup II. Mockup – 6. 일별 막대 그래프 6. 일별 막대 그래프 - 오늘의 게임 플레이 시간을 막대 그래프로 보여줍니다. 6 유입 경로 1. “1.Today 1.4” 에서 유입
  • 13. 13 On-ly 2.0 Mockup II. Mockup – 7.Facebook 연동 7 Facebook 연동 - Facebook 연동을 하면 Facebook 친구들의 플레이 타임 등급을 볼 수 있습니다. Facebook 연동 친구 정보를 위해 Facebook 로그인이 필요합니다. 로그인 닫기 유입 경로 1. “5.플레이타임 정보 5.4” 에서 유입 내 친구는? 내 친구는 어떤 게임을 하고 있을까? 내 친구는 얼마나 게임 폐인 일까? 내 친구들이 좋아하는 게임은 무엇일까? 2. “13.공유 기능 메뉴 13.1, 13.2, 13.3” 에서 유입 친구에게 자랑하기 당신은 현재 1 star 등급입니다. closeclose친구들 등급이 궁금해요 Facebook 미연동
  • 14. 14 On-ly 2.0 Mockup II. Mockup – 8.자랑하기 8.1 미리보기 - 친구에게 자랑하고자 하는 메시지를 미리 볼 수 있습니다 . 8.2 메세지 전송 버튼 - 자랑하고자 하는 메시지를 전송하고 싶을 때 누르는 버튼입니다. - tap: “9.SNS 목록” 팝업창 실행 다음 메시지를 친구에게 전송 메시지 전송 8.1 8.2 유입 경로 1. “5.플레이 타임 정보 5.5” 에서 유입 친구에게 자랑하기 당신은 현재 1 star 등급입니다. closeclose친구들 등급이 궁금해요 close Facebook 미연동 Facebook 연동 친구에게 자랑하기
  • 15. 15 On-ly 2.0 Mockup II. Mockup – 9.SNS 목록 9 SNS목록 - 자랑하고자 하는 메시지의 전송 방식을 선택합니다. - tap: “해당 앱 ${카카오톡,페이스북...}”으로 이동 9.1 링크 복사 - On-ly 추천시에 선택하는 메시지 전송 방식에만 나온다. - 자랑하기에는 이 항목이 나오지 않음. 메시지 전송 방식 선택 9 9.1 유입 경로 1. “8.자랑하기 8.2” 에서 유입 다음 메시지를 친구에게 전송 메시지 전송 2. “23.On-ly추천하기 23.3” 에서 유입 초대 메시지 보내기 다음 메시지를 친구에게 전송 [On-ly] 친구의 은밀한 게임 라이프를 지금 확인하세요!
  • 16. 16 On-ly 2.0 Mockup II. Mockup – 10. 주별 선 그래프 10.1 주별 선 그래프 - 금주의 게임 플레이 시간을 선 그래프로 보여줍니다. - tap: “10.2 지난주와 비교하기” 팝업 실행. 10.2 지난주와 비교 하기 - 금주의 게임 플레이 시간과 지난 주의 게임 플레이 시간을 비교합니다. - tap: “10.1 주별 선 그래프” 팝업 실행 10.1 10.2 유입 경로 1. “2.This week 2.4” 에서 유입
  • 17. 17 On-ly 2.0 Mockup II. Mockup – 12.책장 가까이 보기(Zoom in) 12.1 게임 목록 - 한 책장에 20개까지의 게임 목록을 보여줍니다. - tap: 설치된 게임일 경우 “5.플레이 타임 정보” 팝업 실행 설치되지 않은 게임일 경우 “19.게임 세부 정보”으로 이동 -swipe: 게임이 50개 이상일 경우 다른 책장으로 넘어가 게임 목록 보여줌 12.2 새로운 게임 추가 - 새로운 게임을 추가하고 싶을 때 누르는 버튼입니다. - 내 게임 책장 + 12.2 12.1 내 게임 책장 지금 까지 한 게임 목록이 20개 미만일 경우 지금 까지 한 게임 목록이 50개 이상일 경우 12.1 유입 경로 1. “3.메뉴 3.1” 에서 유입 내 게임 책장 내 친구는? On-ly 추천하기 설정
  • 18. 18 On-ly 2.0 Mockup II. Mockup – 13. 공유 기능 메뉴 13.1 친구가 하고 있는 게임 - 친구가 하고 있는 게임을 보고자 할 때 누르는 버튼입니다. - tap: Facebook 연동이 되어 있지 않으면 “7.Facebook 연동” 팝업 실행 Facebook 연동이 되어 있으면 “15.친구가 하고 있는 게임”으로 이동 13.2 친구의 플레이 타임 - 친구의 플레이 타임을 보고자 할 때 누르는 버튼입니다. - tap: Facebook 연동이 되어있지 않으면 “7.Facebook 연동” 팝업 실행 Facebook 연동이 되어 있으면 “16.친구들의 플레이 타임 버블 차트”으로 이동 13.3 친구끼리 게임 차트 - 친구 끼리의 게임 차트를 보고자 할 때 누르는 버튼입니다. - tap: Facebook 연동이 되어있지 않으면 “7.Facebook 연동” 팝업 실행 Facebook 연동이 되어 있으면 ”17.친구끼리 게임차트 in On-ly 게임 차트”으로 이동 내 친구는? 내 친구는 어떤 게임을 하고 있을까? 내 친구는 얼마나 게임 폐인 일까? 내 친구들이 많이 좋아하는 게임은 무엇일까? 13.1 13.2 13.3 유입 경로 1. “3.메뉴 3.2” 에서 유입 내 게임 책장 내 친구는? On-ly 추천하기 설정
  • 19. 19 On-ly 2.0 Mockup II. Mockup – 15. 친구가 하고 있는 게임 15.1 친구 별 게임 목록 - 친구가 하고 있는 게임을 볼 수 있습니다. - 현재 내 폰에 설치된 게임은 형광색 테두리로 표시됩니다. - tap : “19.게임 세부 정보”으로 이동 - swipe : 더 많은 친구들의 게임 목록을 볼 수 있습니다. 내 친구는 어떤 게임을 하고 있을까? Jae-chel KIm Khyung-mo Yang Jung Kim MInji Lee 15.1 외 2개 외 10개 외 3개 유입 경로유입 경로 내 친구는 어떤 게임을 하고 있을까? 닫기 다른팁 보기 유입 경로 1. “4.On-ly Tips 4.1” 에서 유입 내 친구는? 내 친구는 어떤 게임을 하고 있을까? 내 친구는 얼마나 게임 폐인 일까? 내 친구들이 좋아하는 게임은 무엇일까? 2. “13.공유 메뉴 13.1” 에서 유입
  • 20. 20 On-ly 2.0 Mockup II. Mockup – 16. 친구들의 플레이 타임 버블 차트 16 친구들의 플레이 타임 버블 차트 - 친구들의 플레이 타임을 버블 차트로 보여 줍니다. - 이름을 출력하기에 너무 작은 원은 이름 출력을 하지 않습니다. 내 친구는 얼마나 게임 폐인 일까? 양경모 조석현 박재영 김민기 김 정 황재준 김재철 이민지 나 me 나: 총 3개의 게임을 3시간 동안 함 내 친구는 얼마나 게임 폐인 일까? 닫기 다른팁 보기 1. “4.On-ly Tips 4.2” 에서 유입 유입 경로 내 친구는? 내 친구는 어떤 게임을 하고 있을까? 내 친구는 얼마나 게임 폐인 일까? 내 친구들이 좋아하는 게임은 무엇일까? 2. “13.공유 메뉴 13.2” 에서 유입
  • 21. 21 내 친구는 어떤 게임을 하고 있을까? Jae-chel KIm Khyung-mo Yang Jung Kim MInji Lee 외 2개 외 10개 외 3개 On-ly 2.0 Mockup II. Mockup – 19.게임 세부 정보(뒷 배경 바꿔야 함) 19.1 Google Play 링크 - 해당 게임을 다운 받고 싶으면 누르는 버튼입니다. - tap : “해당 게임의 구글 플레이 스토어 ”로 이동 close 다운 받기 Rule the Sky 2015년 2월 22일부터 238명이 550시간 이용 19.1 유입 경로 내 친구는 어떤 게임을 하고 있을까? Jae-chel KIm Khyung-mo Yang Jung Kim MInji Lee 외 2개 외 10개 외 3개 1. “15.친구가 하고 있는 게임 15.1” 에서 유입
  • 22. 22 On-ly 2.0 Mockup II. Mockup – 23. On-ly 추천하기 23.1 초대 메세지 미리보기 - On-ly 초대 메세지를 미리 볼 수 있는 창 입니다 23.2 초대 메세지 보내기 - 초대 메시지를 보내고자 할 때 누르는 버튼입니다. - tap: “9.SNS 목록” 으로 이동 초대 메시지 보내기 다음 메시지를 친구에게 전송 [On-ly] 친구의 은밀한 게임 라이프를 지금 확인하세요! 23.1 23.3 유입 경로 1. “3.메뉴 3.5” 에서 유입 내 게임 책장 내 친구는? 맞춤 게임 추천 On-ly 게임 차트 On-ly 추천하기 설정
  • 23. 23 On-ly 2.0 Mockup II. Mockup – 24. 설정 24.1 On-ly 사용 여부 - On-ly 사용 여부를 설정 할 수 있는 항목입니다. - tap: On-ly 사용 여부를 설정 24.2 일일 목표 설정 - 일일 게임 시간 목표를 설정 할 수 있습니다. - tap: 게임 시간 목표를 설정 할 수 있는 팝업창 실행. 24.3 주간 목표 설정 - 주간 게임 시간 목표를 설정 할 수 있습니다. - tap: 게임 시간 목표를 설정 할 수 있는 팝업창 실행 24.4 친구 정보 출력 여부 - 친구 정보 보기를 설정 할 수 있는 항목입니다. - tap: 친구 정보 보기 여부 설정 24.5 On-ly tips 보기 여부 - On-ly tips 보기를 설정 할 수 있는 항목입니다. - tap: On-ly 팁 보기 여부 설정 24.6 기타 정보 - 개발자 페이지, 메일 보내기, Version등을 볼 수 있는 항목입니다. 친구 정보 보기 24.1 24.2 24.3 24.4 친구 정보 보기 24.7 On-ly tips 보기 24.5 나이 성별 설정 유입 경로 1. “3.메뉴 3.6” 에서 유입 내 게임 책장 내 친구는? On-ly 추천하기 설정