SlideShare a Scribd company logo
인터페이스디자인
Site Map
&
Task Flows 박지영
2013129059
[팀플랜드]
Site Map
1.01 1.0 1.02
1.1 1.2 1.3
2.0 3.0 5.04.0
2.32.2 3.1 3.22.1 4.1 4.2 5.1 5.2
2.1.32.1.2 2.3.1 2.3.22.1.1
Site Map & Task Flow [팀플랜드]
Use Case 1
1) 자기 프로필에 들어가서 자신의 이번 학기 일정을 등록한다.
2) 확인하고자 하는 조모임을 선택한다.
3) ‘일정’메뉴에 들어간다.
4) ‘조 스케줄’을 클릭한다.
5) 자동으로 취합된 조원들의 스케줄을 확인한다.
6) 채팅방으로 가능한 시간을 전송한다
7) 조원들과 조모임 시간을 의논한다.
8) ‘조 캘린더'에 조모임 일정을 등록한다.
9) 조모임 알림을 개인 별로 설정한다.
조모임 일정 관리하기
Main Success Scenario
5a1) "조원 oo님이 스케줄을 아직 등록하지 않으셨습니다. 계속
------하시겠습니까?”라는 판업창이 나타나고, 판업창 아래쪽에 -
----- “예”와 “취소"버튼이 표시된다.
5a2) ‘예’를 누르면 등록된 조원들의 주간 스케줄이 취합된다.
----- ‘취소'를 누르면 돌아간다.
5b1) 조원 모두가 가능한 시간이 존재하지 않는다.
5b2) step7로 바로 이동한다.
Extensions
Site Map & Task Flow [팀플랜드]
Home Page
Task Flow 1
조모임 일정 관리하기
조모임 1
조모임 선택
일정
조원스케줄
취합일정확인
채팅방에취합일정보내기
체팅방
의논후결정
조켈린더
일정등록하기
알림설정하기
조원스케줄미등록
확인팝업창
취소
확인
조원스케줄
미등록시
맞는일정이없을시
선택단계
결정단계
설정단계
Site Map & Task Flow [팀플랜드]
Use Case 2
1) 온라인 조모임이 예정된 조모임을 선택한다.
2) ‘채팅’ 메뉴에 들어간다.
3) 출석/지각/불참 여부를 체크한다.
4) 조원들의 접속 상태 (online/offline)을 확인한다.
5) 텍스트, 사진, 파일을 채팅창 내에서 메시지로 주고받는다.
6) 메시지를 읽은 사람을 확인한다.
7) 중요한 메시지를 하이라이트 하거나 회의록으로 저장한다.
온라인으로 실시간 조모임 하기
Main Success Scenario
Site Map & Task Flow [팀플랜드]
Home Page
Task Flow 2
온라인으로 실시간 조모임 하기
조모임 1
조모임 선택
체팅
준비단계
실행단계
출석체크
메시지, 파일 주고받기 읽은 사람 확인하기
메시지 하이라이트, 희의록으로 저장
출석 지각 결석
Site Map & Task Flow [팀플랜드]
Use Case 3
1) 자료를 공유하고자 하는 조모임을 선택한다.
2) ‘자료 게시판'메뉴에 들어간다.
3) ‘게시판’에 자신이 갖고 있는 자료를 업로드한다.
4) 다른 조원들이 올린 자료를 열람한다.
5) 댓글이나 덧글로 조원들끼리 피드백을 주고 받는다.
온라인에서 조원들과 자료공유하기
Main Success Scenario
Extensions
6) 열람한 자료가 수정되었을 경우, .알림이 뜬다.
7) Step 4로 돌아간다.
Site Map & Task Flow [팀플랜드]
Home Page
Task Flow 3
온라인에서 조원들과 자료공유하기
조모임 1
조모임 선택
자료게시판
게시판
선택단계
자료공유단계
자료 업로드하기 읽은 사람 확인하기
댓글, 덧글 달기
게시판
열람한자료가수정되었을경우
자료업데이트알림
자료 열람하기
피드백단계
Site Map & Task Flow [팀플랜드]
Use Case 4
1) 참여현황을 확인하고자 하는 조모임을 선택한다.
2) ‘참여도'메뉴에 들어간다.
3) 개인의 참여도를 보여주는 메타포들이 등장한다.
4) 참여도를 확인하고자 하는 메타포를 클릭한다
5) 메타포와 함께, 참여현황을 상세하게 확인한다.
조모임 참여현황 확인하기
Main Success Scenario
Extensions
2a1) ‘체팅’메뉴에 들어간다.
2a2) 참여도를 확인하고자 하는 조원의 프로필을 클릭한다.
2a3) step 5로 이동한다.
Site Map & Task Flow [팀플랜드]
Home Page
Task Flow 4
조모임 참여현황 확인하기
조모임 1
조모임 선택
참여도
상세한 참여현황 확인
조원1 메타포
조원 선택
체팅
조원선택
프로필
Site Map & Task Flow [팀플랜드]
Site Map & Task Flow
The end.
[팀플랜드]

