인터페이스디자인 연세스프 -팀플랜드 Use Cases

2. Requirment Matrix l Context Scenario l Journey Map l Use cases

3. Source Data Needs Functional Needs Product Qualities Constraints
〮 온/오프라인
조모임
〮 조원들의스케줄
(학교시간표,학교외
일정포함)
〮 조모임시간
〮 채팅창
〮 조원들의참여도
(온라인)
〮 조모임장소
(오프라인)
〮 개인스케줄입력
〮 조스케줄자동수합,조모임시
간
추천
〮 조모임시간예약및알림
〮 메시지읽은조원표시
〮 접속중인조원표시
〮 최종접속시간표시
〮 접속률,파일업로드수,코멘트
수, 라인조모임시간엄수여부
등을통한참여도측정
〮 조모임장소추천
(학교근처스터디카페등)
〮 가독성높은채팅창
〮 개인의참여도보여주는
친근하고귀여운메타포

4. Source Data Needs Functional Needs Product Qualities Constraints
자료정리및공유 〮 자료공유게시판
〮 조일정관리
〮 조모임회의록
〮 자료업로드,피드백이가능한 조모
임게시판(자료업로드시 조원들에
게푸시알림)
〮 과제데드라인,온/오프라인조 모임
시간등이표시되는조 캘린더
〮 채팅방중요메시지선택-보관으로
온라인조모임내용 정리
〮 오프라인조모임회의록저장
〮 자료안전하게보관할 수
있는안정적인서버 구축
〮 복잡하지않은게시판
〮 가시성높은캘린더
〮 파일의용량 문제

5. Source Data Needs Functional Needs Product Qualities Constraints
Mental Model 〮조모임에참여하려는의지
〮다양한기능에대한이해
〮 직관적인인터페이스
〮어플이용가이드
Goals 〮모든조원들의적극적인
참여유도
〮편리하고효율적인조모임
〮 모두가쉽게이용할수 있는서비스(별
도가입 불필요)
〮강압적이지않되,참여를독려하는시
스템
〮조원들간의감정적충돌을최대한방
지
〮흩어져있는조모임관련서비스를통
합해서제공
〮 개인별기술능
력의차이

6. Source Data Needs Functional Needs Product Qualities Constraints
Environment 〮 PC,모바일상호호환
〮 1개이상의조모임
〮 PC, 모바일모두에서 확인가능한자료게시판
(pdf로자동변환)
〮 PC채팅
〮 안드로이드,iOS모두사용가능
〮 어플 내에서 여러 개의 조모임 생성, 참여 가
능
〮 네트워크환경
Skills and
Ablities
〮 이해하기쉬운기능
〮 복잡하지않은기능
〮 직관적인인터페이스 〮 개인별기술
능력의차이

7. ‘휴먼 컴퓨터 인터렉션’ 수업에서 드디어 조모임 배정을 받았다. 조모임을 하기
위해서팀플랜드어플을다운받았다. 따로가입할필요없이facebook으로로그인
할수있게되있어서간편하게로그인을하였다.
°별도가입불필요
8시가 되어 조원들이 들어왔고 첫 오프라인 조모임 날짜를 잡기 위해 서로의
시간표와스케줄을공유하기로하였다.미리시간표와아르바이트날짜,과외날짜
와 시간을 등록해 놓았기 때문에 스케줄 자동 합침을 누르니 조모임 가능 시간대
가 나왔다. 그래서 모든 조원들이 가능한 시간대로 첫 오프라인 조모임 약속을 잡
았다.
°개인스케줄입력(학교시간표,
학교외일정포함)
°조스케줄자동수합,조모임시
간추천

8. 그리고 조모임장소추천에들어가니조모임하기좋은스터디카페의리스트를
볼수있었다.조원들과상의를해서그중하나로가기로결정했다.
캘린더상에첫조모임날짜,장소,시간그리고알람을설정해두었다.알람은개인
적으로 설정해 둘수 있어서 나는 하루 전에 한번 그리고 조모임 2시간전에 한 번
울릴수있게해두었다.
°오프라인조모임장소추천(학
교근처스터디카페등),
°조모임시간예약및알림
°온/오프라인조모임시간등이
표시되는조캘린더
약속 장소에 도착한 뒤, 팀플랜드 어플 PC버전에 로그인 한 뒤,
조원들이 모두 왔나 확인을 했다. 모두 출석했고, 나도 어플에서 출석
탭을 클릭하였다.
어플에서 회의록을 작성한 뒤, 회의록 게시판에 업로드를 하였다.
“김우영 님이 회의록을 등록하였습니다.” 가 각자의 휴대폰에서도
푸시알림으로 떴다.
°PC,모바일상호호환출석여부를
통한조원의참여도측정
°오프라인조모임회의록저장

