졸업 전시회 주제 : 미래형 신도(환경생태지역 분야)

디지털 디자인학과

2011300173 윤 정 옥

NUBIM [누빔]

“남녀노소는 물론, 몸이 불편한 장애우도 마음껏 공원을 누빌 수 있는 가이드어플리케이션”

[누비다 : 사전적 의미] 1 .두 겹의 천 사이에 솜을 넣고 줄이 죽죽 지게 박다. 2 .이리저리 거리낌 없이 다니다.

Digital Design – Design Studio 2012-11-27

1. 졸업 작품 소개 1) 작성자 : 윤 정 옥(2011300173)

2) 제목 : 2050년 AR방식 어플로 즐기는 신체 장애우 맞춤형 ‘북서울 꿈의 숲’ 공원 체험.

3) 내용 요약 : ‘북서울 꿈의 숲’ 공원을 찾는 몸이 불편한 장애우들에게 손발이 자유로운 안경,

고글, 뇌파감지형 디스플레이로 어플을 활용하여 편리하고 즐겁게 정보를 제공 받고 좀 더 다양한 공원 체험을 할 수 있게 안내 해주는 증강현실(AR) 방식의 Application UX를 디자인한다.

4) 개념도 a. ‘북서울 꿈의 숲’ 안내소에서 공원 가이드 어플이 적용 된 디스플레이어가 부착되어 있는 휠

체어를 대여한다. b. 휠체어에 앉아 연결되어 있는 디스플레이어를 착용한 후 손발이 자유로운 상태에서 어플을

실행한다. (청각장애우는 디스플레이어만 대여) c. 어플 실행시 장애우의 사용자 모드를 선택한다. 사용자에 맞는 음성지원(시각장애우) 또는

텍스트 위주의 지원(청각장애우) 등 공원을 누비는 경로에 대한 안내는 조금씩 다르다.

5) 필요성 및 중요성 : ‘북서울 꿈의 숲’에는 여러종류의 동식물이 있고, 잔디광장, 미술관, 도서관, 방송국, 전망대, 각종 이벤트 공연 행사 등 다양한 체험이 가능한 공원임에도 불구하고 많은 사람들이 제대로 관광을 하지 못하며, 특히, 근처 장애우들이 많이 거주하고 있는 아파트 단지가 있는데 몸이 불편해서 공원 산책에 엄두를 내지 못하는 이들을 위한 2050년 형 첨단 UX 디자인이 요구 된다. 2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

2. 졸업 작품의 주제와 내용 1) 주제 설명 : 2050년 미래의 신도심이라는 큰 주제의 배경으로 생태환경에 대한 관심도를 높

이며, ‘북서울 꿈의 숲’을 방문하는 모든 일반인뿐 아니라 특히 몸이 불편한 장애우들에게 증강현실(AR) UX를 갖춘 Application으로 보다 나은 현실감과 정보를 제공 하여 최적의 코스로 안내 해주고자 한다.

2) 현황 조사(사례 조사) a. 북서울 꿈의 숲 현황 - 2009년 10월 17일에 개장. 서울시 강북구 번동에 위치. - 면적 : 조성면적은 총 662,627㎡ - 주요시설 : 호수, 잔디광장, 폭포, 미술관, 아트센터, 레스토랑, 카페, 전망대, 지하주차장 등 - 사이트 : http://dreamforest.seoul.go.kr

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

- 아래 그림은 사이트에서 제시하고 있는 공원 INFORMATION TREE 로서 공원정보전달의 효율화와 이용자의 원활한 유도, 안내를 위한 정보 네트워크를 체계적으로 시나리오화 했다.

- ‘북서울 꿈의 숲’ 해당 사이트의 정보와 공원 내 사인물과 각 센터 별 안내 팜플렛으로 정보 전달 하고 있는 상황.

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

b. 타 공원 관련 Application - 올림픽 공원 어플 : 얼마 전 출시 된 올림픽 공원 어플은 아래 이미지에서와 같이 기본 맵은

물론 테마별 공원 즐기는 방법과 각종 편의 시설과 공연, 이벤트 관련 정보를 안내하고, AR방식 보기까지 제공하고 있다.

- 그 외 각 지역 별 주요 공원 위치와 각 공원의 코스 안내 및 생태 관련 정보를 제공 해주는 어플 등 다양하게 출시 되어 있다.

- 현재 주요 공원들은 올림픽 공원을 제외 한 대부분이 관련 사이트나 현지의 현판 사인물 (지도, 경고, 주의, 설명 관련), 가이드 팜플렛과 같은 인쇄물로만 안내하는 것이 대부분이고, 어플이 출시 된 몇 군데의 공원은 읽기만 하는 정보만 제공해 줄 뿐 어플을 이용한 행동 유도에 관한 활용도는 거의 없다고 볼 수 있다. 거기에 추가적으로 장애우를 위한 좀 더 배려있고 발전 된 서비스(음성 안내와 같은…)와 시스템적으로 정확한 거리 측정 및 위치 포인트 개선이 필요한 상황이다.

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

