SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
Site Map & Task Flow
Yein Jo
Site Map
앱 잠금화면
1.0
앱
2.0
큐레이션된
북마크 자료
3.0 – 3.X
추천자료
4.0 – 4.X
원문보기
3.1
북마크
공유하기
3.2
북마크 추가
4.1
기본 설정
2.0.1
웹 사이트
1.0
마이페이지
(북마크 리턴
행태 요약)
6.0
북마크
리스트
5.0 – 5.X
하루 읽은
개수
6.1
평균 읽은
개수
6.2
읽은 리스트
5.1
읽어야 할
리스트
5.2
모바일 웹 페이지
북마크
리스트
2.0 – 2.X
마이페이지
5.0 – 5.X
추천 자료
4.0
큐레이션된
북마크 자료
3.0 – 3.X
기본 설정
1.0.1
원문보기
3.1
북마크
공유하기
3.2
북마크
추가
4.1
읽은
리스트
2.1
읽어야 할
리스트
2.2
하루 읽은
개수
5.1
평균 읽은
개수
5.2
설정
(리스트 편집)
5.0.1
설정
(리스트 편집)
2.0.1
원문보기
5.1.1
북마크
공유하기
5.1.2
원문보기
2.1.1
북마크
공유하기
2.1.2
Site Map
§ 모바일과 웹 페이지에서 동일한 기능을 수행
§ (모바일) 앱 잠금화면 + 앱 사이트 맵 = 웹 페이지 사이트 맵
§ 앱에서는 “리턴”, 웹에서는 “리스트 보기 / 편집 / 정리”가 메인이라고 생각하여, 카테고리는 동일하나
순서에 약간의 차이가 있음
Use Case 1 : 리턴 자료 선별하기 (큐레이션)
Task Flow 1 : 리턴 자료 선별하기 (큐레이션)
1. 유저는 B-Slide앱의 설정을 클릭하여 들어간다.
2. 북마크 연동하기 위해,연동 목록(페북,트위터,크롬 북마크)을
본다.
3. 연동 목록에 폰에서 로그인이 되어있는 경우,연동 버튼
한번으로 연동할 수 있고,되어있지 않은 경우,로그인 후 연동
할 수 있다.
4. 연동 후, 해당 북마크 자료에서 리턴하고 싶은 자료나폴더를
선택하여 확인을 누른다.
B-Slide 앱
연동하기
[연동가능 서비스 목록 :
페북, 트위터, 크롬 북마크]
기본설정	메뉴	클릭
B-Slide 내에서 해당
서비스로 로그인 하기
연동가능	서비스	목록에서	
연동하고자	하는	서비스	선택
연동	가능	서비스	목록	중에	
모바일	내	로그인이	되어있는가?
No
연동 후, 리턴하고 싶은
자료나 폴더를 선택
Yes
원하는	서비스	연동	완료
Use Case 2 : 북마크 자료 보기
Task Flow 2 : 북마크 자료 보기
1. 유저는 스마트폰의 홈버튼을 눌러 잠금화면에도달한다.
2. 잠금화면 위의 “북마크 카드”를 본다.
3. “북마크 카드”를 사방향으로 넘긴다.
4. 읽고 싶은 카드에 도달했을 때,카드를 선택한다.
5. 카드를 선택하면,스마트폰의앱 브라우저와연결되어 해당
URL을 타고 원문에 도달한다.
6. 원문 글을 다 읽으면 뒤로가기를 통해 잠금화면으로 돌아온다.
B-Slide 잠금화면
북마크 카드 보기
NoYes
원문 (URL) 보기
원문보기	버튼	클릭
원문	보기	완료
유저	본인이	직접	큐레이션한	카드를	
볼	것인가?
좌우	스와이프
추천 북마크 카드 보기
상하	스와이프
큐레이션된
북마크 카드 보기
흥미를	끄는	북마크	카드가	
보일	때까지	카드를	넘김
두 개의 메인 유즈케이스에 따르면, 테스크 플로우는 위에 두 가지에서 끝나야하지만,
부가적인 기능인 “공유”와 “북마크 추가”를 두 번째 유즈케이스에 덧붙여보았다.
Task Flow 2+ : 북마크 자료 보기 + 공유 / 북마크 추가
1. 유저는 스마트폰의 홈버튼을 눌러 잠금화면에도달한다.
2. 잠금화면 위의 “북마크 카드”를 본다.
3. “북마크 카드”를 사방향으로 넘긴다.
4. 읽고 싶은 카드에 도달했을 때,카드를 선택한다.
5. 카드를 선택하면,스마트폰의앱 브라우저와연결되어 해당
URL을 타고 원문에 도달한다.
6. 원문 글을 다 읽으면 뒤로가기를 통해 잠금화면으로 돌아온다.
B-Slide 잠금화면
북마크 카드 보기
NoYes
원문 (URL) 보기
유저	본인이	직접	큐레이션한	카드를	
볼	것인가?
원문보기	버튼	클릭
북마크 추가공유하기
원문	보기	완료
흥미를	끄는	북마크	카드가	
보일	때까지	카드를	넘김
좌우	스와이프상하	스와이프
큐레이션된
북마크 카드 보기
추천 북마크 카드 보기

