On-ly 2.0 Idea Mockup

1

On-ly 2.0 Idea Mockup

2015. 04. 13.개발2본부 박재영,이소은

2

On-ly 2.0 Mockup

I. Information Architecturea. Mainb. Today & This Weekc. 메뉴

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.주별 통계


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.일별 통계


6. 일별 막대 그래프

2. This Week

2.1금주의 플레이타임

2.2.이번주에 한 게임목록

2.3.주별 통계


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” 에서 유입



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” 에서 유입



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 추천하기

설정

Mobile

On-ly 2.0 Idea Mockup