Individual final design proposal pdf
•
1 like•604 views
Interface Design_ final design proposal of 팀플랜드_ 박지영
![FINAL DESIGN PROPOSAL
of [팀플랜드] 박지영 2013129059
인터페이스디자인](https://image.slidesharecdn.com/individualfinaldesignproposalpdf-151222204401/85/Individual-final-design-proposal-pdf-1-320.jpg)
More Related Content
Viewers also liked
Viewers also liked (18)
Similar to Individual final design proposal pdf
Similar to Individual final design proposal pdf (20)
Individual final design proposal pdf
- 1. FINAL DESIGN PROPOSAL of [팀플랜드] 박지영 2013129059 인터페이스디자인
- 2. Contents System Concept Statement Interview & Modeling Persona Defining Requirements - Requirements Matrix - Context Scenario - Experience Attributes Journey Map & Use Cases Inforemation Architecture - Site Map - Task Flows UI Scenario - UI Storyboards - Prioritization List Wireframes
- 3. System Concept Statement 카카오톡과 구글 드라이브를 통한 조모임은 효율적인가? 카카오톡으로 조모임을 하다보면 읽고 답장 없는 경 우, 읽지도 않는 경우, 정해진 시간에 채팅방에 등장하지 않는 경우, 아무 반응 없다가 마지막에 그래서 해야하 는 것은 무엇이죠? 라고 다시 물어보는 경우 등 누구나 한번쯤 겪어 봤을 많은 상황들이 있다. 또한 카카오톡은 조모임만을 위한 어플이 아니기에 조모임을 원활히 진행하기엔 부족한 부분이 많다. 카카오톡과 구글 드라이 브를 번갈아 가면서 조모임을 하는 것도 상당히 불편한 부분이 많다. 따라서, 우리는 프로젝트나 그룹 과제를 잘 수행 할 수 있는 ‘조모임 전용 어플리케이션’을 준비했다. 조원들의 감정충돌을 최소화 시키고, 짧은 시간에 최대의 결과물을 효과적으로 낼 수 있게 하고 기존에 분산되어서 저장 되었던 정보들을 하나의 어플에 저장하고 그 정보들을 유용하게 관리할 수 있는 서비스를 제공한다. 이 어플을 통해 더 나은 조모임을 가능하게 하는 것이 우리의 목표이다.
- 4. System Concept Statement SNL조별잔혹사 SNL조별잔혹사 조모임에관한설문 조모임에 대한 부정적인 인식들
- 5. System Concept Statement 조모임에 쓰이는 서비스 온라인조모임메신저 온라인자료공유 온라인자료공유 오프라인조모임
- 6. System Concept Statement 조모임에 쓰이는 서비스 캘린더, 일정 관리 스케줄, 시간표 자동 취합 조모임 가능 시간 자동 계산 조모임 참여도 자료 게시판 자료 공유 및 날짜 별 회의록 정리
- 7. Interview & Modeling 인터뷰 질문 카테고리 인터뷰 내용 팀플랜드 어플리케이션 개발을 위 해 기존 대학생들이 어떻게 조모임 을 해왔는지, 그리고 어떤 조모임 앱이 학생들에게 가장 필요한지를 알기 위해 인터뷰를 진행하기로 하 였다. 그리하여 인터뷰에서 얻고자 하는 내용에 따라 질문을 다음과 같이 나누었다. 조모임에 대한 전반적인 태도, 현재의 온라인 조모임의 문 제점, 기존 조모임 관련 서비스의 문제점, 그 외에 전반적인 조모임 에 대한 생각에 대하여 인터뷰를 한 다음에, 팀플랜드에서 계획 중 인 조모임 어플의 기능에 대하여 설명하고 이러한 어플에 대해 어떻 게 생각하는지 알고자 한다.
- 8. Interview & Modeling Interview Analysis
- 9. Interview & Modeling Interview Analysis
- 10. Interview & Modeling Interview Analysis
- 11. Interview & Modeling Interview Analysis
- 12. Persona Primary Persona Demographic 이름: 김우영 (23) 전공: 경영학과 성격: 모든 일에 적극적이고 밝고 똑부러진 성격 주소: 신촌에서 자취 중 Frustrations 조모임 관련 서비스를 여러 개 사용하는 것이 불편하고 비효율적 메시지를 누가 확인하지 않았는지 알 수 없는 카카오톡 원활한 실시간 커뮤니케이션이 되지 않는 카카오톡 파일/사진 목록 보기가 되지 않는 MacOS의 PC 카카오톡 Environment 온라인 조모임 조원들과의 자료 공유 오프라인 조모임 약속잡기 조원들과의 친밀감 형성 Behaviors & Feelings 복학 후 첫 학기 이번 학기 조모임 수업 3개 수강 중 좋은 성적을 받고 싶음 ‘조장’에 대한 부담감 Interactions with People, Services 활동 중인 동아리 및 대외활동 없음 여자친구 없음 iPhone 6사용 Macbook pro사용 조모임 관련 서비스로 카카오톡/ Googledocs/ Google drive 사용 중 Skills & Capacity 모바일 기기 및 컴퓨터 사용 능력: 상 모바일 어플 선호도: 상 여러 디바이스, 서비스에 대한 흥미가 높고 활용도가 높음
- 13. Persona 제대 이후 복학 첫 학기인 우영이는 이번 학기에 반드시 4점대의 성적을 받고 싶어한다. 1학년 때의 성적이 하도 엉망이라, 목표하 는 언론홍보영상학부 복수전공을 하려면 성적을 반드시 끌어올려야만 하기 때문이다. 우영이는 현재 5개의 수업을 듣는데 그 중 3개가 조모임이 있는 수업이다. 워낙 프로젝트를 좋아하고 발표에 자신 있는 스타일이 기 때문에 조모임을 선호하나 3개씩 하다 보니 버거운 느낌이 없지 않아 있다. 조모임 결과가 성적 반영 비율이 높다 보니, 조모임에 최선을 다하려고 한다. 활동 중인 동아리 및 대외활동도 없고, 여자친구도 없다 보니 조모임에 올인할 준비가 언제든지 되어있다. 하 지만 다른 조원들은 그렇지 않은 듯 하다. 오랜만에 복학을 하니 어린 친구들이 많아서 조모임을 할 때 3개 중에서 2개는 우영이가 조 장을 맡는다. 사실 조장을 하는 것이 싫은 것은 아니지만 조모임이 너무 조장에게 부담을 많이 가지게 하는 시스템이라는 생각이 든 다. 조원들이 열심히 하지 않으면 조장이 어쩔 수 없이 혼자서 많은 부분을 해야하기 때문이다. ‘고급PR론’과 ‘광고 크리에이티브’의 조 발표 시기가 겹쳐 조급해진 우영이는 두 개의 조 단체 카카오톡 대화방에 ‘저희 모여서 얘 기 한 번 해야 할 것 같은데 다들 언제 시간 괜찮으신가요?’하고 먼저 메시지를 보낸다. ‘광고 크리에이티브’ 카톡방에서는 다음 주 중에 오프라인으로 만나야 할 것 같다고 이야기가 나왔는데, 누구는 알바가 있고, 누구 는 수업이 있고, 누구는 다른 과제가 있어서, 8명이나 되는 조원들이 모두 가능한 시간을 찾는데 엄청난 시간이 걸렸다. 우영는 조원 들끼리 서로 공강 시간이나 마치는 시간을 한 눈에 볼 수 있었으면 좋겠다고 생각했다. 8명이나 되는 조원들이 모일 수 있는 장소를 선정하는 것도 꽤나 힘든 일이었다. ‘고급PR론’단톡방의 상황은 더욱 심각했다. 우영이가 메시지를 보낸 지 4시간이 지나도록 5명 중 3명은 읽고도 아무 말을 하지 않 았고, 1명은 아직 읽지도 않았다. 그로부터도 몇 시간이 지나서 한 명의 조원이 “다들 바쁜 것 같은데 일단 그냥 온라인으로 하면 안 될까요?ㅠㅠ내일 저녁 쯤이요!”라고 제안했다. 다음 날 카톡으로 조모임을 하기 시작했지만, 모든 조원들이 카톡을 바로 바로 확인 하는 것이 아니다 보니 의사소통이 실시간으로 원활하게 이루어지지 못한다. 누가 읽었고, 읽지 않았는지 알 수도 없으니 너무 답답 하고 혼자서만 떠드는 기분이다. 조원이 많다 보니, 그냥 대충 묻어가려는 사람들이 많아서 스트레스다. 복학생 김우영 (23) Primary Persona
- 14. Persona 우여곡절 끝에 자료조사 할 부분을 나누고 각자 조사한 자료를 공유하기로 한다. 몇몇 조원이 카톡방에 사진과 파일을 올렸는데 대 화를 하다 보면 점점 위로 밀려 올라간다. MacOS의 Kakao talk에서는 파일/사진 목록보기가 되지 않아서, 우영이는 파일을 찾으 려면 스크롤을 올리는 방법 밖에는 없다. 게다가 카카오톡에 올려진 파일들은 2주가 지나면 자동으로 삭제되서 시간이 지나면 다시 다운로드도 못 받아서 불편하다. 그래서 Google drive에서 자료를 공유하기로 하고, 조원들의 gmail주소를 받아서 직접 초대를 해야만 했다. 게다가 한 조원이 Google drive 사용법을 제대로 몰라서, 그것도 하나하나 가르쳐줘야만 했다. 조모임도 여러 개인 데다가, 한 조모임에서도 여러 가 지 서비스를 사용해야만 하니 우영이는 너무 정신이 없었다. Google drive에 워드나 한글 파일을 올리면 이상하게 폰트나 양식이 조금씩 달라지는 것도 문제점 중 하나였다. 그런데 힘든 점은 그뿐만이 아니었다. Google drive를 통해 서로 제작한 작업물을 교환하고 조사한 자료를 올리는데 우영이와 1 명 빼고는 잘 올리지도 않고 한 명은 Google drive를 써본 적이 이번이 처음이라 익숙하지 않다는 변명만 하고 있다. 서로 맡은 부분 을 제 시간에 완성해야지 다음 단계로 넘어갈 수 있는데 조원이 많다 보면 서로가 책임감을 덜 느끼는 것 같다. 해야할 부분을 안하면 어쩔 수 없이 다른 조원이 그 부분을 맡아서 해야한다. 우영이는 이왕 한 학기 동안 같이 조모임을 하면 조원들끼리도 좀 친해졌으면 좋겠다고 생각하지만 쉽지가 않다. 약속시간을 잘 지 키지 않고, 어떻게 하면 일을 조금이라도 덜 할지 눈치만 보는 조원들이 있어서, 서로 감정이 상하기 쉽기 때문이다. 우영이는 조원들 이 화목한 분위기 아래에서 서로 도와주며 기분좋게 조모임을 할 수 있었으면 좋겠다. 조원들의 적극적인 참여를 이끌어낼 수 있는 방법이 절실하다. 함께 했을 때 최상의 결과가 나올 수 있는 조모임인데, 늘 혼자서 많은 부분을 해야하다 보니까 조모임을 선호하는 우영이지만 이 렇게 정신적으로 스트레스 받고 시간 면에서도 비효율적이기 까지 한 조모임 보다는 개인과제가 나을 것이라는 생각이 자꾸 든다. 과 특성상 조모임 수업을 피해갈 수 없는 우영이는 앞으로 어떻게 하면 함께 시너지를 낼 수 있는 조모임을 할 수 있을까 고민이다. 복학생 김우영 (23) Primary Persona
- 15. Persona Primary Persona Goals 조원들의 자발적, 적극적인 참여 유도 모든 조원들이 참여하는 공평하고 형평성 있는 조모임 최소한의 시간으로 최대한의 결과를 내는 편리하고 효율적인 조모임 조원들 간의 친밀감 형성 간단한 서비스로 모두가 어려워하지 않을 수 있는 조모임 서비스
- 16. Persona Primary Persona Goals 조원들의 자발적, 적극적인 참여 유도 모든 조원들이 참여하는 공평하고 형평성 있는 조모임 최소한의 시간으로 최대한의 결과를 내는 편리하고 효율적인 조모임 조원들 간의 친밀감 형성 간단한 서비스로 모두가 어려워하지 않을 수 있는 조모임 서비스
- 17. Persona Secondary Persona Demographic 이름: 김희정 (43) 소속: 연세대학교 언론홍보영상학부 교수 주소: 잠실 거주 Frustrations 학생들이 yscec의 조모임 방을 이용하지 않아서, 조모임 진행상황 알 수 없음 객관적인 참여도 평가가 어려움 Environment 조모임 진행 상황 체크 학생 참여도 평가 조모임 피드백 Behaviors & Feelings 이번 학기에 2개의 과목 강의 중 조별 과제 선호 •팀워크 중시 •학생들과 소통 의지 강함 공정한 평가를 하고 싶어 함 Interactions with People, Services 학생들과의 소통 활발 iPhone 5S 사용 Macbook pro 사용 Yscec을 주로 사용 Skills & Capacity 모바일 기기 및 컴퓨터 사용 능력: 중 •모바일 어플 선호도: 중하 •여러 디바이스, 서비스에 대한 흥미가 높고 활용도 높음
- 18. Persona 연세대학교 언론홍보영상학부 교수인 희정은 이번 학기에 ‘인터페이스 디자인’, ‘휴먼 컴퓨터 인터렉션’ 두 개의 과목을 강의하고 있다. 학생들에게 조별 과제를 내 주는 것을 선호하는 편이라서, 두 수업 모두 여러 개의 조를 편성해 준 상태다. 조 모임을 통해서 학 생들이 협동심을 기르고, 소통을 통해서 혼자서는 할 수 없는 것들을 할 수 있다고 믿기 때문이다. 그러나 학생들은 조모임에 대해서 불만이 많은 듯하다. 서로 참여도도 차이가 나고, 개인과제보다 비효율적이라고 느끼는 듯하다. 그래서 희정은 최대한 객관적으로 학생들의 조별 과제 참여도를 평가하고 싶지만, 쉽지가 않다. Yscec의 조모임 게시판은 부족한 기능이 많아서 학생들이 이용하려 하지를 않는다. 대부분 카카오톡이나 Google Drive 등을 이용하는 듯하다. 희정은 각 조모임의 진행 과정을 확인할 수가 없는 상황이다. 지난 학기에 한 학생으로 부터 조모임의 프리라이더를 고발하는 내용의 메일을 받은 적이 있었는데, 그 학생의 일방적인 주장인지 사실인지 확인할 길이 없어서 곤란했던 기억이 있다. 따라서 조 프로젝트 진행단계에 맞는 피드백을 해주는 것도 어렵다. 학생들이 직접 찾아오거나, 메일을 보내지 않는 이상 조언해 주 기가 힘들다. 진행상황을 알 수가 없기 때문에, 과제를 잘못 이해한 조의 경우에는 프로젝트가 한참 진행된 후에 프로젝트 방향을 바 꿔야 하는 일도 부지기수다. 그런 조들은 프로젝트 결과물도 다른 조 보다 빈약할 수밖에 없어서 안타까울 따름이다. 희정은 학생들과 적극적으로 소통하면서 많은 조언을 해주고 싶지만, 쉽게 소통할 수 있는 방법이 없어서 고민이다. 또한 학생들이 보다 적극적으로 조모임에 참여해서, 더 좋은 결과를 얻었으면 하는 바람이다. 교수 김희수 (43) Secondary Persona
- 19. Persona Secondary Persona Goals 학생들의 적극적인 조모임 참여 유도 학생들과의 활발한 소통 학생들의 올바른 조모임 진행 학생들의 조모임 참여에 대한 공평한 평가 교수님이 참여할 수 있는 기능을 제안 하기 위해 Secondary Persona를 교 수님 버전으로 작성하였으나, 팀플랜 드 앱 개발에 대해 한 학기 동안 연세스 프 팀원들과 의논 해 본 결과, 팀플랜드 의 가장 큰 목적은 학생들을 위한 조모 임 서버스를 제공하는 것이기 때문에 교수님의 참여가 자칫하면 학생들에게 조모임에 대한 부담을 줄 수 있으며, 화 목하고 편안한 분위기에서 하는 조모 임을 방해할 수도 있다는 결론을 내려 서 Secondary Persona 기능을 사용 하지 않기로 결정하였다.
- 20. Defining Requirments Requirements Matrix Source Data Needs Functional Needs Product Qualities Constraints 〮온/오프라인조모임 〮 조원들의스케줄 (학교시간표,학교외 일정포함) 〮조모임시간 〮채팅창 〮조원들의참여도 (온라인) 〮조모임장소 (오프라인) 〮개인스케줄입력 〮조스케줄자동수합,조모임시간추천 〮조모임시간예약및알림 〮메시지읽은조원표시 〮접속중인조원표시 〮최종접속시간표시 〮파일업로드수,코멘트수, 출석율등을통한참여도측정 〮조모임장소추천 (학교근처스터디카페등) 〮가독성높은채팅창 〮개인의참여도보여주는 친근하고귀여운메타포
- 21. Defining Requirments Requirements Matrix Source Data Needs Functional Needs Product Qualities Constraints Mental Model 〮조모임에참여하려는의지 〮다양한기능에대한이해 〮직관적인인터페이스 〮어플이용가이드 Goals 〮모든조원들의적극적인 참여유도 〮편리하고효율적인조모임 〮모두가쉽게이용할수있는서비스(별도 가입불필요) 〮강압적이지않되,참여를독려하는시스템 〮조원들간의감정적충돌을최대한방지 〮흩어져있는조모임관련서비스를통합해 서제공 〮객곽적인참여도가시화 〮 개인별 기술 능력 의 차이
- 22. Defining Requirments Requirements Matrix Source Data Needs Functional Needs Product Qualities Constraints Environment 〮PC,모바일상호호환 〮1개이상의조모임 〮 PC,모바일모두에서확인가능한자료게시판 (pdf로자동변환) 〮PC채팅 〮안드로이드,iOS모두사용가능 〮어플내에서여러개의조모임생성,참여가능 〮네트워크 환경 Skills and Ablities 〮이해하기쉬운기능 〮복잡하지않은기능 〮직관적인인터페이스 〮개인 별 기술 능력의 차이
- 23. Defining Requirments Context Scenario ‘휴먼컴퓨터인터렉션’수업에서드디어조모임배정을 받았다. 조모임을하기위해서팀플랜드어플을다운 받았다.따로가입할필요없이Facebook으로로그인할수있게되있어서간편하게로그인을하였다. °별도가입불필요 8시가되어조원들이들어왔고첫오프라인조모임날짜를잡기위해서로의시간표와스케줄을공유하기로 하였다. 미리 시간표와 아르바이트 날짜, 과외 날짜와 시간을 등록해 놓았기 때문에 스케줄 자동 합침을 누르 니조모임가능시간대가나왔다.그래서모든조원들이가능한시간대로첫오프라인조모임약속을잡았다. °개인스케줄입력(학교시간표,학교외 일정포함) °조스케줄자동수합,조모임시간추천 그리고조모임장소추천에들어가니조모임하기좋은스터디카페의리스트를볼수있었다. 조원들과상의 를 해서 그 중 하나로 가기로 결정했다. 캘린더 상에 첫 조모임 날짜, 장소, 시간 그리고 알람을 설정해 두었다. 알람은개인적으로설정해둘수있어서나는하루 전에한번그리고조모임2시간전에한번울릴수있게해 두었다. °오프라인조모임장소추천 °조모임시간예약및알림 °온/오프라인조모임시간등이 표시되는조캘린더 약속 장소에 도착한 뒤, 팀플랜드 어플 PC버전에 로그인 한 뒤, 조원들이 모두 왔나 확인을 했다. 모두 출석했고,나도어플에서출석탭을클릭하였다. 어플에서 회의록을 작성한 뒤, 회의록 게시판에 업로드를 하였다. “김우영 님이 회의록을 등록하였습니다.” 가 각자의휴대폰에서도푸시알림으로떴다. ° PC,모바일상호호환출석여부를통한 조원의참여도측정 °오프라인조모임회의록저장 그러고나서‘자료조사’데드라인을캘린더에등록하였다.설정해놓은알람이조모임1시간전에울렸다. 9시 에온라인조모임을시작했고어김없이정해놓은시간부터10분까지온조원들은출석으로기록되었고그다 음부터는지각으로처리되었다. 조원이6명인데9시 5분에접속중인 조원을확인해보니4명이었고2명은아 직접속중이지않았다.9시10분이넘었기때문에회의를시작하기로했다. °과제데드라인등록 °조모임알람기능 °정시출석체크기능 ° 게시판등의공개여부
- 24. Defining Requirments Context Scenario 저번 오프라인 조모임에서 서로 맡았던자료조사를 게시판에공유하기로 했기 때문에오늘조모임 전에 모 두 읽어 오기로 했고 그 밑에 아이디어나 덧붙일 코멘트를 남기기로 했었다. 업로드된 자료마다 누가 읽은지 읽지 않았는지 확인 할 수 있어서 확인해 보니 모든 조원들이 확인한 것으로 나와있었다. 그리고 내가 PC에서 올렸던게시물중에수정해야할것이생겨서모바일로간단히수정을했다. °각게시물밑코멘트작성기능 °업로드된자료확인여부체크기능 °PC로올린자료모바일로수정할수있 는기능 회의를 하다가 중요하다고 생각하는 메세지를 꾹 눌러서 회의록으로 저장을 해 놓았다. 날짜 별로 회의록이 저장이 되니 조모임에 늦게 참여하거나 불가피한 이유로 참여하지 못한 조원이 있을 때 설명을 다시 해주지 않아도 조모임 때 얘기된 중요한 내용을 확인 할 수 있어서 편리했다. 9시 25분쯤 되니 모든 조원이 채팅방에 들어왔고본격적으로회의를할수있게되었다.회의를하면서동시에자료게시판에자료를공유하고다음조 모임 까지 해야 할 것들을 나눈 다음 다음 오프라인 조모임 날짜를 정하고 캘린더에 등록하고 알람을 설정한 뒤조모임을마쳤다. °모바일에서중요메세지꾹눌러서회 의록으로저장하는기능 °회의록날짜별로자동저장기능 °회의록날짜별로확인가능기능 °조모임날짜캘린더에등록하는기능 조모임 중간 발표가 거의 다가와서 참여도를 확인해 보기 위해서 조원들의 프로필을 눌러서 들어갔다. 조원들의프로필옆에참여도에따라서캐릭터가변화되어있었다.난한번도지각한적없고모두출석이었고 자료도 많이 올렸기 때문에 캐릭터가 많이 성장해 있었다. 조원들의 프로필에는 조모임마다 몇 시에 접속했는지가 나와있었고 조모임마다 정시에 들어왔는지 지각인지 결석인지도 나와있었다. 그리고 게시판에 몇 개의 파일을 올렸는지 다른 사람들의 게시물에 코멘트는 몇 개를 달았는지도 자세히 나와있었다. 그리고 지금접속중인지아니면오프라인상태인지도알수있었고마지막접속이언제였는지도확인할수있었다. °프로필에서참여도확인기능 °참여도에따른메타포성장 °누적출석도확인기능 °누적업로드파일확인기능 °누적코멘트개수확인기능 °온/오프라인여부확인기능 °마지막접속시간확인기능 열심히 준비한 끝에 성공적으로 조별 최종 과제인 발표를 마쳤다. 한 학기 동안 모두가 열심히 참여해 좋은 결과를얻을수있어서뿌듯하다. 팀플랜드앱을들어가서,함께고생한조원들에게수고했다는스티커를메타 포에붙여주었다. ° 조원에게칭찬스티커붙여주기기능
- 25. Defining Requirments Context Scenario 스토리보드 형태로 표현한 시나리오: 1) 팀플랜드 다운 및 로그인 2) 개인 스케줄을 등록 후 조원 스 케줄을 취합 3) 조모임 날짜와 시간을 조 캘린더 에 등록 및 알람 설정 4) 추천 받은 조모임 장소에서 조모 임을 진행 5) 팀플랜드로 조모임 출석 6) 자료게시판에 각자 맡은 과제를 업로드 7) 자료 업로드 알림 8) 온라인 조모임 알람 확인 9) 채팅창에서 중요한 메시지를 회 의록으로 저장 10) 개인 프로필을 클릭해 메타포와 참여도를 확인
- 34. Journey Map Narrative Flow 팀플랜드 다운/실행하기 조모임 방 생성하기 오프라인 조모임 일 정 정하기조 배정받기 조배정받기 인사나누기 앱스토어 에서 팀플 랜드 검색 하기 팀플랜드 다운받기 가입하기 개인 프로 필 등록하 기 조모임 방 이름 입력 하기 조원 초대 하기 취합된 스 케줄 확인 하기 조모임 장 소 추천 리 스트 받아 보기 조모임 출 석 번호 교환 하기 로그인하기 시간표 등 록하기 방 코드 생 성 코드로 초 대하기 조모임 시 간 정하기 장소 정하 기 팀플랜드에 출석확인 하기 연락처/카 카오톡으로 직접 초대 하기 달력에 등 록하기 알람, 알림 설정하기
- 35. Journey Map Narrative Flow 이야기 나누 기 회의록 작성, 저장하기 게시판에 자 료 업로드하 기 조원들 자료 피드백하기 온라인 조모 임 시간 투 표 온라인 조모 임 출석하기 회의록 저장 하기 발표하기 참여도 확인 하기 격려 스티커 붙여주기 주제 정하기 다음 미팅 일정, 과제 데드라인 일 정 달력에 등록하기 자료 읽은 사람 확인하 기 자료 수정하 기 온라인 조모 임 시간 캘 린더에 등록 하기 온라인 상태 확인하기 체팅 메시지 하이라이트 하기 메타포 성장 확인하기 역할 나누기, 사다리 게임 푸시알림 개 인 설정 게시물에 댓 글달기 체팅방 안에 서 파일 공 유하기 오프라인 조모임 파일 업로드/공유 온라인 조모임 발표 참여도 확인하기
- 36. Journey Map Stage 조모임 시작 조모임 과정 Activity Features 로그인이 간편하고, 코드발급을 통해 쉽 게 조원들을 초대할 수 있다. 스케줄을 자동 취합하여 조모임 일정을 정한다. 캘린더에 일 정 등록 및 알람 설정으로 잊지 않도록 해준다. 오프라인 조모 임에 참석-출석체크를 통해 조원들의 참여율을 높여준다. 논 의 후 다음 일정을 캘린더에 등록한다. 회의록을 손쉽게 작성 하여 참석하지 못한 조원들도 내용을 확인할 수 있다. 조배정받기->앱 다운/실행 ->조모임방 생성 스케줄자동취합-> 오프라인 조모임 참여 - > 출석체크 -> 회의록저장 -> 일정관리
- 37. Journey Map Stage 조모임 과정 조모임 종료 Activity Features 개인이 맡은 과제를 업로드하여 서로 피드백을 해준다. 자료 업로드 푸시알람을 설정할 수 있다. 자료를 열람한 사람을 활 수 있다. 온라인조모임을 통해 서로 의견을 나누고 파일을 공 유할 수 있다. 온라인 조모임 출석체크를 통해 참여율을 높인 다. 메시지를 읽은 사람을 확인할 수 있으며, 희의록을 저장 하고, 메시지 하이라이트 기능을 사용할 수 있어 효율적인 조 모임이 가능하다. 최종과제인 조별발표를 성공적으로 마친다. 메타포를 통해 각 조원들이 얼마나 열심히 참여했는지 확인할 수 있다. 나의 참여율 확 인을 통해 스스로 반성하고 평가해본다. 한 학기 동안 함께 열심히 수고한 조원들에게 격려의 스티커를 보내주면서 훈훈하게 조모 임을 끝낸다. 파일업로드/공유 -> 푸시알림설정 -> 열람자확인 -> 자료피드백 -> 온라인 조모임-> 출석체크 -> 메세지읽은사람확인 -> 회의록, 하이라이트 최종발표 -> 참여도 확인하기
- 38. Use Cases USE CASE #1 조모임 일정 관리하기 Main success scenario Step Action 1 자기프로필에들어가서자신의이번학기일정을등록한다. 2 확인하고자하는조모임을선택한다. 3 ‘일정’메뉴에들어간다. 4 ‘조스케줄관리＇메뉴에들어간다. 5 ‘조캘린더＇와‘조원스케줄‘중‘조원스케줄＇을누른다. 6 자동으로취합된조원들의스케줄을확인한다 7 채팅방으로가능한시간을전송한다. 8 조원들과조모임시간을의논한다. 9 조캘린더’에조모임일정을등록한다. 10 조모임알림을개인별로설정한다. Extensions Step Action 5a1 “조원ㅇㅇㅇ님이스케줄을아직등록하지않으셨습니다.계속하시겠습 니까?”라는팝업창이나타나고,팝업창아래쪽에‘예’와‘취소’버튼이표시 된다 5a2 ‘예’를누르면등록된조원들의주간스케줄이취합된다 / ‘취소’를누르 면step4의창으로돌아간다. 5b1 조원모두가가능한시간이존재하지않는다. 5b2 Step7로바로이동한다
- 39. Use Cases USE CASE #1 조모임 일정 관리하기
- 40. Use Cases USE CASE #2 조원들과 온라인으로 실시간 모임하기 Main success scenario Step Action 1 온라인조모임이예정된조모임을선택한다. 2 ‘채팅’메뉴에들어간다. 3 ‘출석/지각/불참여부를체크한다. 4 조원들의접속상태(online/offline)을확인한다. 5 텍스트,사진,파일을채팅창내에서메시지로주고받는다. 6 메시지를읽은사람을확인한다. 7 중요한메시지를하이라이트하거나회의록으로저장한다.
- 41. Use Cases USE CASE #2 조원들과 온라인으로 실시간 모임하기
- 42. Use Cases USE CASE #3 온라인에서 조원들과 자료 공유하기 Main success scenario Step Action 1 자료를공유하고자하는조모임을선택한다. 2 ‘자료게시판’메뉴에들어간다. 3 자신이갖고있는자료를업로드한다. 4 다른조원들이올린자료를열람한다. 5 댓글이나덧글로자료에대한피드백을주고받는다. Extensions Step Action 6 자신이열람한다른조원의자료가수정되었을경우,알림이뜬다. 7 Step4로돌아간다.
- 43. Use Cases USE CASE #3 온라인에서 조원들과 자료 공유하기
- 44. Use Cases USE CASE #4 조모임 참여 현황 확인하기 Main success scenario Step Action 1 참여 현황을 확인하고자 하는 조모임을 선택한다. 2 ‘참여도’메뉴에 들어간다. 3 개인의 참여도를 보여주는 메타포들이 등장한다. 4 참여도를 확인하고자 하는 조원의 메타포를 클릭한다. Extensions Step Action 2a1 ‘채팅’메뉴에 들어간다. 2a2 참여도를 확인하고자 하는 조원의 프로필을 클릭한다. 2a3 메타포와 함께, 참여 현황을 상세하게 확인한다.
- 45. Use Cases USE CASE #4 조모임 참여 현황 확인하기
- 48. Information Architecture TASK FLOWS - #1 조모임 일정 관리하기
- 49. Information Architecture TASK FLOWS - #2 조원들과 온라인으로 실시간 조모임하기
- 50. Information Architecture TASK FLOWS - #3 조원들과 자료 공유하기
- 51. Information Architecture TASK FLOWS - #4 조모임 참여현황 확인하기
- 52. UI Scenario UI Story Board 조모임 방 개인프로필 가이드 일정 홈화면 체팅방 자료 게시판 참여현황
- 53. UI Scenario Prioritization Requirements Description Business Importance User Importance Technical Feasibility 1 조모임 일정관리 온/오프라인 조모임 일정, 과제 제출 기한, 조원 개 인 스케줄 등의 조모임 관련 일정을 한 눈에 확인할 수 있다. High High High 2 스케줄 자동 취합 조원들의 개인 스케줄을 자동으로 취합하여, 조모임 에 적합한 시간을 추천 받을 수 있다. High High High 3 실시간 온라인 채팅 조원들과 조별 온라인 채팅창에서 실시간으로 메시 지, 사진, 파일을 주고받을 수 있다. High High High 4 조모임 출석체크 약속된 시간에 온/오프라인 조모임에 참석하였는지 여부를 출석, 지각, 결석 등으로 표시할 수 있다. Medium Medium High 5 회의록 등록 온/오프라인 조모임 내용을 정리한 내용을 업로드하 거나, 온라인 채팅창에서 중요 메시지를 회의록으로 저장할 수 있다. Low Medium High 6 자료 공유 조원들과 공유하고자 하는 자료를 자유롭게 업로드 할 수 있는 자료 공유 게시판이 있다. High High High 7 모바일에서 자료 수정 자료 공유 게시판의 자료를 모바일로도 간단하게 수 정이 가능하다. Medium Medium Low 8 개인별 참여현황 확인하기 다양한 요소를 고려하여 자동으로 계산된 조원 별 참 여현황을 메타포와 함께 확인한다. High High Medium
- 54. UI Scenario Prioritization 팀플랜드의 (최종적으로 결정된) 기능
- 55. Wireframe • 순서대로 클릭하시면 wireframe을 보시기 편하 실 거예요. 1) 가이드 버튼을 누른다. 2) 화면에 있는 나의 메타포를 누 르면 ‘개인프로필’메뉴로 들어 간다. 3) 들어가고자 하는 성(조모임방) 을 선택하여 들어간다. 홈 메뉴 홈 메뉴에서는 조모임 방을 선택하여 들 어가거나, 개인프로필을 등록할 수 있다.
- 56. Wireframe 1) ‘개인스케줄’메뉴로 들어간다. 2) 뒤로가기 버튼을 누른다. 개인 프로필 개인 프로필을 등록하거나, 개인 스케줄 을 등록/열람 할 수 있다.
- 57. Wireframe 1) 뒤로가기 버튼을 누른다. 개인 스케줄 개인 스케줄을 관리할 수 있다. 추가, 수정, 삭제가 가능하다.
- 58. Wireframe 1) 뒤로가기 버튼을 누른다. GUIDE 팀플랜드 사용법을 알 수 있다.
- 59. Wireframe 1) ‘일정’에 들어가서 일정관리를 한다. 2) ‘체팅’에 들어간다. 3) ‘자료게시판’에 들어간다. 4) ‘참여현황’에 들어가서 나와 조원들의 참여도를 확인한다. 조모임 홈 메뉴 랜드처럼 꾸며진 조모임 홈에는 일정, 채 팅, 자료게시판, 참여현황 메뉴가 있다.
- 60. Wireframe 1) 조 캘릭더에 들어간다. 2) 개인 스케줄에 들어간다. 3) 조원 스케줄에 들어간다. 일정 일정을 관리할 수 있다.
- 61. Wireframe WeeklyMonthly 1) 31일을 클릭하여 일정을 등록한다. 2) 월별 스케줄을 확인 후, Weekly 스케줄을 클릭한다. 조 캘린더_ Monthly 조 캘린더에서는 월별, 주별, 일별로 스케 줄을 관리할 수 있다. 날짜를 클릭하여 일정을 손쉽게 등록할 수 있다.
- 62. Wireframe 1) 미리알림 (1 시간 전) 버튼을 클 릭하여 알림 설정을 한다. 조모임 일정등록 조모임 일정을 등록하고, 알림을 설정할 수 있다.
- 63. Wireframe 1) 뒤로가기 버튼을 누른다. 조모임 일정등록
- 64. Wireframe 1) Weekly 스케줄을 확인 후, daily 스케줄을 눌러 확인한다. 조 캘린더_ Weekly
- 65. Wireframe 1) Daily 스케줄을 확인 후, 뒤로가기 버튼을 누른다. 조 캘린더_ Daily
- 66. Wireframe 1) 뒤로가기 버튼을 누른다. 개인 스케줄 개인 스케줄을 확인하거나, 추가/ 수정/ 삭제를 할 수 있다.
- 67. Wireframe 1) 조원 스케줄 자동 취합 버튼을 누른다. 조원 스케줄 조원들의 스케줄을 한 눈에 볼 수 있고, 자 동취합을 통해 겹치는 시간대를 쉽게 찾 을 수 있다.
- 68. Wireframe 1) 하단에 체팅 메뉴를 클릭한다. 조원 스케줄 자동취합 자동취합한 조원 스케줄을 체팅방으로 내 보내기 하여 조원들과 의논할 수 있다.
- 69. Wireframe 1) 파란색으로 표시된 메시지를 눌러 회의록으로 저장한다. 2) + 버튼을 눌러 체팅 메뉴를 펼 친다. 체팅방 메시지를 읽은 조원을 확일 할 수 있다.
- 70. Wireframe 1) 뒤로가기 버튼을 누른다. 2) 혹은 + 버튼을 눌러 체팅 메뉴를 펼친다. 체팅방_ 회의록저장 메시지를 길게 눌러 회의록으로 바로 저 장할 수 있다.
- 71. Wireframe 1) ‘사진’을 클릭하여 사진을 체팅방 에 보낸다. 2) ‘파일’을 클릭하여 파일을 체팅방 에 보낸다. 3) ‘카메라’를 클릭하여 사진 촬영을 한다. 4) ‘사진 모아보기’를 클릭하여 체팅 방 안에 있는 사진을 한눈에 모아 서 본다. 5) ‘파일 모아보기’를 클릭하여 체팅 방 안에 있는 파일을 한눈에 모아 서 본다. 체팅방 메뉴 사진보내기, 파일보내기, 사진모아보기, 파일모아보기, 카메라, 출석 체크 기능이 있다.
- 72. Wireframe 1) 뒤로가기 버튼을 누른다. 사진 보내기
- 73. Wireframe 1) 뒤로가기 버튼을 누른다. 파일 보내기
- 74. Wireframe 1) ‘취소’버튼을 누른다. 사진 촬영
- 75. Wireframe 1) 뒤로가기 버튼을 누른다. 사진 모아보기
- 76. Wireframe 1) 파일을 확인 한 후에, 하단에 폴도 모양의 메뉴를 클릭한다. 파일 모아보기
- 77. Wireframe 1) 자료 공유 게시판에 들어간다. 2) 혹은 회의록에 들어간다. 자료 게시판 자료 게시판에는 자료공육게시판과 회의 록이 있다.
- 78. Wireframe 1) 글 작성을 위해 ‘글쓰기’를 누른다. 자료 공유게시판 자료를 열람하거나, 글을 쓸 수 있다. 자료를 열람한 조원을 확일 할 수 있게끔 되어 있으며 개인설정으로 알림을 설정할 수 있다.
- 79. Wireframe 2) ‘파일 첨부하기’를 누른다. 자료 공유게시판_ 글쓰기 글쓰기에서 파일을 첨부하여 올릴 수 있 다.
- 80. Wireframe 1) 뒤로가기 버튼을 눌러 자료 게시판으로 돌아간다. 자료 공유게시판_ 글쓰기
- 81. Wireframe 1) 희의록을 확인 후, 하단에 몬스터 모양의 아이콘을 클릭한다 (참여 현황 메뉴로 이동) 2) 혹은 뒤로가기 버튼을 눌러 자료 게시판으로 돌아간다. 회의록 날짜별로 정리되어 있는 회의록을 볼 수 있다.
- 82. Wireframe 1) 조원 유기빈의 메타포를 클릭하 여 참여현황을 확인한다. 조모임 참여현황 조모임 참여현황 메뉴에 들어오면 참여도 에 따라 성장하는 조원들의 메타포를 확 인할 수 있다.
- 83. Wireframe 1) 성장한 메타포를 확인 후, ‘출석율’을 누른다. 조원 참여현황 메타포와 함께 조원의 자세한 참여도를 알 수 있다.
- 84. Wireframe 1) 자세한 출석현황을 확인한다. 2) 어플 사용을 완료하거나, 다 른 메뉴를 이용한다. 조원 참여현황_ 출석율
- 85. FINAL DESIGN PROPOSAL of [팀플랜드] 박지영 2013129059 인터페이스디자인 The End . . .