Más contenido relacionado

Más de 예인 조

Ticket Stalker
Ticket StalkerTicket Stalker
Ticket Stalker예인 조
 
다다읽소 파이널
다다읽소 파이널다다읽소 파이널
다다읽소 파이널예인 조
 
다다읽소 리서치 메트릭스
다다읽소 리서치 메트릭스다다읽소 리서치 메트릭스
다다읽소 리서치 메트릭스예인 조
 
다다읽소_revised141029
다다읽소_revised141029다다읽소_revised141029
다다읽소_revised141029예인 조
 
Connecting prototype
Connecting prototypeConnecting prototype
Connecting prototype예인 조
 
Connecting prototype
Connecting prototypeConnecting prototype
Connecting prototype예인 조
 
Midterm presentation revised2
Midterm presentation revised2Midterm presentation revised2
Midterm presentation revised2예인 조
 
Midterm presentation revised
Midterm presentation revisedMidterm presentation revised
Midterm presentation revised예인 조
 
Connecting midterm
Connecting midtermConnecting midterm
Connecting midterm예인 조
 

Más de 예인 조 (20)

Ticket Stalker
Ticket StalkerTicket Stalker
Ticket Stalker
 
다다읽소 파이널
다다읽소 파이널다다읽소 파이널
다다읽소 파이널
 
다다읽소5
다다읽소5다다읽소5
다다읽소5
 
다다읽소5
다다읽소5다다읽소5
다다읽소5
 
다다읽소4
다다읽소4다다읽소4
다다읽소4
 
다다읽소4
다다읽소4다다읽소4
다다읽소4
 
다다읽소3
다다읽소3다다읽소3
다다읽소3
 
다다읽소 리서치 메트릭스
다다읽소 리서치 메트릭스다다읽소 리서치 메트릭스
다다읽소 리서치 메트릭스
 
다다읽소_revised141029
다다읽소_revised141029다다읽소_revised141029
다다읽소_revised141029
 
다다읽소
다다읽소다다읽소
다다읽소
 
Uxfinalppt
UxfinalpptUxfinalppt
Uxfinalppt
 
Uxfinalppt
UxfinalpptUxfinalppt
Uxfinalppt
 
Connecting prototype
Connecting prototypeConnecting prototype
Connecting prototype
 
Connecting prototype
Connecting prototypeConnecting prototype
Connecting prototype
 
connecting
connectingconnecting
connecting
 
Test1
Test1Test1
Test1
 
같이해
같이해같이해
같이해
 
Midterm presentation revised2
Midterm presentation revised2Midterm presentation revised2
Midterm presentation revised2
 
Midterm presentation revised
Midterm presentation revisedMidterm presentation revised
Midterm presentation revised
 
Connecting midterm
Connecting midtermConnecting midterm
Connecting midterm
 

