b-slide journey map & use case

Journey Map & Use CaseYein Jo

집 이동중 집

스마트폰잠금화면을상하로넘긴다

스마트폰잠금화면을좌우로넘긴다

B-Slide웹 B-Slide앱

(크롬)북마크를한다

나 /크롬

북마크를 B-Slide로동기화한다

나 / B-Slide앱

스마트폰잠금화면에서북마크카드를본다

나 /B-Slide잠금화면 /타URL

스마트폰잠금화면에서북마크카드를본다

나 /B-Slide잠금화면 /타URL

추가했던북마크카드 /리스트를확인한다

나 / B-Slide웹페이지

추가했던북마크카드 /리스트를확인한다

나 / B-Slide앱

북마크카드를선택하여전체콘텐츠를본다

나 / B-Slide잠금화면 /타URL


나 / B-Slide잠금화면 /타URL


나 / B-Slide웹페이지 /타URL


나 / B-Slide웹페이지 /타URL

B-Slide에서북마크를추가한다

나 / B-Slide잠금화면

북마크여러개를친구들에게공유한다

나 /B-Slide웹 /친구

북마크여러개를친구들에게공유한다

나 /B-Slide웹 /친구

북마크한개를친구들에게공유한다

나 /친구 / B-Slide잠금화면/메신저

북마크한개를친구들에게공유한다

나 /친구 / B-Slide잠금화면/메신저

북마크를가지고과제를수행한다

나 /타과제

오늘북마크를몇개읽었는지확인한다

나 / B-Slide앱

북마크폴더및태그정리를한다

나 / B-Slide웹

수업시간에 했던 Narrative Flow

Narrative Flow가 너무 디테일하지 않아서 처음부터 다시 정리해보았습니다.

What? Why? What will happen when you do?

개인이 북마크 한 자료로“리턴”을유도하는 서비스

개인의 정보를 바탕으로또 다른 정보를 추천

유용한 정보와 자료의단위별 공유

유용한 정보는 “다시 볼때” 의미가 있기 때문

개인의 관심 정보를 따로 찾아보는 번거로움을없앰

개인의 정보 습득에서 그치는 것이 아니라 그룹간의 정보 교환이 손쉬워짐

정보 습득, 리턴의 습관화

나에게 유용하고 꼭 맞는 정보 습득 방법의간편화

공통 주제를 가진 협업 등에 활용가능

Framing Your Idea : B-Slide Project Overview

Building Back Bone : Describe Your Customers and Users

유저 타입 1-1

의욕이 많아 이것저것유용한정보들을북마크하지만,리턴은 잘 안하는 타입의

대학생===============

유용한 정보, 특히 한 종류의정보만을북마크함. 폴더정리의 필요가없기 때문에모든 북마크가미분류.

유저 타입 2

특정 시기 / 특정 목적 사용자조과제 등의 협업에리서치와공유를 많이 하는 타입의

대학생

유저 타입 1-2


대학생===============

다양한 분야의정보를 북마크하기 때문에 분류의필요성을

느낌. 폴더 분류 체계를사용함.


유저 타입 1-1


대학생===============

유용한 정보, 특히 한 종류의정보만을북마크함. 폴더정리의 필요가없기 때문에모든 북마크가미분류.

북마크 자료로리턴할 때

해당 자료와 관련있는정보를 더 보기 위해

유용하거나흥미로운정보를 친구에게공유할 때


유저 타입 1-2


대학생===============

다양한 분야의정보를 북마크하기 때문에 분류의필요성을

느낌. 폴더 분류 체계를사용함.


해당 자료와 관련있는정보를 더 보기 위해

유용하거나흥미로운정보를 친구에게공유할 때


유저 타입 2

특정 시기 / 특정 목적 사용자조과제 등의 협업에리서치와공유를 많이 하는 타입의

대학생

특정 자료에 관해서더 많은 리서치가필요할 때

리서치 자료를모아볼 때

리서치 자료를사용할 때

리서치 자료를조과제 등 협업원들에게공유할때

What? Why?What will

happen when you do?

Types of usersUser Type 1Types of activities

개인이 북마크 한자료로

“리턴”을유도하는서비스

개인의 정보를바탕으로

또 다른 정보를 추천

유용한 정보와자료의

단위별 공유

유용한 정보는 “다시볼 때” 의미가 있기

때문

개인의 관심 정보를따로 찾아보는번거로움을 없앰

개인의 정보습득에서 그치는것이 아니라 그룹간의 정보 교환이

손쉬워짐

정보 습득, 리턴의습관화

나에게 유용하고 꼭맞는 정보 습득방법의 간편화

공통 주제를 가진협업 등에 활용 가능