9. 그러고 나서 ‘자료조사’ 데드라인을 캘린더에 등록하였다. 설정해 놓은 알람이
조모임 1시간 전에 울렸다. 9시에 온라인 조모임을 시작 했고 어김없이 정해놓은
시간부터10분까지온조원들은출석으로기록되었고그다음부터는지각으로처
리되었다.조원이6명인데9시5분에접속중인조원을확인해보니4명이었고2명
은아직접속중이지않았다.9시10분이넘었기때문에회의를시작하기로했다.
°과제데드라인등록
°조모임알람기능
°정시출석체크기능 게시판등
의공개여부
저번오프라인조모임에서서로맡았던자료조사를게시판에공유하기로했기
때문에 오늘 조모임 전에 모두 읽어 오기로 했고 그 밑에 아이디어나덧붙일 코멘
트를 남기기로 했었다. 업로드된 자료마다 누가 읽은지 읽지 않았는지 확인 할 수
있어서 확인해 보니 모든 조원들이 확인한 것으로 나와있었다. 그리고 내가 PC에
서올렸던게시물중에수정해야할것이생겨서모바일로간단히수정을했다.
°각게시물밑코멘트작성기능
°업로드된자료확인여부체크
기능
°PC로올린자료모바일로수정할
수있는기능

10. 회의를하다가중요하다고생각하는메세지를꾹눌러서회의록으로저장을해
놓았다. 날짜 별로 회의록이 저장이 되니 조모임에 늦게 참여하거나 불가피한 이
유로 참여하지 못한 조원이 있을 때 설명을 다시 해주지 않아도 조모임 때 얘기된
중요한 내용을 확인 할 수 있어서 편리했다. 9시 25분쯤 되니 모든 조원이 채팅방
에 들어왔고 본격적으로 회의를 할 수 있게 되었다. 회의를 하면서 동시에 자료게
시판에 자료를 공유하고 다음 조모임 까지 해야 할 것들을 나눈 다음 다음 오프라
인조모임날짜를정하고캘린더에등록하고알람을설정한뒤조모임을마쳤다.
°모바일에서중요메세지꾹눌러
서회의록으로저장하는기능
°회의록날짜별로자동저장기능
°회의록날짜별로확인가능기능
°조모임날짜캘린더에등록하는
기능
조모임 중간 발표가 거의 다가와서 참여도를 확인해 보기 위해서 조원들의 프
로필을눌러서들어갔다. 조원들의프로필옆에참여도에따라서캐릭터가변화되
어 있었다. 난 한번도 지각한 적 없고모두 출석이었고 자료도많이 올렸기 때문에
캐릭터가많이성장해있었다.조원들의프로필에는조모임마다몇시에접속했는
지가 나와있었고 조모임마다 정시에 들어왔는지 지각인지 결석인지도 나와있었
다. 그리고 게시판에 몇 개의 파일을 올렸는지 다른 사람들의 게시물에 코멘트는
몇 개를 달았는지도 자세히 나와있었다. 그리고 지금 접속 중인지 아니면 오프라
인상태인지도알수있었고마지막접속이언제였는지도확인할수있었다.
°프로필에서참여도확인기능
°참여도에따른메타포성장
°누적출석도확인기능
°누적업로드파일확인기능
°누적코멘트개수확인기능
°온/오프라인여부확인기능
°마지막접속시간확인기능

11. 그리고 조원들과 이야기를 해보니 교수님의 피드백을 직접적으로 받으면 좋겠
다는 의견이 나와서 교수님을 초대하기로 하였다. 교수님이 우리 조모임 방에서
읽을 수 있는 범위를 미리 설정을 했고, 공유된 게시물과 코멘트, 어디까지 진행되
었는지그리고조원들프로필을눌러서얼마나참여했는지를정도를확인할수있
게설정했다.교수님은중간발표전PPT를보시고밑에피드백을해주셨고열심히
하라고기프티콘을선물해주셨다.
°교수님초대기능
°조원외의타인의자료열람
범위설정기능
°기프티콘선물기능

