스마트콘텐츠 - 스마트폰에 서비스가 가능한 애플리케이션 콘텐츠를 기획해보자

2014-04-24 PC사랑

이번 호에서는 기획 단계 중에서 심화부분에 대해 상세하게 기획하는 법을 진행 해보도록 하겠다. 지난 호에서는 게임기획, 앱기획을 하기 위해서 (1.1모바일 콘텐츠 제작분야 주요직무), (1.2 스마트 콘텐츠 개발 분야 주요직무), (2.1 스토리텔링콘텐츠 앱기획, 게임 아이디어), (2.2 콘텐츠 앱 기획, 앱 아이디어), (2.3 앱 기획 로드맵), (2.4 앱 기획의도), (2.5 유사콘텐츠 검색), (2.6 키워드 자료수집 및 키워드 카데고리분류), (2.7 이미지 자료수집 및 키워드 카데고리 분류), (2.8 유사앱 분석 역 기획), (2.9 기술접목), (2.10 수익모델)에 대해 설명했다. 이에 대한 상세설계를 해보도록 하겠다. 필자는 국제대학교, 한림성심대학교 강의를 비롯해 경복대학교 강의와 겸임교수를 지낸 바 있다. 강원 시니어 비즈플라자 강의와 2000년에 모바인 기획이사, 인모바일플러스 대표, 센씨인모바일 대표, 펀오락실 이사로 재직하면서 모바일 게임분야에서 약 14년간 왕성한 활동을 보이고 있다. 2012년에는 중소기업기술개발 지원사업 기술평가위원과 한국무선인터넷 콘텐츠협회 MOCA 회원사로 활동 중이다.

임진하 phoneoraksil@gmail.com

2.11 재 접근요소 기획

앱 오픈마켓(앱을 다운로드 받을 수 있는 공간)의 수는 세계적으로 증가했고, 애플 앱스토어를 보면 2009년 3월을 기준으로 2만 5천개의 앱이 카운팅 되었다. 약 4년이 지난 2013년 3월에는 대략 70만개 이상의 앱이 존재하게 됐다. 또한 앱 콘텐츠의 수는 지금 현재에도 계속해서 증가하고 있기 때문에 하루에 100개의 앱을 매일 실행한다고 가정해도 오픈마켓 콘텐츠를 모두 경험해 보고싶다면 수 십년 이상의 시간이 소요될 정도로 많은 앱이 개발되고 있다. 즉, 사용자가 최초에 한 번 사용을 했을 때 앱을 다시 사용할 수 있는 기획 요소를 사전에 앱에 반영해서 서비스를 해야 사용자들이 앱을 다시 활용 할 가능성이 높아지는 것이다. 2009년 3월을 기준으로 애플의 앱스토어 사이트를 살펴보면 2만 5천개의 앱이 카운팅 되었다는 점을 파악해 볼 수 있다.

[앱스토어]

1) 사용자 이익요소 제공

게임을 신규로 기획할 경우, 사용자가 최초에 게임을 1회 실행한 이후에도 지속적으로 게임에 접근 할 수 있는 재미요소를 제공해야하고 적절한 보상도 필요하다.

- 아래 그림은 업그레이드 버전부터 매일 게임에 접속하는 사용자에게 게임 내에서 사용이 가능한 코인을 지급 하거나, 제휴사와의 이벤트를 통해 친구에게 게임요청을 권유하게끔 유도하여 사용자가 접속을 하게끔 하는 화면이다.

[애니팡]

[드래곤플라이]

게임 내에서 유료로 판매하는 ‘수정’이라는 아이템 요소를 매일 접속하면 1개씩 무료로 지급하고, 매일 게임실행을 하면 1개씩 얻을 수 있도록 기획했다.

[윈드러너]

게임에서 플레이를 한 이후의 결과 내용을 가지고 이벤트에 응모할 수 있는 기회를 제공해 사용자 접속을 유도한다.

[팟게이트]