c. 증강현실(AR) 적용 Application - Google Project Glass(구글 안경) : 이른바 미래형 헤드업디

스플레이(HUD) 안경이라 부르는 증강현실을 보여주는 안경 형태의 스마트폰이라 정의 해 볼 수 있다. 현실에 반영되는 각종 정보가 편의성을 제공해 주고, 손이 자유롭다는 장점과 현재 개발한 상태로는 눈동자 읽는 센서도 아직 미흡하고, 빛이 밝은 곳은 디스플레이의 기능이 제대로 역할을 하지 못하다는 지적이 있다.

- 스캔서치 : 어플을 실행하면 카메라를 통해 사방 전후로 비춰지는 현실 화면 위로 근처 맛집과 까페, 주요 건물을 보여준다. 증강현실 기술 활용이 불필요할 정도의 단조롭고 전달성이 부족한 디자인과 방대한 자료로 인한 위치 포인트의 부정확한 이미지 구성으로 인해 지도 검색으로 단순하게 찾는 것이 더 나을 수도 있는 산만함이 있다.

d. Sight : 앞선 실제 사례 외에 먼 미래의 더욱 발달 된 증강

현실 기술을 선보이는 컨셉 영상 소개. - 컨택트 렌즈를 통해 보는 증강현실 어플로 Bezaleal

Academy of Art 라는 학교 학생들의 졸업 작품이다. - 하루 일상의 모든 것을 컨택트 렌즈에 적용된 어플리케이션

으로 생활하는 주인공을 보여준다. - 이 영상에 나오는 세련된 UI 디자인에서 얻을 수 있는 아이

디어가 많고, 증강현실의 다양한 가능성이 있다.

(위 동영상 클릭)

(위 동영상 클릭)

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

e. FPS 게임 UI 디자인 참고 - 여러 온라인 게임이 있지만 유독 FPS류 게임은 실제 유저가 게임 속 군인 캐릭터가

보는 1인칭 시점에 맞춰져 디자인 된 UI를 찾아 볼 수 있다. 예시 사진에서 볼 수 있듯, 화면 구성이 군인이 쓴 헬맷 굴곡에 맞게 살짝 휘어진 형태로 배치되어 있음을 알 수 있다.

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

3) 내용 및 범위 a. Target : ‘북서울 꿈의 숲’을 찾는 신체 장애우 <장애 분류 – 출처 : 송환덕의 홈 http://www.idhome.net/grade.html/>

2011300173 윤 정 옥

대분류 중분류 소분류 세부 내용

신체적 장애

외부 신체기능의 장애

지체장애 절단장애, 관절장애, 지체기능장애, 변형 등의 장애

뇌병변장애 뇌의 손상으로 인한 복합적인 장애

시각장애 시력장애, 시야결손장애

청각장애 청력장애, 평형기능장애

언어장애 언어장애, 음성장애, 구어장애

안면장애 안면부의 추상, 함몰, 비후 등 변형으로 인한 장애

내부기관의 장애

신장장애 투석치료 중이거나 신장을 이식 받은 경우

심장장애 일상생활이 현저히 제한되는 심장기능 이상

간장애 일상생활이 현저히 제한되는 만성 중증의 간 기능 이상

호흡기장애 일상생활이 현저히 제한되는 만성 중증의 호흡기 기능 이상

장루, 요루장애 일상생활이 현저히 제한되는 장루, 요루

간질장애 일상생활이 현저히 제한되는 만성 중증의 간질

정신적 장애

발달장애 지적장애 지능지수와 사회성숙지수가 70 이하인 경우

자폐성장애 소아청소년 자폐 등 자폐성 장애

정신장애 정신장애 정신분열병, 분열형정동장애, 양극정정동장애, 반복성우울장애

Digital Design – Design Studio 2012-11-27

b. Purpose : 2050년 미래 신도심을 배경으로 장애우 모드(시각, 청각, 신체) 설정 제공 및 공원을 찾은 목적(생태환경공부, 데이트, 산책, 공연관람, 미술관 관람 등) 별 맞춤 형태로 증강현실(AR)을 최대한 활용한 UX를 디자인 한다.

c. Platform : Application을 실행 시킬 수 있는 고글형 디스플레이를 갖춘 전동 휠체어, 또는 고글형 기기 단독. (현재 가상현실 게임을 즐기도록 나온 플렛폼들을 참고 해 볼 수 있다.)

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

d. How to use - ‘북서울 꿈의 숲’ 공원에서 대여해주는 안경형 디스플레이가 장착된 휠체어에 앉아 공원의 실