13. 희정은‘휴먼컴퓨터인터렉션’1조로부터‘팀플랜드’초대를받았다.희정은그어
플에‘교수’회원으로이미가입해있는상태다.초대를수락하자1조의조모임방에
들어갈수있는자격이생겼다.학생간의채팅방이나,자료게시판,캘린더등학생
들이희정에게공개하기로설정한것들만열람할수있다.1조의경우에는자료게
시판을 공개로설정해두어서 어떤학생이 어떤 자료를 올렸는지 볼수 있었다. 희
정은 1조가 올린 프로젝트 계획서 파일 밑에 “좋아요 이대로 진행하면 될 것 같아
요!”라고댓글을달았다.
°교수회원초대기능
°교수회원에게채팅방,
게시판등의공개여부
설정기능
°교수회원의댓글달기기능

14. 학생들의 프로필을 누르면 학생 개인의 연락처와 참여도를 열람할 수가 있다.
귀여운메타포로한눈에볼수도있고,눌러서파일업로드수나출석률등자세한
참여도를 볼 수도 있다. 희정은 1조가 모두 열심히 참여하고 있는 것 같아 격려 차
원에서학생들이다음오프라인조모임에서함께사용할수있는빙수기프티콘을
‘교수님과의채팅’방에전송했다.
°교수회원의학생연락처및
참여도열람기능
°교수회원의기프티콘전송
기능
‘교수’회원이 조모임에들어가면, 자동적으로‘교수님과의 소통방’이 생성된다. 그
방에서 학생들이 희정에게 질문을 하거나 파일을 전송할 수 있다. 1조가 진행상황
을 요약한 파일을 그 방에 보내서, 희정은 이를 읽고 빠르게 피드백을 해 줄 수 있
다. 모든조원들이그방에있기때문에, 따로메일을발송한다거나하지않아도되
어서편리하다..
°교수회원과학생회원간의
채팅기능
(교수님과의소통방)
°교수님과의 소통방안에서
파일공유기능

17. Main success scenario
Step Action
1 자기프로필에들어가서자신의이번학기일정을등록한다.
2 확인하고자하는조모임을선택한다.
3 ‘일정’메뉴에들어간다.
4 ‘조스케줄관리＇메뉴에들어간다.
5 ‘조캘린더＇와‘조원스케줄‘중‘조원스케줄＇을누른다.
6 자동으로취합된조원들의스케줄을확인한다
7 채팅방으로가능한시간을전송한다.
8 조원들과조모임시간을의논한다.
9 조캘린더’에조모임일정을등록한다.
10 조모임알림을개인별로설정한다.

18. Extensions
Step Action
5a1 “조원ㅇㅇㅇ님이스케줄을아직등록하지않으셨습니다.계속하시겠습니까?”라는팝업창
이나타나고,팝업창아래쪽에‘예’와‘취소’버튼이표시된다
5a2 ‘예’를누르면등록된조원들의주간스케줄이취합된다 / ‘취소’를누르면step4의창으로
돌아간다.
5b1 조원모두가가능한시간이존재하지않는다.
5b2 Step7로바로이동한다

20. Main success scenario
Step Action
1 온라인조모임이예정된조모임을선택한다.
2 ‘채팅’메뉴에들어간다.
3 ‘출석/지각/불참여부를체크한다.
4 조원들의접속상태(online/offline)을확인한다.
5 텍스트,사진,파일을채팅창내에서메시지로주고받는다.
6 메시지를읽은사람을확인한다.
7 중요한메시지를하이라이트하거나회의록으로저장한다.

22. Main success scenario
Step Action
1 자료를공유하고자하는조모임을선택한다.
2 ‘자료게시판’메뉴에들어간다.
3 자신이갖고있는자료를업로드한다.
4 다른조원들이올린자료를열람한다.
5 댓글이나덧글로자료에대한피드백을주고받는다.
Extensions
6 자신이열람한다른조원의자료가수정되었을경우,알림이뜬다.
7 Step4로돌아간다.

24. Main success scenario
Step Action
1 참여 현황을 확인하고자 하는 조모임을 선택한다.
2 ‘참여도’메뉴에 들어간다.
3 개인의 참여도를 보여주는 메타포들이 등장한다.
4 참여도를 확인하고자 하는 조원의 메타포를 클릭한다.
Extensions
2a1 ‘채팅’메뉴에 들어간다.
2a2 참여도를 확인하고자 하는 조원의 프로필을 클릭한다.
2a3 메타포와 함께, 참여 현황을 상세하게 확인한다.