오늘만 무료, 신규 무료, 오늘만 할인 메뉴를 제공하여 유료로 판매되는 앱을 일정 기간 동안만 사용자들에게 무료로 제공하고, 일정기간이 지나면 다시 유료로 판매되어 자주 확인을 할 수 있도록 기획했다.

[팟게이트 오늘만무료]

오픈마켓에서 유료로 판매중인 앱콘텐츠가 팟게이트앱을 사용할 경우, 일정기간 무료로 다운로드 받을 수 있다.

2) 앱 콘텐츠 핵심에 충실

앱 콘텐츠 본연의 기능에 충실하면 사용자가 앱이 필요한 상황에서 사용하게 되는 경우로 기획자 입장에서는 다른 유사 콘텐츠가 기존에 오픈마켓에 있다면 비교해서 차별화가 되었는지 확인해서 기획한다.

- 지하철 노선정보, 열차 도착시간, 이동역간 소요시간 계산 등의 정보가 필요한 경우, 실행하게 되는 앱이다. 지하철 역정보, 노선 정보 제공 등 다양한 정보를 제공하는 수많은 지하철 앱이 있지만 그 중에서 직접 사용 후의 경험을 이야기하면, 처음에는 ‘하철이‘앱의 사용이 편했었고, 지금은 ’지하철‘앱의 조작이 더 편하다는 점을 알 수 있다. 어느 앱에 익숙해지느냐가 사용자가 앱을 다시 사용하게 하는 요인이 될 수 있다. 이러한 앱에서 열차 도착 시간은 핵심 요소 중에 하나인데 실제와 다르다면 사용자는 앱을 자신의 폰에서 삭제하거나 사용빈도를 줄 일 것이다.

[지하철]

[하철이]

‘지하철’ 앱의 경우, 그래픽이나 사용자 인터페이스를 다르게 하여 서비스 하는 형태를 고민해 볼 필요가 있다.

[카드다이어리]

다이어리나 이와 유사한 앱들은 금전의 수입 지출을 기록해야 하는 속성을 가지고 있기 때문에 기록이 필요한 경우, 앱을 다시 실행하게 된다.

3) 푸시 알림

푸시알림 기능 수신에 동의한 사용자에게 앱 관련 정보를 푸시알림을 통해 발송하여 사용자의 관심을 유도한다.

- 앱스토어에서 다운받은 김기사 내비게이션 앱과 퍼즐게임의 푸시알림으로 다양한 홍보와 정보를 전달한다.

[애플푸시알림]

[안드로이드 알림아이콘]

[안드로이드 알림정보]

사용자에게 전달하고자 하는 메시지를 제공한 후에 앱의 실행을 유도하거나 게임 아이템을 무료로 제공하여 앱 접속을 하도록 유도한다.

4) 기타

위에서 설명한 내용들 이외에도 앱 사용자가 지속적으로 자신이 기획한 앱을 사용하게 하고 싶다면, 오픈마켓에 기존에 출시되어 서비스가 이뤄지고 있는 앱이 있더라도 나만의 아이디어로 다르게 차별화하여 기획할 필요가 있다. 사용자가 많이 사용하는 앱을 만들 수도 있겠지만 그러기 위해서는 신선한 재접속 요소가 반드시 필요하다.

- 지인들과의 소소한 경쟁을 유발시켜서 다시 접속하게끔 유도하기도 하는 게임의 순위변동과 여러 게임을 리스트화해서 보여주고, 순위를 알려주어 순위에 반응하는 사용자가 사용하게 하는 게임센터 시스템도 검토해 보자.

[게임센터]

[애니팡 순위]

2.12 순서도

화면구성과 내용에 대한 순차적인 흐름도가 있으면 기획자가 생각하고 있는 내용을 팀구성원인 그래픽 디자이너와 프로그램 개발자에게 공유할 수 있다.

1) 화면구성 흐름도

[퓨전세븐맞고 순서도 샘플]

게임을 시작해서 게임이 끝나는 시점까지의 순서를 프로차트로 표현한다.

[헥사 순서도 샘플]