More Related Content

Similar to 인터페이스디자인-Sitemap & taskflow

크롬으로 시작하기 사지연
크롬으로 시작하기  사지연크롬으로 시작하기  사지연
크롬으로 시작하기 사지연aropa ms
 
오픈소스소프트웨어 최종프로젝트 발표자료_201716366_김연영
오픈소스소프트웨어 최종프로젝트 발표자료_201716366_김연영오픈소스소프트웨어 최종프로젝트 발표자료_201716366_김연영
오픈소스소프트웨어 최종프로젝트 발표자료_201716366_김연영
ssusera234a4
 
인터렉기말발표 1116440정미슬
인터렉기말발표 1116440정미슬인터렉기말발표 1116440정미슬
인터렉기말발표 1116440정미슬Jung Mieseul
 
인터렉기말발표 1116440정미슬
인터렉기말발표 1116440정미슬인터렉기말발표 1116440정미슬
인터렉기말발표 1116440정미슬Jung Mieseul
 
인터렉기말 1116440 정미슬
인터렉기말 1116440 정미슬인터렉기말 1116440 정미슬
인터렉기말 1116440 정미슬Jung Mieseul
 
인터렉 리서치
인터렉 리서치인터렉 리서치
인터렉 리서치Jung Mieseul
 
인터렉 발표 수정
인터렉 발표 수정인터렉 발표 수정
인터렉 발표 수정Jung Mieseul
 
인터렉 리서치 발표
인터렉 리서치 발표인터렉 리서치 발표
인터렉 리서치 발표Jung Mieseul
 
인터렉 리서치 발표
인터렉 리서치 발표인터렉 리서치 발표
인터렉 리서치 발표Jung Mieseul
 
인터렉 리서치
인터렉 리서치인터렉 리서치
인터렉 리서치Jung Mieseul
 
2.3 학습 활동 관리
2.3 학습 활동 관리2.3 학습 활동 관리
2.3 학습 활동 관리no2nd
 
Clova Tech Summit 2: 대화모델 엔진 구조와 Chatbot 개발 최적화 방안
Clova Tech Summit 2: 대화모델 엔진 구조와 Chatbot 개발 최적화 방안Clova Tech Summit 2: 대화모델 엔진 구조와 Chatbot 개발 최적화 방안
Clova Tech Summit 2: 대화모델 엔진 구조와 Chatbot 개발 최적화 방안
Clova Platform
 
신림프로그래머모임_개발프로세스개선기
신림프로그래머모임_개발프로세스개선기신림프로그래머모임_개발프로세스개선기
신림프로그래머모임_개발프로세스개선기
none
 
Office 365 in Education (Microsoft Partners in Learning 2013 fall festival)
Office 365 in Education (Microsoft Partners in Learning 2013 fall festival)Office 365 in Education (Microsoft Partners in Learning 2013 fall festival)
Office 365 in Education (Microsoft Partners in Learning 2013 fall festival)
Byeongguk Ku
 
7th.lecture.middle.pt.guideline
7th.lecture.middle.pt.guideline7th.lecture.middle.pt.guideline
7th.lecture.middle.pt.guideline
Jeongeun Kwon
 
구글과 지메일02
구글과 지메일02구글과 지메일02
구글과 지메일02
YungQuan Yoo
 
02.개발환경 실습교재
02.개발환경 실습교재02.개발환경 실습교재
02.개발환경 실습교재
Hankyo
 
SW1차 프로젝트 Hive 최종발표
SW1차 프로젝트 Hive 최종발표SW1차 프로젝트 Hive 최종발표
SW1차 프로젝트 Hive 최종발표Sinhyub Kim
 

Similar to 인터페이스디자인-Sitemap & taskflow (18)

크롬으로 시작하기 사지연
크롬으로 시작하기  사지연크롬으로 시작하기  사지연
크롬으로 시작하기 사지연
 
오픈소스소프트웨어 최종프로젝트 발표자료_201716366_김연영
오픈소스소프트웨어 최종프로젝트 발표자료_201716366_김연영오픈소스소프트웨어 최종프로젝트 발표자료_201716366_김연영
오픈소스소프트웨어 최종프로젝트 발표자료_201716366_김연영
 
인터렉기말발표 1116440정미슬
인터렉기말발표 1116440정미슬인터렉기말발표 1116440정미슬
인터렉기말발표 1116440정미슬
 
