졸업전시회주제 : 미래형신도 ( 환경생태지역분야 ) 남녀노소는물론, 몸이불편한장애우도마음껏공원을누빌수있는가이드어플리케이션 NUBIM [ 누빔 ] [ 누비다 : 사전적의미 ] 1. 두겹의천사이에솜을넣고줄이죽죽지게박다. 2. 이리저리거리낌없이다니다. 디지털디자인학과
1. 졸업작품소개 1) 작성자 : 윤정옥 (2011300173) 2) 제목 : 2050 년 AR 방식어플로즐기는신체장애우맞춤형 북서울꿈의숲 공원체험. 3) 내용요약 : 북서울꿈의숲 공원을찾는몸이불편한장애우들에게손발이자유로운안경, 고글, 뇌파감지형디스플레이로어플을활용하여편리하고즐겁게정보를제공받고좀더다양한공원체험을할수있게안내해주는증강현실 (AR) 방식의 Application UX 를디자인한다. 4) 개념도 a. 북서울꿈의숲 안내소에서공원가이드어플이적용된디스플레이어가부착되어있는휠체어를대여한다. b. 휠체어에앉아연결되어있는디스플레이어를착용한후손발이자유로운상태에서어플을실행한다. ( 청각장애우는디스플레이어만대여 ) c. 어플실행시장애우의사용자모드를선택한다. 사용자에맞는음성지원 ( 시각장애우 ) 또는텍스트위주의지원 ( 청각장애우 ) 등공원을누비는경로에대한안내는조금씩다르다. 5) 필요성및중요성 : 북서울꿈의숲 에는여러종류의동식물이있고, 잔디광장, 미술관, 도서관, 방송국, 전망대, 각종이벤트공연행사등다양한체험이가능한공원임에도불구하고많은사람들이제대로관광을하지못하며, 특히, 근처장애우들이많이거주하고있는아파트단지가있는데몸이불편해서공원산책에엄두를내지못하는이들을위한 2050 년형첨단 UX 디자인이요구된다.
2. 졸업작품의주제와내용 1) 주제설명 : 2050 년미래의신도심이라는큰주제의배경으로생태환경에대한관심도를높이며, 북서울꿈의숲 을방문하는모든일반인뿐아니라특히몸이불편한장애우들에게증강현실 (AR) UX 를갖춘 Application 으로보다나은현실감과정보를제공하여최적의코스로안내해주고자한다. 2) 현황조사 ( 사례조사 ) a. 북서울꿈의숲현황 - 2009 년 10 월 17 일에개장. 서울시강북구번동에위치. - 면적 : 조성면적은총 662,627 m2 - 주요시설 : 호수, 잔디광장, 폭포, 미술관, 아트센터, 레스토랑, 카페, 전망대, 지하주차장등 - 사이트 : http://dreamforest.seoul.go.kr
- 북서울꿈의숲 해당사이트의정보와공원내사인물과각센터별안내팜플렛으로정보전달하고있는상황. - 아래그림은사이트에서제시하고있는공원 INFORMATION TREE 로서공원정보전달의효율화와이용자의원활한유도, 안내를위한정보네트워크를체계적으로시나리오화했다.
b. 타공원관련 Application - 올림픽공원어플 : 얼마전출시된올림픽공원어플은아래이미지에서와같이기본맵은물론테마별공원즐기는방법과각종편의시설과공연, 이벤트관련정보를안내하고, AR 방식보기까지제공하고있다. - 그외각지역별주요공원위치와각공원의코스안내및생태관련정보를제공해주는어플등다양하게출시되어있다. - 현재주요공원들은올림픽공원을제외한대부분이관련사이트나현지의현판사인물 ( 지도, 경고, 주의, 설명관련 ), 가이드팜플렛과같은인쇄물로만안내하는것이대부분이고, 어플이출시된몇군데의공원은읽기만하는정보만제공해줄뿐어플을이용한행동유도에관한활용도는거의없다고볼수있다. 거기에추가적으로장애우를위한좀더배려있고발전된서비스 ( 음성안내와같은 ) 와시스템적으로정확한거리측정및위치포인트개선이필요한상황이다.
c. 증강현실 (AR) 적용 Application - Google Project Glass( 구글안경 ) : 이른바미래형헤드업디스플레이 (HUD) 안경이라부르는증강현실을보여주는안경형태의스마트폰이라정의해볼수있다. 현실에반영되는각종정보가편의성을제공해주고, 손이자유롭다는장점과현재개발한상태로는눈동자읽는센서도아직미흡하고, 빛이밝은곳은디스플레이의기능이제대로역할을하지못하다는지적이있다. - 스캔서치 : 어플을실행하면카메라를통해사방전후로비춰지는현실화면위로근처맛집과까페, 주요건물을보여준다. 증강현실기술활용이불필요할정도의단조롭고전달성이부족한디자인과방대한자료로인한위치포인트의부정확한이미지구성으로인해지도검색으로단순하게찾는것이더나을수도있는산만함이있다. d. Sight : 앞선실제사례외에먼미래의더욱발달된증강현실기술을선보이는컨셉영상소개. - 컨택트렌즈를통해보는증강현실어플로 Bezaleal Academy of Art 라는학교학생들의졸업작품이다. - 하루일상의모든것을컨택트렌즈에적용된어플리케이션으로생활하는주인공을보여준다. - 이영상에나오는세련된 UI 디자인에서얻을수있는아이디어가많고, 증강현실의다양한가능성이있다. ( 위동영상클릭 ) ( 위동영상클릭 )
e. FPS 게임 UI 디자인참고 - 여러온라인게임이있지만유독 FPS 류게임은실제유저가게임속군인캐릭터가보는 1 인칭시점에맞춰져디자인된 UI 를찾아볼수있다. 예시사진에서볼수있듯, 화면구성이군인이쓴헬맷굴곡에맞게살짝휘어진형태로배치되어있음을알수있다.
3) 내용및범위 a. Target : 북서울꿈의숲 을찾는신체장애우 < 장애분류 출처 : 송환덕의홈 http://www.idhome.net/grade.html/> 대분류중분류소분류세부내용 신체적장애 정신적장애 외부신체기능의장애 내부기관의장애 발달장애 지체장애 뇌병변장애 시각장애 청각장애 언어장애 안면장애 신장장애 심장장애 간장애 호흡기장애 장루, 요루장애 간질장애 지적장애 자폐성장애 절단장애, 관절장애, 지체기능장애, 변형등의장애 뇌의손상으로인한복합적인장애 시력장애, 시야결손장애 청력장애, 평형기능장애 언어장애, 음성장애, 구어장애 안면부의추상, 함몰, 비후등변형으로인한장애 투석치료중이거나신장을이식받은경우 일상생활이현저히제한되는심장기능이상 일상생활이현저히제한되는만성중증의간기능이상 일상생활이현저히제한되는만성중증의호흡기기능이상 일상생활이현저히제한되는장루, 요루 일상생활이현저히제한되는만성중증의간질 지능지수와사회성숙지수가 70 이하인경우 소아청소년자폐등자폐성장애 정신장애정신장애정신분열병, 분열형정동장애, 양극정정동장애, 반복성우울장애
b. Purpose : 2050 년미래신도심을배경으로장애우모드 ( 시각, 청각, 신체 ) 설정제공및공원을찾은목적 ( 생태환경공부, 데이트, 산책, 공연관람, 미술관관람등 ) 별맞춤형태로증강현실 (AR) 을최대한활용한 UX 를디자인한다. c. Platform : Application 을실행시킬수있는고글형디스플레이를갖춘전동휠체어, 또는고글형기기단독. ( 현재가상현실게임을즐기도록나온플렛폼들을참고해볼수있다.)
d. How to use - 북서울꿈의숲 공원에서대여해주는안경형디스플레이가장착된휠체어에앉아공원의실사모습에반영된 UI 를조작하며다닌다. ( 청각장애우는안경만대여 ) - 사용자모드선택 : 장애 ( 시각, 청각, 신체 ) 상태중택하면청각장애우는더많은텍스트설명위주의구성으로펼쳐지고, 시각장애우는음성지원형태로활용하되현재에이미출시되어있는 Brain Port 에서개발한 Brain Port Vision 이란혀로영상을읽어내는기술과같은것을통해눈앞에펼쳐진현실을조금이나마볼수있게한다. (2050 년에는위생적으로좀더발전되어혀가아닌두골을통해생생하게영상을확인할수있을거라기대해본다.) ( 왼쪽동영상클릭 ) - 방문목적선택 : 가족나들이, 산책, 데이트코스, 예술관람, 생태환경공부중택하면각목적에맞는최적의코스로안내한다. ( 장애인관광추천코스참고 http://friend.seoul.go.kr/lifeinfo/lifeinfo_04_02.jsp?depth=4411) - 자율적으로산책하거나코스별안내에따라각지점별로방문하면서, 궁금한부분을 2 초정도응시하면어플이해당지점에있는센서를읽어들여관련정보를띄워주고 ( 동식물이있는부분은해당생물에대한정보를제공 ), 까페나레스토랑은사용자에맞춘음식추천및메뉴와가격에대한정보를확인할수있게한다. 아트센터의경우는그날의공연, 전시에대한정보를확인할수있게한다.
* 추천관람코스 : 앞서제시한 장애인추천코스 기준으로시안을펼칠계획 1. 입구 ( 공원소개 / 모드설정 ) 2. 사슴방사장 3. 초화원 4. 창녕위궁재사 5. 칠폭지 6. 월광대 7. 월영지 8. 애월정 9. 석교 10. 청운답원 11. 메이린 ( 중식 ) 12. 아트센터 13. 전망대 14. 창포원 15. 라포레스타 ( 석식 ) 16. 방문자센터 ( 동문 ) [UI 레이아웃시안 ]
[ 타이틀로고 ] [ 판넬시안 ]
4) 스토리보드만들기 북서울꿈의숲 방문어플디자인시안에활용할위치별사진촬영 공원정보수집사이트를통해자료수집 시나리오작성장애우분류별입장과방문목적에맞는추천코스한두가지설정 어플 UX 아이디어컨셉방문하는입구에서부터위치별정보습득에관해앞서작성한시나리오대로스케치해보기 증강현실 UI 화면스케치안경형디스플레이로보는두가지의 UI 구성 ( 크게시각장애우, 청각장애우 ) 기본모드 UI 화면구성위주의프로토타입시안주로선보여야할것을우선선택으로 UI 화면디자인시안을방문시나리오를토대로작업 시각과청각모드 UI 화면구성시안작업추천코스한가지를두고시각장애와청각장애우각각필요성에의존한디자인 전시기획디자인결과물을보여주는방식에대한고민하기 작품완성단계최종그래픽작업마무리필요사운드샘플수집또는작업어플구현 ( 활용 ) 방식보여주기고민 (Flash, GIF, 동영상편집중선택 )
3. 일정 1) 작품추진계획및진행일정 a. 9/25 까지 - 어플구성기초아이디어스케치 - 북서울꿈의숲 조사및자료수집및공원방문 : 어플디자인구성에필요한위치별사진및동영상촬영 b. 10/1 까지 - 피드백수령후아이디어구체화 - 수집한자료를토대로증강현실을접목시킨아이디어시안 (Draft) 작업 c. 10/9 까지 - 1 차, 2 차시안작업및피드백점검 d. 10/15 까지 - 그동안의피드백토대로프로토타입작업 : 어플타이틀선정및아이콘, UI 화면구체화 - 어플구현방식에대한스토리구성바탕으로이미지제시 e. 10/22 까지 - 전시방법구상 : 어플자체의 UI 구성과공원내에서어플을구현하는전체적방식제안하는스토리보드또는 Flash, 영상물에대한고민 f. 10/28 까지 - 전시방법구상에대한피드백토대로본설계 1 단계진행 : 어플디자인및전시용구성 g. 11/5 까지 - 본설계 2 단계 : 앞서기획한내용피드백토대로최종시각화방향결정
h. 11/12 까지 - 어플 UI 디자인정교화마무리작업진행 i. 11/20 까지 - 결과물전시방법에맞춰최종수정및피드백 j. 11/30 까지 - 최종결과물제출 2) 결과물의형식 - 어플설명텍스트와어플을구성하는 UI 이미지의편집본과어플의사용사례를보여주는 flash 및동영상 - Flash 로선보일경우졸업전시사이트를방문한방문자가직접버튼을클릭해서일부분실행해볼수있는경험을제공 3) 전시방법 - 졸업전시회작품을보여주는웹사이트에위에제시한결과물형식을적절하게편집해서제출한것을하나의페이지로전시