2010년 피처폰으로 서비스했던 ‘헥사2010’ 게임을 스마트폰용 앱으로 재 출시하기 위해서 현재 개발중인 ‘펀헥사’ 게임의 예상 순서도이다.

‘펀헥사’ 게임의 순서도를 보고 신규게임으로 기획중인 개발 구성원의 생각을 알 수 있을 까? 기획을 한다는 것은 기획하는 사람과 개발팀이 구상하고 있는것을 공유하기 위한 작업이라고 할 수 있기 때문에 쉽게 이해가 되어야 한다. 문서로 정의 하는 것 보다 더 쉽게 본인이 생각하고 있는 내용을 개발 구성원들과 쉽게 전달해서 공유 할 수 있다면 그것은 경쟁력 있는 기획방법이 될 수 있다.

2) 게임내용 상세구성 흐름도

[배틀시드 순서도 샘플]

게임의 내용적인 측면의 순서도로, 화면구성 순서도와 다른 방식의 내용적 순서도이다. 마이크로소프트사의 VISIO와 같은 프로그램을 활용하여 순서도(플로차트)를 작성한다.

3) 순서도&화면구성 샘플

[비즈공예 흐름도]

① 비즈공예 흐름도와 화면구성 초안

[WAP게임존 흐름도]

② 2010년 01월경 중국이동 통신사 차이나유니콤에 제안했던 WAP 게임존 게임정액제의 진행 흐름도와 화면구성

[공차콜 WAP 흐름도]

③ WAP & VM(Virtual Machine) 화물공차 콜 운전애플리케이션이다. 2008년 06월경 유니위즈의 Mobile Studio WAP 솔루션을 활용한 흐름도와 WAP(Wireless Application Protocol) 화면구성으로 현재의 ‘Mobile Studio‘ 제품은 주기능 Mobile Web Buider로 사용이 가능하다.

2.13 핵심 UI(User Interface)구성

1) UI 제작도구

① PSD: 검색엔진에서 ‘*smartphone*.psd’ 파일을 검색하면 많은 종류의 어도비포토샵의 PSD 이미지 원본 파일을 다운로드 받을 수 있다. 이미지를 사용 하려면 각각의 이미지들의 저작권 정책에 대해서 꼭 확인을 해야 한다. 아래에 파일을 사용하여 시각적효과인 레이아웃(mock up) 화면을 구성 할 수있다. 서비스를 하고 싶은 오픈마켓에 적합한 스마트폰 이미지를 찾아서 포토샵을 사용해 스크린샷을 만들 때 활용하면 유용하다.

[PSD이미지]

- 라이센스정책을 보면 목업(Mock up)용으로만 사용이 가능하다는 내용 저작권 사용범위에 대해서 설명이 되어 있다.

[license]

② Balsamiq: 인터넷 Balsamiq 사이트에 접속하면 메인화면에서 ‘Download Mockups for Desktop’에서 다운로드하여 컴퓨터에 쉐어웨어 형태로 설치하여 사용이 가능하다. 핸드폰 초기 화면 구성을 할 때 실제폰에서 구동되는 화면의 요소인(AlertBox, Browser Window, Button Bar,Tap Bar, Cover Flow, icon, ima,g iPehone Picker, List, Menu)등 거의 모든 요소를 제공하여 기획하려는 아이디어를 앱 초안 형태로 표현 할 수 있도록 지원하는 UI 저작 도구이다.

[Balsamiq]

Shareware 소프트웨어로 일정 기간이 지나고 계속해서 사용하려면 구매를 해야 한다. 기간이 지나고 나서 저장(Save)기능 이외에 외부로 이미지 내보내기와 같은 기본적인 사용이 가능하다.

[Balsamiq]

③ 앱기획용 앱: iPad용 앱을 활용하면 쉽게 UI를 그리고 스케치한 초안내용을 이미지 형태로 저장 하여 문서를 만들 수 있어서 생각을 구체화하는 초안 작업에 적합하다. 지난 2월호에도 언급했지만 다양한 종류의 스캐치 앱중에서 사용하기 편리한 앱을 활용해 앱 제작의 시작을 할 수 있다.