인터렉기말발표 1116440정미슬
인터렉기말발표 1116440정미슬인터렉기말발표 1116440정미슬
인터렉기말발표 1116440정미슬
 
인터렉기말 1116440 정미슬
인터렉기말 1116440 정미슬인터렉기말 1116440 정미슬
인터렉기말 1116440 정미슬
 
인터렉 리서치
인터렉 리서치인터렉 리서치
인터렉 리서치
 
인터렉 발표 수정
인터렉 발표 수정인터렉 발표 수정
인터렉 발표 수정
 
인터렉 리서치 발표
인터렉 리서치 발표인터렉 리서치 발표
인터렉 리서치 발표
 
인터렉 리서치 발표
인터렉 리서치 발표인터렉 리서치 발표
인터렉 리서치 발표
 
인터렉 리서치
인터렉 리서치인터렉 리서치
인터렉 리서치
 
2.3 학습 활동 관리
2.3 학습 활동 관리2.3 학습 활동 관리
2.3 학습 활동 관리
 
Clova Tech Summit 2: 대화모델 엔진 구조와 Chatbot 개발 최적화 방안
Clova Tech Summit 2: 대화모델 엔진 구조와 Chatbot 개발 최적화 방안Clova Tech Summit 2: 대화모델 엔진 구조와 Chatbot 개발 최적화 방안
Clova Tech Summit 2: 대화모델 엔진 구조와 Chatbot 개발 최적화 방안
 
신림프로그래머모임_개발프로세스개선기
신림프로그래머모임_개발프로세스개선기신림프로그래머모임_개발프로세스개선기
신림프로그래머모임_개발프로세스개선기
 
Office 365 in Education (Microsoft Partners in Learning 2013 fall festival)
Office 365 in Education (Microsoft Partners in Learning 2013 fall festival)Office 365 in Education (Microsoft Partners in Learning 2013 fall festival)
Office 365 in Education (Microsoft Partners in Learning 2013 fall festival)
 
7th.lecture.middle.pt.guideline
7th.lecture.middle.pt.guideline7th.lecture.middle.pt.guideline
7th.lecture.middle.pt.guideline
 
구글과 지메일02
구글과 지메일02구글과 지메일02
구글과 지메일02
 
02.개발환경 실습교재
02.개발환경 실습교재02.개발환경 실습교재
02.개발환경 실습교재
 
SW1차 프로젝트 Hive 최종발표
SW1차 프로젝트 Hive 최종발표SW1차 프로젝트 Hive 최종발표
SW1차 프로젝트 Hive 최종발표
 

More from Ji Young Park

Individual final design proposal pdf
Individual final design proposal pdfIndividual final design proposal pdf
Individual final design proposal pdf
Ji Young Park
 
팀플랜드 Use cases (1)
팀플랜드 Use cases (1)팀플랜드 Use cases (1)
팀플랜드 Use cases (1)
Ji Young Park
 
조모임어플By박기빈
조모임어플By박기빈조모임어플By박기빈
조모임어플By박기빈
Ji Young Park
 
페르소나2(team)
페르소나2(team)페르소나2(team)
페르소나2(team)
Ji Young Park
 
인터뷰4
인터뷰4인터뷰4
인터뷰4
Ji Young Park
 
조모임에 관한 인터뷰
조모임에 관한 인터뷰조모임에 관한 인터뷰
조모임에 관한 인터뷰
Ji Young Park
 
연세스프 인터뷰정리
연세스프 인터뷰정리연세스프 인터뷰정리
연세스프 인터뷰정리
Ji Young Park
 

More from Ji Young Park (7)

Individual final design proposal pdf
Individual final design proposal pdfIndividual final design proposal pdf
Individual final design proposal pdf
 
팀플랜드 Use cases (1)
팀플랜드 Use cases (1)팀플랜드 Use cases (1)
팀플랜드 Use cases (1)
 
조모임어플By박기빈
조모임어플By박기빈조모임어플By박기빈
조모임어플By박기빈
 
페르소나2(team)
페르소나2(team)페르소나2(team)
페르소나2(team)
 
인터뷰4
인터뷰4인터뷰4
인터뷰4
 
조모임에 관한 인터뷰
조모임에 관한 인터뷰조모임에 관한 인터뷰
조모임에 관한 인터뷰
 
연세스프 인터뷰정리
연세스프 인터뷰정리연세스프 인터뷰정리
연세스프 인터뷰정리
 

