인터렉티브디자인2기말발표
- 1. 기 분 좋 은 � 대 중 교 통 문 화 � 만 들 기! 고 생 하 지 않 길 바 래 � 팀 _ 김 윤 이 � 장 진 화
- 2. 섶ѫ
- 3. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 섶ѫ 지하철, 사람들은�어떻게�이용하고�있을까? 지하철역으로�향하는�사람들이�지하철이 언제올지�핸드폰어플로�확인한다. 승하차장에�들어가기�위해�핸드폰�및 교통카드를�개찰구에�찍는다. 개찰구앞 천장에�붙어있는�실시간 열차위치를�확인한다. 역에�접근중인�열차를�보고�사람들이 뛰어간다. 아슬아슬하게�문이�닫히는�열차에�탑승한다. 열차를�타지�못한�사람들은�천장에�달린 실시간�열차정보를�확인하며�다음열차를 확인한다. 2정거장까지만�표시되는�실시간열차정보에 2정거장�뒤�열차가�안보일�경우�핸드폰 어플을�통해�언제�올지�확인한다. 어플시간표와�실제�열차�도착시간이�달랐다. 사람이�서있지�않은�곳을�찾아�대기한다. 노약자석이있는�칸엔�잘�서려하지않는다. 열차가�어디까지�가는�무슨행인지�확인한다. 자신의�목적지까지�가면�타고�안가면안탄다 . 빈자리�몇개가�있었으나�문이�열리자마자 내리는�사람들을�기다리지�못하고 재빨리�들어가�빈�자리에�앉는다. 약간의�눈치싸움과�몸싸움이�관찰된다. 개찰구 승하차장 탑승
- 4. 열차안 하차 환승구간 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 섶ѫ 지하철, 사람들은�어떻게�이용하고�있을까? 앉지못한�사람들은�자리를�찾아�칸을�옮겨 가거나�손잡이를�잡고�자리앞에�또는�문에 기대서서�서서�대기한다. 열차�내대부분의�사람들이�핸드폰으로 인터넷, 영상, 페이스북, 카톡등을�하고있다. 서있는�사람들은�앉을�자리를�찾아�두리번 거린다. 자리가�생기면�바로�가서�앉는다. 먼저�서있었다고�먼저�자리에�앉지는�않는다. 노약자분들이�서계셨지만�젊은사람들은 핸드폰을하느라�고개를�숙이고있어�인지하지�못한다. 핸드폰을�하다�현재역을�확인하느라 두리번거리며�현재역을�확인한다. 안내방송으로�하차역임을�확인한다. 안내방송을�놓친사람은�지금이�무슨역인지 확인하기위해�현재역위치를�알�수�있을때까지 열차�창�밖을�확인한다. 환승계단�또는�출구계단이�가까운�문앞에 사람들이�몰려서있다. 문이열리자마자�앉기위해�빨리�타려는�사람들 때문에�서로�몸싸움을�하며�승하차를�한다. 환승구간에는�실시간�열차위치가�표시되지 않고있다.때문에�혹시�오고있을�열차를�바로 타고자�빠른�걸음�혹은�뛰어�환승계단을 오르고�내린다.
- 5. 개찰구 열차시간표�및 위치�확인 열차시간표�및 위치�확인 열차�행선지�확인 자리에앉기위한 눈치싸움 경로검색�및 목적지�도착시간 확인 빈자리를�재빨리 파악 곧�내릴것�같은 사람을�파악 빈자리�대기 핸드폰�사용 노약자�무관심 현재위치를 잘�파악하지�못함 안내방송으로�역 확인 창�밖표시로�역 확인 가까운�출구�및�환승 계단문앞에�섬 언제올지�모른는 열차를�빠르게 환승하기위해 환승구간을�빠른걸음 또는�뛰어서�감 승하차장 탑승 열차안 하차 환승구간 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 섶ѫ결과 지하철, 사람들은�이렇게�이용하고�있다.
- 6. 드리서치
- 8. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 드리서치 짶철이용에�따른�감정변화
- 9. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 드리서치 짶철이용에�따른�감정변화
- 10. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 드리서치 짶철이용에�따른�감정변화
- 13. 설문조사&;ұ
- 20. ˳황�조사현황�조사
- 21. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 현황 지하철�기관인�서울도시철도, 서울메트로에서도 자리와�관련된�서비스는�제공되지�않고�있음
- 26. 컨셉�도출
- 27. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 컨셉도출 기분좋게�앉아가자! 기분좋은�대중교통문화�만들기 앉을�확률, 빈자리, 곧�비어질�자리�확인하고�타기메인
- 28. 브랜딩
- 29. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 네이밍 ‘기분좋게�앉아가자! 기분좋은�대중교통문화�만들기’라는�취지에�맞춰 이전에�경험하지�못했던�놀라운�지하철�문화를�만들어�내겠다는�의미. Subway + Friend + Surprise
- 31. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 컬러 기존�항상�틀리고�잘�맞지않던�기존�지하철�어플과는�달리 가장�정확하게�지하철을�이용할�수�있고�신개념�기으로 기분좋게�이용할�수�있는�어플의�이미지에�부합되는�블루선정. 또한�지하철�어플�특성상�노선도에�많은�색상이�이용되기에 최대한�블루&화이트로�색상제한. 신뢰감을 주고�시원한�느낌을�전달하는�블루 #1B75BA
- 32. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 목 차 다이어그램
- 35. 기
- 37. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 목 차 기술
- 48. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 목 차 퍼소나&시나리오
- 50. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 시나리오 오전 강변역 9시17 분 열차 5정거 장 전! 20분 뒤 도착 예정 알림 ! 20분뒤 도착 예정 학교를�가기위해�한참�바쁘게 준비하는 A. 적어도 8시50열차를�타야하는데 준비하느라�시간조차�확인할 시간이없다. 그때�울리는�알람 * 20분뒤 50분�열차�도착예정 * 알림을�받은 A는�알람덕분에�열차를 타려면�당장�나가야�할�시간임을 알고�바로�준비를�마치고�나간다. 알림덕분에�역�승하차장에서 50 분열차를�여유있게�기다리는 A A는�어디에�서야�앉을수있을까 고민하면서�어플을�보며 승하차장을�거닌다. 어플에서는 A가�지나갈때마다 앞에있는�칸의�실시간�인구밀도와 자리에�앉을�수�있는�확률이�뜬다. 앉을확률이 80%로�가장�높은�곳에 선 A. 실시간�자리현황도�살펴보니 한자리가�비어있다. 곧�빌자리도 몇개�보인다. 8:30 8:47 열차가�들어온다. 역시 출근시간이라�사람이�많이�타있다. 그러나�열차를�같이�줄서서 기다리던�사람이�잽싸게�들어가 새치기를해�딱�하나 비어있던 자리에�앉는다. 실망한 A는�바로�어플로�곧�빌 자리를�다시�확인한다. 운이좋게도 A가�탄�칸에는�곧 빌자리가 2자리나�있었다. 가까운 자리에�가서�기다린다. 8:50 앉을 확률 5번째칸 6번째칸 7번째칸 8번째칸 9번째칸 57% 혼잡 도착역을 설정해 주세요! 확인 강 변 역 구 의 건 대 성 수 뚝 섬 한 양 대 왕 십 리 출발역 어플대로�바로�다음역에서 기다리던�자리가�비었다. 바로 자리에�앉은A. 자리에�앉자마자�핸드폰에 팝업창이�뜬다. 도착역지정팝업이다. 팝업�속�간편노선도에서�터치로 도착역을�지정할수도있지만 마이크모양을�클릭해�음성으로 도착역을�말하니�알아서�내 도착역을�인식한다. 8:54 같은�과�동생에게�카톡이�온다. "언니�어디에요? 같이�가요!" 몇�번째�칸인지, 어디�위치인지�말할 것�없이�현재�내�위치를�공유한다. 운이�좋게도�같은�열차를�타고�있던 학급�동생은�어플을�보고 A를 찾아왔다. A 9:25
- 52. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 목 차 테스크플로우
- 53. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 테스크플로우 선택한�열차의 칸별�순위(1-3위) 빈/빌자리�안내 초성검색 알림 ON/OFF 지나간�열차�정보 몇�분�후�도착, 앉을�확률 알림 ON/OFF 환경설정 즐겨찾기�팝업 새로고침 임산부석�알람 알림음 방해금지�시간대�설정 ON/OFF 자동(시간설정) 일/횟수�설정 노래/진동 설정/설정안함
- 54. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 목 차 와이어프레임
- 58. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 12:30 12:30 12:30 와이어프레임
- 59. 1차�사용자테스트
- 60. - 첫�페이지를�보고�즉각적으로�무엇을�느꼈습니까? - 열차를�타기�위해�가장�먼저�어떤�일을�하시겠습니까? - 열차를�타기�위해�현재�오고�있는�열차들의�정보를�알아보려고�합니다. 현재�페이지를�통해 가장�빨리�할�수�있는�열차가�몇�분�후�도착하는지, 앉을�확률은�어떻게�되는지�알아보세요. - 앉을�확률이�가장�높은�칸을�알려주세요. 그�칸의�좌석정보(빈자리, 곧�빌자리)는�어떻게�되나요? - 노선도�페이지로�가주세요. - 강변역에서�숙대입구까지의�경로를�검색해주세요. - 해당�페이지에서�검색한�구간에�대한�알�수�있는�정보에�대해�전부�알려주세요. - 즐겨찾기�페이지로�가주세요. 어떤�노선이�즐겨찾기�되어있나요? - 강변역 - 숙대입구역�구간�즐겨찾기를�알림 OFF 해주세요. - 강변역 - 숙대입구�구간�즐겨찾기된�열차�시간과�알람의�시간을�바꿔주세요. - 현재�알람�팝업을�통해�무엇을�알�수�있나요? - 앉은�후�뜬�도착역�설정�팝업창에서�도착역을�설정해주세요. - 팝업창을�통해�알�수�있는�정보와�해야�할�일이�무엇인지�알려주세요. TASK 0 : 첫인상�테스트 TASK 1 : 원하는�역설정 TASK 2 : 정보파악 TASK 3 : 경로검색 TASK 4 : 즐겨찾기 TASK 5: 팝업 질문 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’
- 61. 사용자1 이름 : 이유림 나이 : 21세 직업 : 대학생 학과 : 산업디자인 사용자2 이름 : 차아림 나이 : 24세 직업 : 대학생 학과 : 회화 사용자3 이름 : 김윤성 나이 : 29세 직업 : 학생 학과 : 영어교육 사용자 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’
- 62. 사용자테스트 사용자1 이름 : 이유림 나이 : 21세 직업 : 대학생 학과 : 산업디자인 사용자2 이름 : 차아림 나이 : 24세 직업 : 대학생 학과 : 회화 사용자3 이름 : 김윤성 나이 : 29세 직업 : 학생 학과 : 영어교육 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’
- 63. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 사용자테스트�결과 해당�역�실시간�열차정보 해당�역�실시간�열차정보 - 지하철 노선도를 메인으로 고려 해당�역�실시간�열차정보역�설정�페이지 - 첫페이지로 노선도가 떠서 자발적으로 사용자가 원하는 기을 이용할 수 있게 하는 것이 필요. - 선택적으로 역 검색을 할 수 있도록 해야 함. - 낯선 기이기때문에 어플내에 정확한 디렉션이 필요함. - 사용자는 내선 외선을 구분하기 힘들어 하기때문에 내선/외선 보다는 어떤 방향의 열차인지를 더 강조하는 것이 필요 - 열차 번호는 사용자에게 불 필요한 정보이니 빼거나 작게 표시 - 열차 노선을 가로로 - 열차모양을 그냥 네모가 아닌 지하철 열차답게 아이콘화 - 글씨를 크게. - 사용자에게 낯선 정보인 만큼 기본적인 정보제공이 필수적. - 좌석정보에 X표시나 아이콘등을 이용해 한눈에 빈자리나 빌자리가 파악되도록
- 64. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 사용자테스트�결과 해당�역�실시간�열차정보 해당�역�실시간�열차정보 해당�역�실시간�열차정보 해당�역�실시간�열차정보 - 2분전 -> 2분 뒤 열차 도착 으로 정보 변경 - 단순히 퍼센테지로 나오던 앉을 확률을 앉을 확률 87%로 명시 - 지하철 노선도와 지하철 아이콘과 색 맞춤 - 지하철 내 빠른 길 안내 기 추가예정 - 글씨를 크게. - 즐겨찾기 구간 상세페이지의 열차의 위치가 나오는 지점을 짧은 구간만 보여지게 수정 - 글씨를 크게. - 즐겨찾기 구간 상세페이지의 열차의 위치가 나오는 지점을 짧은 구간만 보여지게 수정 - 간편노선도에대한 의견을 좀 더 수렴해봐야 할 것 같음
- 65. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 첫 페이지에 역 설정부터 나오는 것이 당황스러웠다. 인터페이스가 조금 더 확실히 구축되었으면 좋겠다. 어플의 기들을 사용자들이 선택할 수 있도록 확실히 명시되면 좋겠다. 열차, 칸, 자리 등에 대한 의미가 불분명해서 무엇을 의미하는지 정확히 모르겠다. 말하려는 정보와 설명에 대한 추가가 필요할 것 같다. 간결화된 디자인이 필요할 것 같다. 폰트의 크기가 커졌으면 좋겠다. 팝업창에서 바로 역을 표시할 수 있는 것, 역 설정 등 편리를 위해 만든 서비스들이 너무 간소화되어 불편하다. 사용자테스트�총평
- 66. 2차�사용자�테스트
- 67. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ - 첫�페이지를�보고�즉각적으로�무엇을�느꼈습니까? - 열차를�타기�위해�가장�먼저�어떤�일을�하시겠습니까? - 열차를�타기위해�현재�오고�있는�열차들의�정보를�알아보세요. - 앉을�확률이�가장�높은�칸을과�자신이�서있는�칸의�앉을�확률, 자신이�타고�있는�칸의�자리�정보를�알아보세요. - 강변역에서�숙대입구역까지의�경로를�검색해주세요. - 경로검색된�노선도�페이지에서�무엇을�알�수�있나요? - 해당�페이지에서�경로검색결과를�알아보세요. - 지금�경로검색된�결과를�즐겨찾기�해주세요. - 즐겨찾기된�경로�중�숙대입구 - 강남역�구간�알림을�켜주세요. - 즐겨찾기�목록�중�강변역 - 숙대입구의�알람을 ‘20분�전�알람에서 15분�전�알람’으로�바꿔주세요. - 즐겨찾기한�시간에�팝업이�뜹니다. 팝업으로�무엇을�할�수�있나요? - - 해당�팝업에서�당신의�도착역을�입력하세요. - 해당�팝업을�받았을�때�어떤�생각이�드시나요? TASK 0 : 첫인상�테스트 TASK 1 : 원하는�역설정 TASK 2 : 정보파악 TASK 3 : 경로검색 TASK 4 : 즐겨찾기 TASK 5: 팝업 질문
- 68. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 사용자1 이름 : 장재우 나이 : 22세 직업 : 공익근무요원 학과 : 전자과 사용자2 이름 : 정인선 나이 : 24세 직업 : 고시생 학과 : 회화 사용자3 이름 : 권영현 나이 : 25세 직업 : 학생 학과 : 동양화 사용자
- 69. 사용자테스트 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 사용자1 이름 : 장재우 나이 : 22세 직업 : 공익근무요원 학과 : 전자과 사용자2 이름 : 정인선 나이 : 24세 직업 : 고시생 학과 : 회화 사용자3 이름 : 권영현 나이 : 25세 직업 : 학생 학과 : 동양화
- 70. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 역검색과 경로검색을 따로 구분하여 설정할 수 있도록 앉을 확률 정보를 열차 바로 위, 또는 아래로 수정 열차안 내선 외선 글자에 색을 주어 잘 보이도록 원하는 역은 즐겨찾기에 추가하여 즐겨찾기 페이지에서 바로바로 해당역의 열차정보나 자리정보를 검색없이 확인하도록 함 튜토리얼을 통해 무엇을 누르면 어떤정보가 뜨는지 먼저 알려주도록 그래프속 숫자는 없애고 가장 확률이 높은 칸 1위~3위까지 선정하여 보기 쉽게 제공 경로검색칸을 따로 만들지는 않더라도 역을 검색했을 때 출발/도착을 선택할 수 있게하도록 함 순서를 바꿔서 상세페이지 먼저 뜨고 상세페이지를 접으면 경로검색된 노선도가 뜨도록 다음열차도 바로 볼 수 있는 기 추가 환승역 도착 시간 정보 추가 사용자테스트�결과 메인화면 역�정보 자리�정보 경로검색
- 71. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 튜토리얼을 통해 알람을 ON/OFF할 수 있다는 것을 인지시킴 알람을 변경할때 안내 팝업을 띄움 팝업 관련 설정페이지 만들어 어플에서 설정할 수 있도록 함 수정하거나 취소할 수 있는 기 보완 어플내 팝업 설정페이지를 만들어 푸시알람 ON/OFF기 추가 양보권유알람은 1회에 한하여 울리도록 조정 사용자테스트�결과 즐겨찾기 즐겨찾기�알람 도착역�입력�팝업 양보권유�팝업
- 72. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 사용자테스트�총평 대체적으로 간결하고 심플하여 보기 좋다. 어플을 사용하기전 튜토리얼이 필요해 보인다. 가독성을 좀 더 높이면 좋을 것 같다. 고쳐야 할 점보다는 좀 더 부가적인 기들을 추가하여 더 쓰기 편리하게 하면 좋을 것 같다.
- 73. 1차�수정
- 75. 쵵Ӣ�디자인
- 77. 현재�내�위치�공유 팝업�환경설정 인터렉티브�디자인II 지하철�자리�어플리케이 공유 환경설정 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 주요페이지�상세설명 원하는�역을�선택하면�현재�오고�있는�열차의 도착까지의�소요시간, 앉을�확률을�볼�수�있어요.
- 78. 현재�내�위치�공유 팝업�환경설정 인터렉티브�디자인II 지하철�자리�어플리케이 공유 환경설정 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 주요페이지�상세설명 열차를�선택하면 칸�별�앉을�확률을 1-3위로 쉽게�확인할�수�있어요.
- 79. 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 주요페이지�상세설명 인터렉티브�디자인II 지하철�자리�어플리케이 공유 환경설정 열차의�칸�선택하면 빈자리, 2정거장�후�빌자리를 볼�수�있어요. 내�위치를�쉽게�공유할�수�있어요.
- 83. 현재�내�위치�공유 열차�속�유저의�실시간�현재�위치�제공 위치�공유서비스 팝업�환경설정 팝업�알림 on/off 기 새로고침�및�횟수�설정기 인터렉티브�디자인II 지하철�자리�어플리케이션 ‘서프라이즈’ 공유 환경설정
- 84. 쵵Ӣ�결과물
- 92. 감사니다