사 모습에 반영 된 UI를 조작하며 다닌다. (청각장애우는 안경만 대여) - 사용자 모드 선택 : 장애(시각, 청각, 신체) 상태 중 택하면 청각장애우는 더 많은 텍스트 설명

위주의 구성으로 펼쳐지고, 시각장애우는 음성지원 형태로 활용하되 현재에 이미 출시 되어 있는 Brain Port에서 개발한 Brain Port Vision이란 혀로 영상을 읽어내는 기술과 같은 것을 통해 눈앞에 펼쳐진 현실을 조금이나마 볼 수 있게 한다. (2050년에는 위생적으로 좀 더 발전 되어 혀가 아닌 두골을 통해 생생하게 영상을 확인 할 수 있을 거라 기대해 본다.)

- 방문 목적 선택 : 가족 나들이, 산책, 데이트코스, 예술관람, 생태 환경 공부 중 택하면 각 목적

에 맞는 최적의 코스로 안내한다. (장애인관광 추천코스 참고 http://friend.seoul.go.kr/lifeinfo/lifeinfo_04_02.jsp?Depth=4411) - 자율적으로 산책하거나 코스별 안내에 따라 각 지점 별로 방문하면서, 궁금한 부분을 2초정

도 응시하면 어플이 해당 지점에 있는 센서를 읽어 들여 관련 정보를 띄워주고(동식물이 있는 부분은 해당 생물에 대한 정보를 제공), 까페나 레스토랑은 사용자에 맞춘 음식 추천 및 메뉴와 가격에 대한 정보를 확인 할 수 있게 한다. 아트센터의 경우는 그날의 공연, 전시에 대한 정보를 확인 할 수 있게 한다.

(왼쪽 동영상 클릭)

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

*추천관람코스 : 앞서 제시한 ‘장애인 추천 코스’ 기준으로 시안을 펼칠 계획 1. 입구(공원소개/모드설정)→ 2. 사슴방사장 → 3. 초화원 → 4. 창녕위궁재사 → 5. 칠폭지 →

6. 월광대 → 7. 월영지 → 8. 애월정 → 9. 석교 → 10. 청운답원 → 11. 메이린(중식) → 12. 아트센터 → 13. 전망대 → 14. 창포원 → 15. 라포레스타(석식) → 16. 방문자센터(동문)

[UI 레이아웃 시안]

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

[타이틀 로고]

[판넬 시안]

4) 스토리보드 만들기

‘북서울 꿈의 숲’ 방문 어플 디자인 시안에 활용할 위치별 사진 촬영

공원 정보 수집 사이트를 통해 자료 수집

시나리오 작성 장애우 분류 별 입장과 방문 목적에 맞는 추천 코스 한 두가지 설정

어플 UX 아이디어 컨셉 방문하는 입구에서부터 위치별 정보 습득에 관해 앞서 작성한 시나리오대로 스케치 해보기

증강현실 UI 화면 스케치 안경형 디스플레이로 보는 두가지의 UI 구성 (크게 시각장애우, 청각장애우)

기본 모드 UI 화면 구성 위주의 프로토 타입 시안 주로 선보여야 할 것을 우선 선택으로 UI 화면 디자인 시안을 방문 시나리 오를 토대로 작업

시각과 청각 모드 UI 화면 구성 시안 작업 추천 코스 한가지를 두고 시각장애와 청각장애우 각각 필요성에 의존한 디자인

전시 기획 디자인 결과물을 보여주는 방식에 대한 고민하기

작품 완성 단계 최종 그래픽 작업 마무리 필요 사운드 샘플 수집 또 는 작업 어플 구현(활용) 방식 보여 주기 고민(Flash, GIF, 동영 상 편집 중 선택)

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

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단계 : 앞서 기획한 내용 피드백 토대로 최종 시각화 방향 결정

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27

h. 11/12 까지 - 어플 UI 디자인 정교화 마무리 작업 진행 i. 11/20 까지 - 결과물 전시 방법에 맞춰 최종 수정 및 피드백 j. 11/30 까지 - 최종 결과물 제출 2) 결과물의 형식 - 어플 설명 텍스트와 어플을 구성하는 UI 이미지의 편집 본과 어플의 사용 사례를 보여주는

flash 및 동영상 - Flash로 선보일 경우 졸업 전시 사이트를 방문한 방문자가 직접 버튼을 클릭해서 일부분 실

행해 볼 수 있는 경험을 제공 3) 전시 방법 - 졸업 전시회 작품을 보여주는 웹사이트에 위에 제시한 결과물 형식을 적절하게 편집해서 제

출한 것을 하나의 페이지로 전시

2011300173 윤 정 옥

Digital Design – Design Studio 2012-11-27