인터페이스디자인-Sitemap & taskflow

  • 1. 인터페이스디자인 Site Map & Task Flows 박지영 2013129059 [팀플랜드]
  • 2. Site Map 1.01 1.0 1.02 1.1 1.2 1.3 2.0 3.0 5.04.0 2.32.2 3.1 3.22.1 4.1 4.2 5.1 5.2 2.1.32.1.2 2.3.1 2.3.22.1.1 Site Map & Task Flow [팀플랜드]
  • 3. Use Case 1 1) 자기 프로필에 들어가서 자신의 이번 학기 일정을 등록한다. 2) 확인하고자 하는 조모임을 선택한다. 3) ‘일정’메뉴에 들어간다. 4) ‘조 스케줄’을 클릭한다. 5) 자동으로 취합된 조원들의 스케줄을 확인한다. 6) 채팅방으로 가능한 시간을 전송한다 7) 조원들과 조모임 시간을 의논한다. 8) ‘조 캘린더'에 조모임 일정을 등록한다. 9) 조모임 알림을 개인 별로 설정한다. 조모임 일정 관리하기 Main Success Scenario 5a1) "조원 oo님이 스케줄을 아직 등록하지 않으셨습니다. 계속 ------하시겠습니까?”라는 판업창이 나타나고, 판업창 아래쪽에 - ----- “예”와 “취소"버튼이 표시된다. 5a2) ‘예’를 누르면 등록된 조원들의 주간 스케줄이 취합된다. ----- ‘취소'를 누르면 돌아간다. 5b1) 조원 모두가 가능한 시간이 존재하지 않는다. 5b2) step7로 바로 이동한다. Extensions Site Map & Task Flow [팀플랜드]
  • 4. Home Page Task Flow 1 조모임 일정 관리하기 조모임 1 조모임 선택 일정 조원스케줄 취합일정확인 채팅방에취합일정보내기 체팅방 의논후결정 조켈린더 일정등록하기 알림설정하기 조원스케줄미등록 확인팝업창 취소 확인 조원스케줄 미등록시 맞는일정이없을시 선택단계 결정단계 설정단계 Site Map & Task Flow [팀플랜드]
  • 5. Use Case 2 1) 온라인 조모임이 예정된 조모임을 선택한다. 2) ‘채팅’ 메뉴에 들어간다. 3) 출석/지각/불참 여부를 체크한다. 4) 조원들의 접속 상태 (online/offline)을 확인한다. 5) 텍스트, 사진, 파일을 채팅창 내에서 메시지로 주고받는다. 6) 메시지를 읽은 사람을 확인한다. 7) 중요한 메시지를 하이라이트 하거나 회의록으로 저장한다. 온라인으로 실시간 조모임 하기 Main Success Scenario Site Map & Task Flow [팀플랜드]
  • 6. Home Page Task Flow 2 온라인으로 실시간 조모임 하기 조모임 1 조모임 선택 체팅 준비단계 실행단계 출석체크 메시지, 파일 주고받기 읽은 사람 확인하기 메시지 하이라이트, 희의록으로 저장 출석 지각 결석 Site Map & Task Flow [팀플랜드]
  • 7. Use Case 3 1) 자료를 공유하고자 하는 조모임을 선택한다. 2) ‘자료 게시판'메뉴에 들어간다. 3) ‘게시판’에 자신이 갖고 있는 자료를 업로드한다. 4) 다른 조원들이 올린 자료를 열람한다. 5) 댓글이나 덧글로 조원들끼리 피드백을 주고 받는다. 온라인에서 조원들과 자료공유하기 Main Success Scenario Extensions 6) 열람한 자료가 수정되었을 경우, .알림이 뜬다. 7) Step 4로 돌아간다. Site Map & Task Flow [팀플랜드]
  • 8. Home Page Task Flow 3 온라인에서 조원들과 자료공유하기 조모임 1 조모임 선택 자료게시판 게시판 선택단계 자료공유단계 자료 업로드하기 읽은 사람 확인하기 댓글, 덧글 달기 게시판 열람한자료가수정되었을경우 자료업데이트알림 자료 열람하기 피드백단계 Site Map & Task Flow [팀플랜드]
  • 9. Use Case 4 1) 참여현황을 확인하고자 하는 조모임을 선택한다. 2) ‘참여도'메뉴에 들어간다. 3) 개인의 참여도를 보여주는 메타포들이 등장한다. 4) 참여도를 확인하고자 하는 메타포를 클릭한다 5) 메타포와 함께, 참여현황을 상세하게 확인한다. 조모임 참여현황 확인하기 Main Success Scenario Extensions 2a1) ‘체팅’메뉴에 들어간다. 2a2) 참여도를 확인하고자 하는 조원의 프로필을 클릭한다. 2a3) step 5로 이동한다. Site Map & Task Flow [팀플랜드]
  • 10. Home Page Task Flow 4 조모임 참여현황 확인하기 조모임 1 조모임 선택 참여도 상세한 참여현황 확인 조원1 메타포 조원 선택 체팅 조원선택 프로필 Site Map & Task Flow [팀플랜드]
  • 11. Site Map & Task Flow The end. [팀플랜드]