1의욕이 많아

이것저것 유용한정보들을

북마크하지만,리턴은 잘 안하는

타입

2특정 시기 / 특정목적 사용자

조과제 등의 협업에리서치와 공유를많이 하는 타입

1-1유용한 정보 위주, 한 가지 정보위주로 북마크 하기 때문에

폴더 정리를 하지 않음. 미분류

1-2다양한 분야의 정보를 북마크하는 편이라 폴더 분류체계를

사용


해당 자료와관련있는 정보를 더

보기 위해

유용하거나흥미로운 정보를

친구에게 공유할 때

특정 자료에 관해서더 많은 리서치가

필요할 때

리서치 자료를모아볼 때

리서치 자료를사용할 때

리서치 자료를조과제 등

협업원들에게공유할 때

User Type 2Types of activities

Framing Your Idea : B-Slide Project Overview

서비스 타겟이 “대학생”인만큼, 대학생의 하루 일과인,

등교 – 수업 – 식사 – 공강 – 수업 – 집 – 취침전

으로 나누려고했으나, 시간장소에큰 차이가 없고, 결국에는반복되는 행동이많아서

(등교전 - ) 등교 – 집 – 취침

으로 나누게 되었다.

Back Bone : Narrative Flow

등교 집 취침

User1-1북마크한분야 /미분류 /리턴X

User1-2북마크여러분야

/분류O /리턴X


/분류O /리턴X

북마크 했던자료로 리턴

추천 받은 자료보기

조원들과 자료공유

북마크 자료 보기(기존 북마크 및 추천

정보 모두)하루 읽은 양 체크북마크 했던자료

사용,참고

스마트폰 / B-Slide 잠금화면 /앱 브라우저 (URL) / 유저


컴퓨터 / B-Slide 웹페이지/ 웹브라우저 (URL) / 유저

컴퓨터 / B-Slide 웹페이지 / 웹브라우저(URL) / 유저 / 조원들

스마트폰 / B-Slide 잠금화면 /유저

스마트폰 / B-Slide 잠금화면 및앱 / 유저

북마크 자료동기화


친구에게 북마크공유

스마트폰 / B-Slide 잠금화면 /앱 브라우저 (URL) / 유저 / 친구

집을 나선 후,버스정류장에서

버스를 기다리며 폰을든다.

B-Slide앱에 들어가크롬 브라우저

북마크를 전체 동기화한다.

B-Slide앱에 들어가크롬 브라우저 북마크중 리턴하고자 하는폴더만 선택하여동기화 한다.

B-Slide앱에 들어가크롬 브라우저 북마크

중 지금 과제에필요한 폴더만

선택하여 동기화 한다.

버스에 올라탄 후, 폰을 꺼낸다.

스마트폰 잠금화면의 카드를 본다.

카드를 상하로 넘기며짧게 읽을 수 있는내용으로 보이는카드를 선택한다.

URL 링크를 타고원문으로 들어가 글을

읽는다.

카드의 내용이 마음에들어, 좌우로 넘겨

비슷한 내용을 찾는다.

또 다른 흥미로운카드를 발견하여

선택한다.

뒤로가기를 통해 다시잠금화면으로돌아온다.


읽는다.


카드 내용이 마음에들어, 북마크 추가를

한다.

카드를 넘기다가,친구가 흥미로워 할만한 글을 발견한다.

카드를 선택해, URL링크를 타고 원문으로들어가 글을 읽는다.


잠금화면에서공유버튼을 눌러,친구에게 메신저를통해 해당 URL을

공유한다.

다 씻고 편한 옷차림으로 책상에 앉아 컴퓨터를튼다.

B-Slide웹페이지에들어가서 과제에

필요한 URL을 찾는다.

해당 URL을 타고들어가 원문을 보며

과제를 한다.



공유할 URL을 여러개,혹은 폴더로 선택한다.

연결된 메신저로,공유할 조원이나,조원들이 있는

채팅방을 선택하여공유한다.

스마트폰잠금화면에서

상하좌우로 넘기면서가볍게 볼 수 있는카드를 찾는다.


읽는다.


불 끄고 잠자리에눕는다.


정보 모두)스마트폰 / B-Slide 잠금화면/앱 브라우저 (URL) / 유저

의자나 침대에서 잠시쉬면서 스마트폰을

든다.


상하좌우로 넘기면서흥미를 끄는 카드를

찾는다.

카드를 선택해 URL링크를 타고 원문으로들어가 글을 읽는다.


더 자세히 보기 위해B-Slide앱에

들어가서 확인한다.

자정이 지나자잠금화면 카드에 하루읽은 URL 개수와리스트가 뜬다.