[Paper App]

Paper는 그리고, 스케치하고, 색칠 할 수 있으며 메모와 콘티, 스토리보드, 로드맵, UI/UX 등 다양하게 활용이 가능하다.

[Paper App 스케치]

Paper 앱을 활용하여 현재개발 중인 가칭 ‘펀헥사’의 UI 초안 화면 중에서 일부이다.

[DukePen 앱]

DukePen은 내 스마트 디바이스에 저장된 사진을 가져와서 기획 작업에 활용할 때 유용한 앱이다. 초안 UI를 만들고 사진을 편집하고 기획의도를 표현 할 때 유용한 앱이다.

[Photoshop Express App]

Photoshop Express 내 스마트 디바이스에 저장된 사진을 가져오거나 즉시 촬영하여 다양한 편집(Crop, Rotate, Flip등) 및 효과(Sketch, Focus, Noise등)로 작업하여이미지를 기획서에 활용하기에 유용한 앱이다.

[Photoshop Express는 다양한 편집 및 효과로 작업할 수 있다.]

- 기획한 아이디어를 표현할 때 스케치 형태로 필요한 사진을 얻고 싶을 때 활용하는 앱이다. 사진을 촬영하여 얻은 이미지 이지만, 스케치 한 것과 같은 효과가 있다. 확보한 이미지를기획한 의도에 따라 표현하거나 디자인 작업에 사용 할 수 있다.

[sketch 형태사진]

[sketch 형태사진2]

④ 파워포인트

파워포인트를 활용하여 PSD, Balsmiq, Paper앱 등으로 제작한 유저인터페이스(사용자 화면)를 취합하여 정리하거나 제안할 때 사용할 수 있다. 간단한 콘셉트 구도 표현에도 유용하다.

[파워포인트]

⑤ 기타

상세설계의 계산식이 필요한 경우, MS 엑셀을 활용하여 데이터를 정리하거나 유용한 도구 등을 찾아서 기획한다.

2) 사진 활용 시각화 작업

생각하고 있는 아이디어의 내용을 바로 그래픽 디자인으로 작업하여 최종 산출물을 만들면 효율적 일 수도 있겠지만 사용자가 이용하게 되는 화면의 구도와 여러 가지 기능을 반영해야 하기 때문에 사진 활용을 통한 시각화 작업으로 UI 구도를 표현 할 수 있다.

① 오래전 서비스한 타사 게임들의 인트로(Intro) 화면이 나오게 된 과정을 유추해보았다.

- 박주영 사진 자료수집 → 시각화작업 → 기획 → 디자인 → 서비스

- 탱크사진 이미지 자료수집 → 시각화 작업 → 기획 → 디자인 → 게임 서비스

- 축구골 이미지 자료수집 → 시각화 작업 → 기획 → 디자인 → 게임서비스

② 2002년 제작한 ‘캐리비언베이’라는 게임은 현장에서 촬영하여 수집한 이미지 자료를 시각화해 보았다. 그래픽 디자이너가 게임의 메뉴 구성과 본게임 화면의 디자인에 적용했다.

③ 엔딩도 시각화 작업을 통하여 디자인 했다.

3) 사용자 화면 샘플

① 예비군 교육훈련 SMS 발송 시스템: 2004년에 동사무소에서 교육 훈련 관련 통지 시스템을 만들기 위한 초안화면 구성이다. 파워포인트로 표현했다.

② 스마트폰에 서비스하기 위한 플라워 앱의 기획단계중에서 Sub UI 설계 과정 중 2개의 초안을 만들고 그 중에 하나의 초안을 선택해서 디자이너가 그래픽 작업을 진행해야 한다.

③ Balsamiq 소프트웨어를 활용한 컨설팅앱 화면구성 샘플이다.

④ 비즈공예품 전문 판매 업체 셀프아트와 협업하여 기획중인 소셜 커머스와 동영상 재생 기능이 핵심기획요소인 [비즈공예 App]이다.