Bworm sitemap taskflow

  • 1. Site Map & Task Flow Yein Jo
  • 2. Site Map 앱 잠금화면 1.0 앱 2.0 큐레이션된 북마크 자료 3.0 – 3.X 추천자료 4.0 – 4.X 원문보기 3.1 북마크 공유하기 3.2 북마크 추가 4.1 기본 설정 2.0.1 웹 사이트 1.0 마이페이지 (북마크 리턴 행태 요약) 6.0 북마크 리스트 5.0 – 5.X 하루 읽은 개수 6.1 평균 읽은 개수 6.2 읽은 리스트 5.1 읽어야 할 리스트 5.2 모바일 웹 페이지 북마크 리스트 2.0 – 2.X 마이페이지 5.0 – 5.X 추천 자료 4.0 큐레이션된 북마크 자료 3.0 – 3.X 기본 설정 1.0.1 원문보기 3.1 북마크 공유하기 3.2 북마크 추가 4.1 읽은 리스트 2.1 읽어야 할 리스트 2.2 하루 읽은 개수 5.1 평균 읽은 개수 5.2 설정 (리스트 편집) 5.0.1 설정 (리스트 편집) 2.0.1 원문보기 5.1.1 북마크 공유하기 5.1.2 원문보기 2.1.1 북마크 공유하기 2.1.2
  • 3. Site Map § 모바일과 웹 페이지에서 동일한 기능을 수행 § (모바일) 앱 잠금화면 + 앱 사이트 맵 = 웹 페이지 사이트 맵 § 앱에서는 “리턴”, 웹에서는 “리스트 보기 / 편집 / 정리”가 메인이라고 생각하여, 카테고리는 동일하나 순서에 약간의 차이가 있음
  • 4. Use Case 1 : 리턴 자료 선별하기 (큐레이션)
  • 5. Task Flow 1 : 리턴 자료 선별하기 (큐레이션) 1. 유저는 B-Slide앱의 설정을 클릭하여 들어간다. 2. 북마크 연동하기 위해,연동 목록(페북,트위터,크롬 북마크)을 본다. 3. 연동 목록에 폰에서 로그인이 되어있는 경우,연동 버튼 한번으로 연동할 수 있고,되어있지 않은 경우,로그인 후 연동 할 수 있다. 4. 연동 후, 해당 북마크 자료에서 리턴하고 싶은 자료나폴더를 선택하여 확인을 누른다. B-Slide 앱 연동하기 [연동가능 서비스 목록 : 페북, 트위터, 크롬 북마크] 기본설정 메뉴 클릭 B-Slide 내에서 해당 서비스로 로그인 하기 연동가능 서비스 목록에서 연동하고자 하는 서비스 선택 연동 가능 서비스 목록 중에 모바일 내 로그인이 되어있는가? No 연동 후, 리턴하고 싶은 자료나 폴더를 선택 Yes 원하는 서비스 연동 완료
  • 6. Use Case 2 : 북마크 자료 보기
  • 7. Task Flow 2 : 북마크 자료 보기 1. 유저는 스마트폰의 홈버튼을 눌러 잠금화면에도달한다. 2. 잠금화면 위의 “북마크 카드”를 본다. 3. “북마크 카드”를 사방향으로 넘긴다. 4. 읽고 싶은 카드에 도달했을 때,카드를 선택한다. 5. 카드를 선택하면,스마트폰의앱 브라우저와연결되어 해당 URL을 타고 원문에 도달한다. 6. 원문 글을 다 읽으면 뒤로가기를 통해 잠금화면으로 돌아온다. B-Slide 잠금화면 북마크 카드 보기 NoYes 원문 (URL) 보기 원문보기 버튼 클릭 원문 보기 완료 유저 본인이 직접 큐레이션한 카드를 볼 것인가? 좌우 스와이프 추천 북마크 카드 보기 상하 스와이프 큐레이션된 북마크 카드 보기 흥미를 끄는 북마크 카드가 보일 때까지 카드를 넘김
  • 8. 두 개의 메인 유즈케이스에 따르면, 테스크 플로우는 위에 두 가지에서 끝나야하지만, 부가적인 기능인 “공유”와 “북마크 추가”를 두 번째 유즈케이스에 덧붙여보았다.
  • 9. Task Flow 2+ : 북마크 자료 보기 + 공유 / 북마크 추가 1. 유저는 스마트폰의 홈버튼을 눌러 잠금화면에도달한다. 2. 잠금화면 위의 “북마크 카드”를 본다. 3. “북마크 카드”를 사방향으로 넘긴다. 4. 읽고 싶은 카드에 도달했을 때,카드를 선택한다. 5. 카드를 선택하면,스마트폰의앱 브라우저와연결되어 해당 URL을 타고 원문에 도달한다. 6. 원문 글을 다 읽으면 뒤로가기를 통해 잠금화면으로 돌아온다. B-Slide 잠금화면 북마크 카드 보기 NoYes 원문 (URL) 보기 유저 본인이 직접 큐레이션한 카드를 볼 것인가? 원문보기 버튼 클릭 북마크 추가공유하기 원문 보기 완료 흥미를 끄는 북마크 카드가 보일 때까지 카드를 넘김 좌우 스와이프상하 스와이프 큐레이션된 북마크 카드 보기 추천 북마크 카드 보기