제안참여업체용 Brief 2013 년 4 월
1. 추진배경및목적 금번컨설팅은스마트투어가이드서비스활성화를위해추진되었으며, 스마트투어가이드서비스의 UI 전략 ^ 모델 ^ 가이드를수립하는것이그목적임 추진배경 관광자원의외형적인매력요인만으로여행수요를유발시키기어려운환경 관광스토리텔링에기반한스마트투어가이드서비스의필요성및중요도상승 공사주도하에다양한스마트투어가이드서비스개발사업추진 체계적인서비스개발을위한원칙및전략필요 정부기관과지자체에서스마트투어가이드서비스추진예정 표준화된서비스를통해비용절감및서비스품질향상기대 추진목적 UI (User Interface) 컨설팅 스마트투어가이드서비스활성화를 UI 전략 ^ 모델 ^ 가이드수립 기대효과 UI 모델실행및가이드준수 1 비용절감 기획, 설계, 디자인, 개발중기획 / 설계 / 디자인공정의 70~80% 가 UI 표준화에의해해결되어비용대폭절감 4 어플증가 2 3 품질개선 경험향상 표준화원칙, 지침, 적용및준수등 UI 표준화가이드에의해관리됨으로써일정수준이상의서비스품질제공 사용편의성고려, 최적화된콘텐츠와기능, 일관성있는화면구성을통해사용자경험 (UX) 크게향상 적은비용, 쉬운제작, 홍보용이등다양한이점을활용하기위해지자체, 기관, 기업등관광관련수요자들이공사의스마트투어가이드서비스를통해모바일서비스를추진함으로써어플개수크게증가 2
2. 향후추진계획 AS-IS [ 서비스개발 / 11~12 년 ] 1 st TO-BE [ 서비스통합 / 13 년 ] 2 nd TO-BE 콘텐츠 A 콘텐츠 B 콘텐츠 C CP CP CP 가이드라인에의한통합및개별애플리케이션개발 애플리케이션개발 애플리케이션개발 애플리케이션개발 통합애플리케이션 개별애플리케이션 콘텐츠 UI 스타일 개발가이드라인 앱스토어 앱스토어 표준화에의한예산절감 다운로드 다운로드 다운로드 통합애플리케이션 다운로드 A 애플리케이션 B 애플리케이션 C 애플리케이션 CP s Brand CP s Brand 개별애플리케이션 CP s Brand 통합서비스에의한이용활성화및고객만족도제고 3
3. 통합애플리케이션모델링 통합애플리케이션의사용흐름과화면구조를아래와같이설계함 메인화면개별애플리케이션소개화면라이브러리화면 ( 테마기준 ) 라이브러리화면 ( 스팟기준 ) 개별애플리케이션 ( 화면의 Item ) 의검색및선택이이루어지는화면 추천애플리케이션섹션운영 인기순, 지역별, 최신등록등다양한기준으로애플리케이션을정렬할수있게구성 이미다운로드한애플리케이션은시각적으로구분되도록디자인 개인정보 ( 위치, 다운로드로그등 ) 에맞춤화된애플리케이션추천 개별애플리케이션 ( 화면의 Item ) 을소개하는화면 다운로드또는즐겨찾기기능을이용하여라이브러리에저장및등록 다운로드에대한의사결정을도울수있는내용으로구성 파일의개수, 용량, 다운로드시간정보제공 다운로드또는즐겨찾기기능에의해저장및등록된애플리케이션목록화면 Multi-downloading 지원 저장아이템과즐겨찾기아이템을시각적으로구분하여디자인 편집모드제공 : 삭제, 리스트순서변경, 체크박스기능등 연속듣기기능 : 전체또는체크된애플리케이션의오디오파일을연속적으로재생 스팟기준으로나열된목록화면 원하는스팟을선택하여자신만의오디오가이드구성 다른사람이이용할수있도록기능제공 편집모드제공 : 삭제, 리스트순서변경, 체크박스기능등 연속듣기기능 : 전체또는체크된애플리케이션의오디오파일을연속적으로재생 4
4. 개별애플리케이션모델링 개별애플리케이션의사용흐름과화면구조를아래와같이설계함 메인화면스팟목록화면스팟소개화면오디오재생화면 통합애플리케이션의라이브러리화면 ( 저장아이템 ) 특정애플리케이션선택 개별애플리케이션의메인화면 애플리케이션의기본정보와코스정보 (Map) 로구성 통합애플리케이션으로의이동버튼제공 ( 예, KTO 버튼 ) 스팟을일정기준으로나열한화면 번호 ( 순서가있는경우 ), 스팟이름, 썸네일이미지, 요약설명 (optional) 등으로구성 이미재생한스팟, 현재재생중인스팟, 최근재생했던스팟에대한 Visual Hint 제공 오디오, 비디오마크제공 스팟에대한소개정보제공 사진, 설명등으로구성 텍스트 ( 상세정보 ), 오디오파일, 비디오파일, 이미지파일화면 ( 갤러리 ) 로이동할수있는버튼제공 목록화면으로이동하지않고이화면에서곧바로다른스팟으로이동할수있는내비게이션옵션제공 재생과멈춤조작을손쉽게할수있도록구성 육안확인없이조작할수있는디자인필요 소리크기조정을위한소프트웨어컨트롤제공 재생상황에서다른화면으로이동하더라도재생상황이유지되도록 Background Playing( 예, 지금재생중 ) 기능제공 5
5. 통합애플리케이션메인화면 ( 지정시안 ) 내비게이션바 (Not Scrolling) 로고와유틸리티링크로구성 - 로고 : 시각적단순성을높이기위해서비스이름 (logo type) 없이로고 (logo symbol) 만으로구성 - 유틸리티링크 : 글로벌요소인검색, 지금재생중기능으로구성 내비게이션바는다양한로고와어울릴수있도록배경색없는디자인권장 추천콘텐츠섹션 어플이름, 이미지, 페이지표시 (page indicator), 마크 (mark) 로구성 - 이미지 : 대표스팟이미지를제공 - 마크 : 신규, 인기, 추천등으로분류 추천콘텐츠개수는 4~6 개가적절, 마지막이미지를플리킹 (flicking) 할경우맨처음이미지로순환되도록개발 ( 역방향도동일 ) 어플목록 어플이름, 지역정보, 스팟목록, 통계정보, 제공자로고, 썸네일이미지, 히스토리마크로구성 - 지역정보 : 시군단위까지제공 - 통계정보 : 다운로드, 청취 ( 다운로드받은후오디오파일을하나라도열었다면청취한것으로간주 ), 다녀왔어요 ( 해당어플에포함되어있는스팟에다녀온사용자수, 어플에있는스팟중한곳이든여러곳을다녀왔던간에한번만집계 ) - 히스토리마크 : 어플사용자의다운로드, 청취, 다녀왔어요에대한개인화기록 모든어플을단순나열방식으로제공 향후어플개수가많아질경우, 메인화면재구성필요 New 서울도보여행 경북고령 대가야박물관왕릉전시관지산동고분군우륵박물관 1,430 725 132 해인사 - 유네스코세계문화유산 경남합천 장경판전대적광전구광루범종각학사대비석거리대비로전... 해인사한성백제역사여행서울한성백제박물관몽촌토성석촌동고분군 6
6. 통합애플리케이션어플소개화면 ( 지정시안 ) 내비게이션바 (Not Scrolling) 이전버튼, 어플이름, 유틸리티링크로구성 - 이전버튼 : 브라우징을위한뒤로버튼 (back button) 이아니라계층구조의이전단계로이동하기위한버튼 메인섹션 메인이미지, 제공자로고, 히스토리마크, 통계정보, 라이브러리버튼, 버튼으로구성 - 메인이미지 : 한장으로구성, ( 메인화면 ) 추천섹션의이미지와같은크기이므로메인화면에사용했던이미지재사용권장 - 라이브러리버튼 : 선택시현재어플을라이브러리에등록 - 버튼 : SNS 계정과연동 화면으로연결 열기버튼 라이브러리담기 바로보기 두가지열기옵션 ( 바로보기 저장하기 ) 을제공하기위해슬라이더 UI 채택 - 바로보기 : 실시간접속방식으로개별어플로딩 - 저장하기 : 다운로드후개별어플로딩 저장하기 82 mb Wi-Fi 가아닌환경에서바로보기를선택하면데이터요금이부과될수있습니다. 열기옵션에따른전개방식은 Appendix. 3. 개별애플리케이션접속시나리오 참조 소개 금관가야를중심으로하는초기가야연맹은 4 세기후반이후고구려의침입으로큰타격을입고세력이약화되면서신라로넘어갔다. 그후낙동강서쪽의여러가야는고령의대가야를중심으로다시연맹체를이루었다. 고령의대가야는질좋은철을많이생산하였고, 농업에유리한입지조건을갖추고있었다. 더구나대가야는전쟁의피해를입지않았기때문에 5 세기이후금관가야를대신하여가야연맹의중심세력으로떠오르게되었고, 이로인해문화적으로풍부한자원을바탕으로발전하여뒤에신라문화와일본고대문화발전에이바지하였다. 고령지역에서아직도대가야의역사문화유적이많이남아있는데, 그중에서역사적의미가있는 4 곳을선정하여 < > 으로엮었다. 스팟 3 시간 1 시간 대가야박물관 대가야의옛도읍지를중심으로고령지역의역사와문화를종합적으로복원재현한박물관 왕릉전시관 국내에서최초로확인된대규모순장무덤인지산동 44 호분의내부를원래의모습대로재현해놓은전시관 중략 본문영역 : 소개와스팟섹션으로구성 소개섹션 : 제작배경, 특장점등개별어플에대한간단한설명제공 스팟섹션 : 스팟이름, 설명, 썸네일이미지, 여행정보 ( 소요시간, 난이도, 대중교통, 접근성 ) - 여행정보 : 스팟성격에따라탄력적으로구성 ( 예, 전시물과같이세부단위의스팟은소요시간이나대중교통을제공하지않음 ) - 접근성 : 시각장애인, 청각장애인, 휠체어사용자, 노약자로구분하여제공 7
7. 개별애플리케이션메인화면 ( 지정시안 ) CS 커스텀섹션 (Custom Section) 제공자가직접변경할수있는영역 템플릿섹션 (Template Section) 공통요소로구성되어제공자가변경할수없는영역 어플이름 글자수 : 최대 00 자 서체 : 스타일가이드라인참조 크기 : 스타일가이드라인참조 지도 ( 선택사항 ) 가변영역스크롤링이나플리커링에의해주어진영역에더많은콘텐츠제공가능 지도는다운로드에의해로컬에저장되어야한다. 파일형식 : JPG, GIF, PNG 파일크기 : 최대 000mb 스팟은아이콘, 사진등그래픽요소와텍스트로표현 스팟위치를신속하게파악할수도록시군구와주요지점을적절하게표현 CS 북촌마을산책 북촌8경유유자적예술거리 1. 북촌1경정독도서관가회로 2. 북촌 2 경 삼청로길 국립현대미술관 3. 북촌 3 경 한옥문화원윤보선가 이가문화체험원창덕궁길 4. 북촌4경계동길북촌문화센터 검색 / 지금재생중기능 탭컨트롤 지도 ( 선택사항 ) 목록 소개 지도가없는경우, 메인화면은목록과소개로구성된다. 탭바 Home : 어플의소개와선택이이루어지는공간 라이브러리 : 다운로드와즐겨찾기에의해개인화된어플을등록 / 관리하기위한공간이며, 모든어플은라이브러리를통해접근가능 내주변 : 사용자의현재위치기준으로스팟을찾는기능 다녀왔어요 : 방문인증을통해내가방문한스팟, 많이찾는스팟, 방문자현황정보제공 더보기 : 로그인, 회원가입, 마이페이지, 설정, 서비스소개등으로구성 8
8. 개별애플리케이션오디오화면 ( 지정시안 ) CS 커스텀섹션 (Custom Section) 제공자가직접변경할수있는영역 템플릿섹션 (Template Section) 공통요소로구성되어제공자가변경할수없는영역 어플이름 글자수 : 최대 00 자 서체 : 스타일가이드라인참조 크기 : 스타일가이드라인참조 양전리암각화모형 검색 / 지금재생중기능 탭컨트롤 메인 오디오 대본 사진 ( 선택사항 ) 위치 오디오컨트롤 재생컨트롤, 볼륨컨트롤, 재생위치컨트롤섹션으로구분 재생컨트롤섹션은재생 / 멈춤컨트롤, 재생속도조절컨트롤, 이전 - 다음오디오로바로가기로구성 재생 / 멈춤컨트롤 : 멈춤 (pause) 상태로로딩, 토글 (toggle) 방식으로재생 - 멈춤컨트롤전환 재생속도조절 : 0.7 배, 1 배 (default), 1.5 배, 2.0 배로재생속도조절가능 즐겨찾기 다녀왔어요 X1 툴바 좌우이동버튼, 즐겨찾기,, 다녀왔어요기능으로구성 좌우이동버튼 : 목록에있는이전또는다음스팟으로이동 즐겨찾기 : 선택시라이브러리의 < 즐겨찾기 > 에등록 : 선택시이메일이나 SNS 계정으로연결 다녀왔어요 : 열려있는스팟의방문인증을위한기능, 반경 50m 이내에있을경우에만기능활성화 9
9. 개별애플리케이션접속시나리오 바로보기선택시 Wi-Fi 라이브러리담기 바로보기 저장하기 82 mb Wi-Fi 가아닌환경에서바로보기를선택하면데이터요금이부과될수있습니다. 소개 금관가야를중심으로하는초기가야연맹은 4 세기후반이후고구려의침입으로큰타격을입고세력이약화되면서신라로넘어갔다. 그후낙동강서쪽의여러가야는고령의대가야를중심으로다시연맹체를이루었다. 고령의대가야는질좋은철을많이생산하였고, 농업에유리한입지조건을갖추고있었다. 더구나대가야는전쟁의피해를입지않았기때문에 5 세기이후금관가야를대신하여가야연맹의중심세력으로떠오르게되었고, 이로인해문화적으로풍부한자원을바탕으로발전하여뒤에신라문화와일본고대문화발전에이바지하였다. 고령지역에서아직도대가야의역사문화유적이많이남아있는데, 그중에서역사적의미가있는 4 곳을선정하여 < > 으로엮었다. 네트워크연결알림! 3G / 4G 스팟구성 대가야박물관 대가야의옛도읍지를중심으로고령지역의역사와문화를종합적으로복원재현한박물관 Wi-Fi 에접속되어있지않습니다. 지금바로보기를진행할경우, 데이터요금이부가될수있습니다. 계속진행하시겠습니까? 아니오 예 3 시간 왕릉전시관 국내에서최초로확인된대규모순장무덤인지산동 44 호분의내부를원래의모습대로재현해놓은전시관 1 시간 중략 10
10. 개별애플리케이션접속시나리오 저장하기선택시 Wi-Fi 라이브러리담기 라이브러리담기 라이브러리담기 바로보기 저장하기 82 mb 42% 취소하기저장완료열기 Wi-Fi 가아닌환경에서바로보기를선택하면데이터요금이부과될수있습니다. 소개 3G / 4G 금관가야를중심으로하는초기가야연맹은 4 세기후반이후고구려의침입으로큰타격을입고세력이약화되면서신라로넘어갔다. 그후낙동강서쪽의여러가야는고령의대가야를중심으로다시연맹체를이루었다. 고령의대가야는질좋은철을많이생산하였고, 농업에유리한입지조건을갖추고있었다. 더구나대가야는전쟁의피해를입지않았기때문에 5 세기이후금관가야를대신하여가야연맹의중심세력으로떠오르게되었고, 이로인해문화적으로풍부한자원을바탕으로발전하여뒤에신라문화와일본고대문화발전에이바지하였다. 고령지역에서아직도대가야의역사문화유적이많이남아있는데, 그중에서역사적의미가있는 4 곳을선정하여 < > 으로엮었다. 스팟구성 대가야박물관 대가야의옛도읍지를중심으로고령지역의역사와문화를종합적으로복원재현한박물관 네트워크연결알림! Wi-Fi 에접속되어있지않습니다. 지금저장하기를진행할경우, 데이터요금이부가될수있습니다. 계속진행하시겠습니까? 아니오 예 라이브러리 편집 어플스팟즐겨찾기 경상북도 다운로드 102mb 해인사 유네스코세계문화유산 해인사 선택듣기 한성백제역사여행 서울송파구 3 시간 왕릉전시관 국내에서최초로확인된대규모순장무덤인지산동 44 호분의내부를원래의모습대로재현해놓은전시관 취소하기 My 1 시간 북한산둘레길 국립공원관리공단 교과서역사여행 교육과학기술부 건우의체험학습 hongildong 중략 11