Back Bone : Narrative Flow

등교 집 취침

User1-1북마크한분야 /미분류 /리턴X


/분류O /리턴X


/분류O /리턴X

북마크 했던자료로 리턴

추천 받은 자료보기

조원들과 자료공유


정보 모두)하루 읽은 양 체크북마크 했던자료

사용,참고



컴퓨터 / B-Slide 웹페이지/ 웹브라우저 (URL) / 유저

컴퓨터 / B-Slide 웹페이지 / 웹브라우저(URL) / 유저 / 조원들

스마트폰 / B-Slide 잠금화면 /유저

스마트폰 / B-Slide 잠금화면 및앱 / 유저

북마크 자료동기화


친구에게 북마크공유

스마트폰 / B-Slide 잠금화면 /앱 브라우저 (URL) / 유저 / 친구

집을 나선 후,버스정류장에서

버스를 기다리며 폰을든다.

B-Slide앱에 들어가크롬 브라우저

북마크를 전체 동기화한다.

B-Slide앱에 들어가크롬 브라우저 북마크중 리턴하고자 하는폴더만 선택하여동기화 한다.

B-Slide앱에 들어가크롬 브라우저 북마크

중 지금 과제에필요한 폴더만

선택하여 동기화 한다.

버스에 올라탄 후, 폰을 꺼낸다.

스마트폰 잠금화면의 카드를 본다.

카드를 상하로 넘기며짧게 읽을 수 있는내용으로 보이는카드를 선택한다.


읽는다.

카드의 내용이 마음에들어, 좌우로 넘겨

비슷한 내용을 찾는다.

또 다른 흥미로운카드를 발견하여

선택한다.



읽는다.


카드 내용이 마음에들어, 북마크 추가를

한다.

카드를 넘기다가,친구가 흥미로워 할만한 글을 발견한다.

카드를 선택해, URL링크를 타고 원문으로들어가 글을 읽는다.


잠금화면에서공유버튼을 눌러,친구에게 메신저를통해 해당 URL을

공유한다.

다 씻고 편한 옷차림으로 책상에 앉아 컴퓨터를튼다.



해당 URL을 타고들어가 원문을 보며

과제를 한다.



공유할 URL을 여러개,혹은 폴더로 선택한다.

연결된 메신저로,공유할 조원이나,조원들이 있는

채팅방을 선택하여공유한다.


상하좌우로 넘기면서가볍게 볼 수 있는카드를 찾는다.


읽는다.


불 끄고 잠자리에눕는다.


정보 모두)스마트폰 / B-Slide 잠금화면/앱 브라우저 (URL) / 유저

의자나 침대에서 잠시쉬면서 스마트폰을

든다.


상하좌우로 넘기면서흥미를 끄는 카드를

찾는다.

카드를 선택해 URL링크를 타고 원문으로들어가 글을 읽는다.


더 자세히 보기 위해B-Slide앱에

들어가서 확인한다.

자정이 지나자잠금화면 카드에 하루읽은 URL 개수와리스트가 뜬다.

Main Function

성공적인 지식 습득

리턴의 습관화

Desired Outcomes

성공적인 지식 습득

리턴의 습관화

과제수행에 도움

Journey Map

Use Case Text Form 1 : 북마크 자료 보기

“북마크 자료 보기”

1. 유저는 스마트폰을 꺼낸다.

2. 스마트폰의 홈버튼을 눌러 잠금화면에 도달한다.

3. 잠금화면 위의 첫 “북마크 카드”를 본다.

4. “북마크 카드”를 사방향으로 넘긴다.

5. 읽고 싶은 카드에 도달했을 때, 카드를 선택한다.

6. 카드를 선택하면, 스마트폰의 앱 브라우저와 연결되어 해당 URL을 타고 원문에 도달한다.

7. 원문 글을 다 읽으면 뒤로가기를 통해 잠금화면으로 돌아온다.

Use Case Text Form 1 : 북마크 자료 보기 + Extensions

“북마크 자료 보기” 1. 유저는 스마트폰을 꺼낸다.

2. 스마트폰의 홈버튼을 눌러 잠금화면에 도달한다.

3. 잠금화면 위의 첫 “북마크 카드”를 본다.

4. “북마크 카드”를 사방향으로 넘긴다.

5. 읽고 싶은 카드에 도달했을 때, 카드를 선택한다.

6. 카드를 선택하면, 스마트폰의 앱 브라우저와 연결되어 해당 URL을 타고 원문에 도달한다.

7. 원문 글을 다 읽으면 뒤로가기를 통해 잠금화면으로 돌아온다.

====================================================================================

