Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

인페디 기말(Ui맵)

395 views

Published on

최종파일

Published in: Design
  • Be the first to comment

인페디 기말(Ui맵)

  1. 1. System Concept Statement l Interview & Modeling l Persona l Defining Requirements
  2. 2. Journey Map & Use Cases l Information Architecture l UI Scenario l Wireframes
  3. 3. 카카오톡과 구글 드라이브를 통한 조모임은 효율적인가? 카카오톡으로 조모임을 하다보면 읽고 답장 없는 경우, 읽지도 않는 경우, 정해진 시간에 채팅방에 등장하지 않는 경우, 아무 반응 없다가 마지막에 그래서 해 야하는 것은 무엇이죠? 라고 다시 물어보는 경우 등 누구나 한번쯤 겪어 봤을 많은 상황들이 있다. 또한 카카 오톡은 조모임만을 위한 어플이 아니기에 조모임을 원활히 진행하기엔 부족한 부분이 많다. 카카오톡과 구글 드라이브를 번갈아 가면서 조모임을 하는 것도 상당히 불편한 부분이 많다. 따라서, 우리는 프로젝트나 그룹 과제를 잘 수행 할 수 있는 ‘조모임 전용 어플리케이션’을 준비했다. 조원들 의 감정충돌을 최소화 시키고, 짧은 시간에 최대의 결과물을 효과적으로 낼 수 있게 하고 기존에 분산되어서 저장되었던 정보들을 하나의 어플에 저장하고 그 정보들을 유용하게 관리할 수 있는 서비스를 제공한다. 이 어플을 통해 더 나은 조모임을 가능하게 하는 것이 우리의 목표이다.
  4. 4. SNL조별잔혹사 SNL조별잔혹사 조모임에관한설문
  5. 5. 온라인조모임메신저 온라인자료공유 온라인자료공유 오프라인조모임
  6. 6. 캘린더, 일정 관리 스케줄, 시간표 자동 취합 조모임가능시간자동계산 조모임 참여도 자료 게시판 자료공유및날짜별회의록정리
  7. 7. 이름:김우영(23) 전공:경영학과 성격:모든일에적극 적이고밝고 똑부러진성격 주소:신촌에서자취중 ● 활동중인동아리및 대외활동없음 ● 여자친구없음 ● iPhone6사용 ● Macbookpro사용 ● 조모임관련서비스로 카카오톡/Googledocs/ Googledrive사용중 ●모바일기기및컴퓨터 사용능력:상 ● 모바일어플선호도:상 ●여러디바이스,서비스에 대한흥미가높고 활용도가높음 온라인조모임 조원들과의자료공유 오프라인조모임약속잡기 조원들과의친밀감형성
  8. 8. ● 조모임관련서비스를여러개 사용하는것이불편하고비효율적 ● 메시지를누가확인하지않았는지 알수없는카카오톡 ● 원활한실시간커뮤니케이션이 되지않는카카오톡 ● 파일/사진목록보기가되지않는 MacOS의PC카카오톡 ●모바일기기및컴퓨터 사용능력:상 ● 모바일어플선호도:상 ●여러디바이스,서비스에 대한흥미가높고 활용도가높음 ● 온라인조모임 ● 조원들과의자료공유 ● 오프라인조모임약속잡기 ● 조원들과의친밀감형성
  9. 9. 제대이후복학첫학기인우영이는,이번학기에반드시4점대의성적을받고싶다.1학년때의성적이하도엉망이라,목 표하는언론홍보영상학부복수전공을하려면성적을반드시끌어올려야만하기때문이다. 우영이는현재5개의수업을듣는데그중3개가조모임이있는수업이다.워낙프로젝트를좋아하고발표에자신있는스 타일이기때문에조모임을선호하나3개씩하다보니버거운느낌이없지않아있다.조모임결과가성적반영비율이높다 보니,조모임에도최선을다하고싶다.활동중인동아리및대외활동도없고,여자친구도없다보니조모임에올인할준비가 언제든지되어있다.하지만다른조원들은그렇지않은듯하다.오랜만에복학을하니어린친구들이많아서조모임을할때 3개중에서2개는우영이가조장을맡았다.사실조장을하는것에대해부담을느끼는생각은아니지만조모임이너무조장 에게부담을많이가지게하는시스템이라는생각이든다. ‘고급PR론’과‘광고크리에이티브’의조발표시기가겹쳐조급해진우영이는두개의조단체카카오톡대화방에‘저희모여 서얘기한번해야할것같은데다들언제시간괜찮으신가요?’하고먼저메시지를보낸다. ‘광고크리에이티브’카톡방에서는다음주중에오프라인으로만나야할것같다고이야기가나왔는데,8명이나되는조원 들이모두가능한시간을찾는데엄청난시간이걸렸다.우영는조원들끼리서로공강시간이나마치는시간을한눈에볼수 있었으면좋겠다고생각했다.8명이나되는조원들이모일수있는장소를선정하는것도꽤나힘든일이었다. 복학생 김우영 (23)
  10. 10. ‘고급PR론’단톡방의상황은더욱심각했다.우영이가메시지를보낸지4시간이지나도록5명중3명은읽고도아무말을하 지않았고,1명은아직읽지도않았다.그로부터도몇시간이지나서한명의조원이“다들바쁜것같은데일단그냥온라인 으로하면안될까요?ㅠㅠ내일저녁쯤이요!”라고제안했다.다음날카톡으로조모임을하기시작했지만,모든조원들이카 톡을바로바로확인하는것이아니다보니의사소통이실시간으로원활하게이루어지지못한다.누가읽었고,읽지않았는 지알수도없으니너무답답하고혼자서만떠드는기분이다.조원이많다보니,그냥대충묻어가려는사람들이많아서스트 레스다. 자료조사할부분을나누고각자조사한자료를공유하기로한다.몇몇조원이카톡방에사진과파일을올렸는데대화를 하다보면점점위로밀려올라간다.MacOS의Kakaotalk에서는파일/사진목록보기가되지않아서,우영이는파일을찾으려 면스크롤을올리는방법밖에는없다. 그래서Googledrive에서자료를공유하기로하고,조원들의gmail주소를받아서직접초대를해야만했다.게다가한조원이 Googledrive사용법을제대로몰라서,그것도하나하나가르쳐줘야만했다.조모임도여러개인데다가,한조모임에서도여 러가지서비스를사용해야만하니우영이는너무정신이없었다. 복학생 김우영 (23)
  11. 11. 그런데힘든점은그뿐만이아니었다.Googledrive를통해서로제작한작업물을교환하고조사한자료를올리는데우영이 와1명빼고는잘올리지도않고한명은Googledrive를써본적이이번이처음이라익숙하지않다는변명만하고있다.서로 맡은부분을제시간에완성해야지다음단계로넘어갈수있는데조원이많다보면책임감을덜느끼는것같다. 우영이는이왕한학기동안같이조모임을하면조원들끼리도좀친해졌으면좋겠다고생각하지만쉽지가않다.어떻게 하면일을조금이라도덜할지눈치만보는조원들이있어서,서로감정이상하기쉽기때문이다.조원들의적극적인참여를 이끌어낼수있는방법이절실하다. 조모임을선호하는우영이지만이렇게정신적으로스트레스받고,시간면에서비효율적이기까지한조모임보다는개 인과제가나을것이라는생각이자꾸든다.과특성상조모임수업을피해갈수없는우영이는어떻게하면함께시너지를 낼수있는조모임을할수있을까고민이다. 복학생 김우영 (23)
  12. 12. 조원들의 자발적, 적극적인 참여 유도 모든 조원들이 참여하는 공평하고 형평성 있는 조모임 최소한의 시간으로 최대한의 결과를 내는 편리하고 효율적인 조모임 조원들 간의 친밀감 형성
  13. 13. 연세대학교언론홍보영상학부교수인희정은이번학기에‘인터페이스디자인’,‘휴먼컴퓨터인터렉션’두개의과목 을강의하고있다.학생들에게조별과제를내주는것을선호하는편이라서,두수업모두여러개의조를편성해준상 태다.조모임을통해서학생들이협동심을기르고,소통을통해서혼자서는할수없는것들을할수있다고믿기때문 이다.그러나학생들은조모임에대해서불만이많은듯하다.서로참여도도차이가나고,개인과제보다비효율적이라고 느끼는듯하다. 그래서희정은최대한객관적으로학생들의조별과제참여도를평가하고싶지만,쉽지가않다.Yscec의조모임게시 판은부족한기능이많아서학생들이이용하려하지를않는다.대부분카카오톡이나GoogleDrive등을이용하는듯하다. 희정은각조모임의진행과정을확인할수가없는상황이다.지난학기에한학생으로부터조모임의프리라이더를고 발하는내용의메일을받은적이있었는데,그학생의일방적인주장인지사실인지확인할길이없어서곤란했던기억 이있다. 따라서조프로젝트진행단계에맞는피드백을해주는것도어렵다.학생들이직접찾아오거나,메일을보내지않는이 상조언해주기가힘들다.진행상황을알수가없기때문에,과제를잘못이해한조의경우에는프로젝트가한참진행된 후에프로젝트방향을바꿔야하는일도부지기수다.그런조들은프로젝트결과물도다른조보다빈약할수밖에없어 서안타까울따름이다. 희정은학생들과적극적으로소통하면서많은조언을해주고싶지만,쉽게소통할수있는방법이없어서고민이다. 또한학생들이보다적극적으로조모임에참여해서,더좋은결과를얻었으면하는바람이다. 교수 김희정 (43)
  14. 14. 학생들의적극적인조모임참여유도 학생들과의활발한소통 학생들의조모임참여에대한공정한평가
  15. 15. Source Data Needs Functional Needs Product Qualities Constraints 〮 온/오프라인 조모임 〮 조원들의스케줄 (학교시간표,학교외 일정포함) 〮 조모임시간 〮 채팅창 〮 조원들의참여도 (온라인) 〮 조모임장소 (오프라인) 〮 개인스케줄입력 〮 조스케줄자동수합,조모임시 간 추천 〮 조모임시간예약및알림 〮 메시지읽은조원표시 〮 접속중인조원표시 〮 최종접속시간표시 〮 파일업로드수,코멘트 수, 출석율등을통한참여도측정 〮 조모임장소추천 (학교근처스터디카페등) 〮 가독성높은채팅창 〮 개인의참여도보여주는 친근하고귀여운메타포
  16. 16. Source Data Needs Functional Needs Product Qualities Constraints 자료정리및공유 〮 자료공유게시판 〮 조일정관리 〮 조모임회의록 〮 자료업로드,피드백이가능한 조모 임게시판(자료업로드시 조원들에 게푸시알림) 〮 과제데드라인,온/오프라인조 모임 시간등이표시되는조 캘린더 〮 채팅방중요메시지선택-보관으로 온라인조모임내용 정리 〮 오프라인조모임회의록저장 〮 자료안전하게보관할 수 있는안정적인서버 구축 〮 복잡하지않은게시판 〮 가시성높은캘린더 〮 파일의용량 문제
  17. 17. Source Data Needs Functional Needs Product Qualities Constraints Mental Model 〮조모임에참여하려는의지 〮다양한기능에대한이해 〮 직관적인인터페이스 〮어플이용가이드 Goals 〮모든조원들의적극적인 참여유도 〮편리하고효율적인조모임 〮 모두가쉽게이용할수 있는서비스(별 도가입 불필요) 〮강압적이지않되,참여를독려하는시 스템 〮조원들간의감정적충돌을최대한방 지 〮흩어져있는조모임관련서비스를통 합해서제공 〮 개인별기술능 력의차이
  18. 18. Source Data Needs Functional Needs Product Qualities Constraints Environment 〮 PC,모바일상호호환 〮 1개이상의조모임 〮 PC, 모바일 모두에서확인가능한 자료게시판 (pdf로자동변환) 〮 PC채팅 〮 안드로이드,iOS모두사용가능 〮 어플 내에서 여러 개의 조모임 생성, 참여 가 능 〮 네트워크환경 Skills and Ablities 〮 이해하기쉬운기능 〮 복잡하지않은기능 〮 직관적인인터페이스 〮 개인별기술 능력의차이
  19. 19. ‘휴먼 컴퓨터 인터렉션’ 수업에서 드디어 조모임 배정을 받았다. 조모임을 하기 위해서 팀플랜드어플을다운받았다. 따로가입할필요없이facebook 으로로그인 할수있게되있어서간편하게로그인을하였다. °별도가입불필요 8시가 되어 조원들이 들어왔고 첫 오프라인 조모임 날짜를 잡기 위해 서로의 시간표와스케줄을공유하기로하였다.미리시간표와아르바이트날짜,과외날짜 와 시간을 등록해 놓았기 때문에 스케줄 자동 합침을 누르니 조모임 가능 시간대 가 나왔다. 그래서 모든 조원들이 가능한 시간대로 첫 오프라인 조모임 약속을 잡 았다. °개인스케줄입력(학교시간표, 학교외일정포함) °조스케줄자동수합,조모임시 간추천
  20. 20. 그리고 조모임장소추천에들어가니조모임하기좋은스터디카페의리스트를 볼수있었다.조원들과상의를해서그중하나로가기로결정했다. 캘린더상에첫조모임날짜,장소,시간그리고알람을설정해두었다.알람은개인 적으로 설정해 둘수 있어서 나는 하루 전에 한번 그리고 조모임 2시간전에 한 번 울릴수있게해두었다. °오프라인조모임장소추천(학 교근처스터디카페등), °조모임시간예약및알림 °온/오프라인조모임시간등이 표시되는조캘린더 약속 장소에 도착한 뒤, 팀플랜드 어플 PC버전에 로그인 한 뒤, 조원들이 모두 왔나 확인을 했다. 모두 출석했고, 나도 어플에서 출석 탭을 클릭하였다. 어플에서 회의록을 작성한 뒤, 회의록 게시판에 업로드를 하였다. “김우영 님이 회의록을 등록하였습니다.” 가 각자의 휴대폰에서도 푸시알림으로 떴다. °PC,모바일상호호환출석여부를 통한조원의참여도측정 °오프라인조모임회의록저장
  21. 21. 그러고 나서 ‘자료조사’ 데드라인을 캘린더에 등록하였다. 설정해 놓은 알람이 조모임 1시간 전에 울렸다. 9시에 온라인 조모임을 시작 했고 어김없이 정해놓은 시간부터10분까지온조원들은출석으로기록되었고그다음부터는지각으로처 리되었다.조원이6명인데9시5분에접속중인조원을확인해보니4명이었고2명 은아직접속중이지않았다.9시10분이넘었기때문에회의를시작하기로했다. °과제데드라인등록 °조모임알람기능 °정시출석체크기능 °게시판등의공개여부 저번오프라인조모임에서서로맡았던자료조사를 게시판에공유하기로했기 때문에 오늘 조모임 전에 모두 읽어 오기로 했고 그 밑에 아이디어나덧붙일 코멘 트를 남기기로 했었다. 업로드된 자료마다 누가 읽은지 읽지 않았는지 확인 할 수 있어서 확인해 보니 모든 조원들이 확인한 것으로 나와있었다. 그리고 내가 PC에 서올렸던게시물중에수정해야할것이생겨서모바일로간단히수정을했다. °각게시물밑코멘트작성기능 °업로드된자료확인여부체크 기능 °PC로올린자료모바일로수정할 수있는기능
  22. 22. 회의를하다가중요하다고생각하는메세지를꾹눌러서회의록으로저장을해 놓았다. 날짜 별로 회의록이 저장이 되니 조모임에 늦게 참여하거나 불가피한 이 유로 참여하지 못한 조원이 있을 때 설명을 다시 해주지 않아도 조모임 때 얘기된 중요한 내용을 확인 할 수 있어서 편리했다. 9시 25분쯤 되니 모든 조원이 채팅방 에 들어왔고 본격적으로 회의를 할 수 있게 되었다. 회의를 하면서 동시에 자료게 시판에 자료를 공유하고 다음 조모임 까지 해야 할 것들을 나눈 다음 다음 오프라 인조모임날짜를정하고캘린더에등록하고알람을설정한뒤조모임을마쳤다. °모바일에서중요메세지꾹눌러 서회의록으로저장하는기능 °회의록날짜별로자동저장기능 °회의록날짜별로확인가능기능 °조모임날짜캘린더에등록하는 기능 조모임 중간 발표가 거의 다가와서 참여도를 확인해 보기 위해서 조원들의 프 로필을눌러서들어갔다. 조원들의프로필옆에참여도에따라서캐릭터가변화되 어 있었다. 난 한번도 지각한 적 없고모두 출석이었고 자료도많이 올렸기 때문에 캐릭터가많이성장해있었다.조원들의프로필에는조모임마다몇시에접속했는 지가 나와있었고 조모임마다 정시에 들어왔는지 지각인지 결석인지도 나와있었 다. 그리고 게시판에 몇 개의 파일을 올렸는지 다른 사람들의 게시물에 코멘트는 몇 개를 달았는지도 자세히 나와있었다. 그리고 지금 접속 중인지 아니면 오프라 인상태인지도알수있었고마지막접속이언제였는지도확인할수있었다. °프로필에서참여도확인기능 °참여도에따른메타포성장 °누적출석도확인기능 °누적업로드파일확인기능 °누적코멘트개수확인기능 °온/오프라인여부확인기능 °마지막접속시간확인기능
  23. 23. 그리고 조원들과 이야기를 해보니 교수님의 피드백을 직접적으로 받으면 좋겠 다는 의견이 나와서 교수님을 초대하기로 하였다. 교수님이 우리 조모임 방에서 읽을 수 있는 범위를 미리 설정을 했고, 공유된 게시물과 코멘트, 어디까지 진행되 었는지그리고조원들프로필을눌러서얼마나참여했는지를정도를확인할수있 게설정했다.교수님은중간발표전PPT를보시고밑에피드백을해주셨고열심히 하라고기프티콘을선물해주셨다. °교수님초대기능 °조원외의타인의자료열람 범위설정기능 °기프티콘선물기능
  24. 24. Main success scenario Step Action 1 자기프로필에들어가서자신의이번학기일정을등록한다. 2 확인하고자하는조모임을선택한다. 3 ‘일정’메뉴에들어간다. 4 ‘조스케줄관리'메뉴에들어간다. 5 ‘조캘린더'와‘조원스케줄‘중‘조원스케줄'을누른다. 6 자동으로취합된조원들의스케줄을확인한다 7 채팅방으로가능한시간을전송한다. 8 조원들과조모임시간을의논한다. 9 조캘린더’에조모임일정을등록한다. 10 조모임알림을개인별로설정한다.
  25. 25. Extensions Step Action 5a1 “조원ㅇㅇㅇ님이스케줄을아직등록하지않으셨습니다.계속하시겠습니까?”라는팝업창 이나타나고,팝업창아래쪽에‘예’와‘취소’버튼이표시된다 5a2 ‘예’를누르면등록된조원들의주간스케줄이취합된다 / ‘취소’를누르면step4의창으로 돌아간다. 5b1 조원모두가가능한시간이존재하지않는다. 5b2 Step7로바로이동한다
  26. 26. Main success scenario Step Action 1 온라인조모임이예정된조모임을선택한다. 2 ‘채팅’메뉴에들어간다. 3 ‘출석/지각/불참여부를체크한다. 4 조원들의접속상태(online/offline)을확인한다. 5 텍스트,사진,파일을채팅창내에서메시지로주고받는다. 6 메시지를읽은사람을확인한다. 7 중요한메시지를하이라이트하거나회의록으로저장한다.
  27. 27. Main success scenario Step Action 1 자료를공유하고자하는조모임을선택한다. 2 ‘자료게시판’메뉴에들어간다. 3 자신이갖고있는자료를업로드한다. 4 다른조원들이올린자료를열람한다. 5 댓글이나덧글로자료에대한피드백을주고받는다. Extensions 6 자신이열람한다른조원의자료가수정되었을경우,알림이뜬다. 7 Step4로돌아간다.
  28. 28. Main success scenario Step Action 1 참여 현황을 확인하고자 하는 조모임을 선택한다. 2 ‘참여도’메뉴에 들어간다. 3 개인의 참여도를 보여주는 메타포들이 등장한다. 4 참여도를 확인하고자 하는 조원의 메타포를 클릭한다. Extensions 2a1 ‘채팅’메뉴에 들어간다. 2a2 참여도를 확인하고자 하는 조원의 프로필을 클릭한다. 2a3 메타포와 함께, 참여 현황을 상세하게 확인한다.
  29. 29. Requirements Description Business Importance User Importance Technical Feasibility 1 조모임 일정관리 온/오프라인 조모임 일정, 과제 제출 기한, 조원 개인 스케줄 등의 조모임 관련 일정을 한 눈에 확인할 수 있다. High High High 2 스케줄 자동 취합 조원들의 개인 스케줄을 자동으로 취 합하여, 조모임에 적합한 시간을 추천 받을 수 있다. High High High 3 실시간 온라인 채팅 조원들과 조별 온라인 채팅창에서 실 시간으로 메시지, 사진, 파일을 주고받 을 수 있다. High High High 4 조모임 출석체크 약속된 시간에 온/오프라인 조모임에 참석하였는지 여부를 출석, 지각, 결석 등으로 표시할 수 있다. Medium Medium High
  30. 30. Requirements Description Business Importance User Importance Technical Feasibility 5 회의록 등록 온/오프라인 조모임 내용을 정리한 내 용을 업로드하거나, 온라인 채팅창에 서 중요 메시지를 회의록으로 저장할 수 있다. Low Medium High 6 자료 공유 조원들과 공유하고자 하는 자료를 자 유롭게 업로드 할 수 있는 자료 공유 게시판이 있다. High High High 7 모바일에서 자료 수정 자료 공유 게시판의 자료를 모바일로 도 간단하게 수정이 가능하다. Medium Medium Low 8 개인별 참여현황 확인하기 다양한 요소를 고려하여 자동으로 계 산된 조원 별 참여현황을 메타포와 함 께 확인한다. High High Medium

×