Extension 1 : 7a 북마크 추가 7a1. 유저는 추천 받은 카드를 읽고 나서 카드에 있는 추가버튼을 통해 B-Slide서비스에 북마크를 추가한다.

7a2. 화면에 북마크 추가가 완료되었다는 노트가 잠시 떴다가 사라진다.

7a3. 추가를 완료한 후, 잠금화면으로 돌아온다.

Extension 2 : 7b 북마크 공유 7b1. 유저는 잠금화면에서 친구에게 공유하고 싶은 “북마크 카드”를 발견한다.

7b2. 유저는 공유하고자 하는 카드에 공유버튼을 누른다.

7b3. 공유하고 싶은 메신저를 선택한다.

7b4. 메신저 내부에서 공유하고 싶은 상대나 채팅방을 선택한다.

7b5. 공유를 완료한 후, 뒤로가기를 통해 잠금화면으로 돌아온다.

Use Case Text Form 2 : 북마크 자료 공유

“북마크 자료를 폰을 이용해 공유”

1. 유저는 잠금화면에서 친구에게 공유하고 싶은

“북마크 카드”를 발견한다.

2. 유저는 공유하고자 하는 카드에 공유버튼을

누른다.

3. 공유하고 싶은 메신저를 선택한다.

4. 메신저 내부에서 공유하고 싶은 상대나

채팅방을 선택한다.

5. 공유를 완료한 후, 뒤로가기를 통해

잠금화면으로 돌아온다.

“북마크 자료를 컴퓨터를 이용해 공유”

1. 유저는 B-Slide웹페이지에서 공유할

URL링크나 폴더를 선택한다.

2. 선택한 URL이 컴퓨터 클립보드로 복사된다.

3. 유저는 공유하고 싶은 메신저의 채팅방을

연다.

4. 붙여넣기를 통해 공유를 완료한다.

Use Case Text Form 3 : 북마크 자료 사용

“북마크 자료 사용”

1. 유저는 집에 돌아와 본인의 컴퓨터를 켠다.

2. 과제 파일과 B-Slide웹페이지를 켠다.

3. B-Slide웹페이지에서 과제와 관련된 URL을 클릭한다.

4. URL원문 웹페이지를 참고하여 과제를 수행한다.

Use Case Text Form 3 : 북마크 자료 사용 + Extension

“북마크 자료 사용”

1. 유저는 집에 돌아와 본인의 컴퓨터를 켠다.

2. 과제 파일과 B-Slide웹페이지를 켠다.

3. B-Slide웹페이지에서 과제와 관련된 URL을 클릭한다.

4. URL원문 웹페이지를 참고하여 과제를 수행한다.

====================================================================================

Extension 1 : 2a (협업자에게) 북마크 공유2a1. 유저는 B-Slide웹페이지에서 공유할 URL링크나 폴더를 선택한다.

2a2. 선택한 URL이 컴퓨터 클립보드로 복사된다.

2a3. 유저는 공유하고 싶은 메신저의 채팅방을 연다.

2a4. 붙여넣기를 통해 공유를 완료한다.

Use Case Text Form 4 : 하루 읽은 양 체크

“하루 읽은 양 체크”

1. 유저는 잠금화면 “북마크 카드”를 넘긴다.

2. 자정이 지나자 옆으로 넘긴 카드에서 오늘 하루 읽은 카드 리스트가 나열되고, 개수가 명시된다.

3. 유저는 오늘 읽은 리스트와 개수를 확인한다.

Use Case Diagram 1 :북마크 자료 보기

Use Case Diagram 2 :북마크 자료 공유

Use Case Diagram 3 :북마크 자료 사용

Use Case Diagram 4 : 하루 읽은 양 체크

MoSCoW prioritization

Actor Goal Brief Description Prio

유저 북마크 자료 보기 유저가 기존에 했던 북마크 자료들과 그 자료들을 베이스로 뜨는 추천 자료들을 봄

M

북마크 공유 유저가 유저의 친구나 협업자들에게 특정자료 혹은 자료들을 메신저를 통해 공유

M

북마크 자료 사용 유저가 북마크 자료들을 이용해 본인의 과제 수행 S

하루 읽은 양 체크 유저가 하루에 북마크 자료들을 얼마나 읽었는지 체크하여 본인의 리턴을 격려

C

친구 공유받은 북마크 읽기 유저가 메신저를 통해 공유해 준 북마크 자료를 받아 읽음 M

협업자 공유받은 북마크 읽기 유저가 메신저를 통해 공유해 준 북마크 자료를 받아 읽음 M

공유받은 북마크 자료 사용 유저가 메신저를 통해 공유해 준 북마크 자료를 이용하여 과제 수행 S

b-slide journey map & use case

Design