데일리캡쳐 _최고은 조재현 한혜리

39
숙명여대 시각영상디자인과 1315303 조재현 1312808 최고은 1311548 한혜리 당신의일상속모든것을담는, 2015 - Interactive Media Design

Upload: -

Post on 12-Apr-2017

427 views

Category:

Design


0 download

TRANSCRIPT

숙명여대 시각영상디자인과 1315303 조재현 1312808 최고은 1311548 한혜리

당신의 일상 속 모든것을 담는,

2015 -Interactive Media Design

01. Introduction 1) goal & target

02. Research 1) Observation 2) In-depth Interview 3) Field Survey

03. Analysis 1) 2x2 Diagram 2) Needs List 3) Competitive Analysis

04. Storyboard 1) Persona 2) Scenario 3) Task Flow 4) User Journey 5) Wireframe

05. Prototype

06. Feedback

00. Intro1) Inspiration

사용자들이�정보를�공유하고�까먹는�것이�문제라면, 정보를�리마인드�시켜주는�것이�중요하다고�생각했다. 사용자가�원하는�정보를�캡쳐한�후�그�정보를�사용자가원하는�타이밍에�가르쳐�줄�수�있다면�좋지�않을까?

사용자가�캡쳐한�사진에 태그명을�등록하게�하고, 태그한 정보가�충족되면�근처�장소를�지나갈때�다시�그�캡쳐한정보를�볼�수있도록�하였다.

그러기�위해�사물인터넷�기술중, 비콘�기술을�이용, 관련 장소를�지날때�내가�설정한�정보가 자동으로�팝업으로알려주게�하였다. 이렇게�함으로써�사용자들은�자신이선택하여�원하는�때에�필요한�정보를�볼�수�있게�될�것이다. 단순히�맛집이나�사고싶은�물품을�떠나�일상생활에서 편리하게�사용될�것이다.

“필요한�정보 캡쳐한적�있다”

“캡쳐했던�정보를잊어, 사용하지�못한적이

많다”

참여자100%

참여자100%

Target20대 34명대학생 및 사회 초년생2015.10.11

00. Intro1) Questionnaire

약 90% 이상의�사람들이�주로 SNS를�하면서 캡쳐하거나�나만보기로�공유해서�자기가사고�싶은�물건이나�맛집을�메모용으로�저장한다고�한다.

실제로�캡쳐하거나�공유한�경험이 있는�사람들도�다수로�나왔고, 막상�구매해야할 물품을�파는�매장이나�저장해뒀던�맛집을�무의식적으로�지나가는�경우도�다반사라고�한다.

Beacon

iBeacone services 단방향�통신모듈1. 특정한�위치에�설치되어�신호를�발생하는�비콘�센서2. 센서의�신호를�받아�다양한�정보를�제공하는�어플리케이션(App)

01.Technology1) Internet of things

Beacon이란 “신호를�발신하는�장치”라는�의미

반경 50~70m 범위�안에�있는�사용자의�위치를

찾아�메세지�전송, 모바일�결제�등을�가능하게

해주는�스마트폰�근거리통신�기술이다.

이�기술을�이용하면�특정�장소에서�안내서비스,

모바일�쿠폰등을�이용할�수�있게�된다.

01. Introduction1) Goal & Target

GOAL

TARGET How Might We?

SNS를�많이�하는20대�초중반�대학생

정리�기능강화

기억리마인드

정보�공유

정보정리리마인드

평소에�사려고�했던�것이나�가려고했던�곳을�잊지않고�리마인더�시켜주고,카테고리에�맞게�분류

02.Research1) Observation

페이스북�이나 sns를�볼때, 대다수의�사람들이 자신들이�가고싶은�맛집이나, 사야할�물건, 필요한 정보들을�발견하면�캡쳐하거나�공유한다. 캡쳐를 하고�사진첩에�바로�저장되므로�여러가지의 정보들이�섞이게�되다보니�자신이�캡쳐했던 정보를�이용하지�않기고, 사용해보려고�해도 결국엔�방치하게�된다고�했다.

필요한�정보를�다른�사람과�보고싶을�때엔 sns상에서�친구를�태그하여�대화를�나누었다. 그런데 사람들이�그�당시엔�반응을�하고�사진첩에 저장해�두거나�공유해�두지만�시간이�지날수록 기억에서�잊혀져�갔다. 막상�캡쳐해둔�정보가 있는�장소에�가도�까먹거나�후에�생각이�나게 된다고�했다.

02.Research1) Observation

여러�사람들의�사진첩을�관찰해�보니, 자신이�필요한, 혹은�나중에�가고 싶은�정보를�캡쳐해�놓고�사진첩에�자동으로�저장되어�있었다. 또한 자신의�셀카나�다른�사진이�섞여있다보니�기억을�못하게�되기도�하고, 사진첩이�지저분하고�비효율적이라는�생각이�들었다. 또한�자신이�꼭 가고�싶다는�표시를�해놓고�그�장소가�있는�곳에�가도�기억을�못하고 사진첩에�쌓여�있다는�점을�발견하였다.

02.Research2) In-depth Interview

1. sns나�인터넷에서�정보를�캡쳐하거나�공유한적이�있나요?- 네. 굉장히�많은�편이에요. 주로�페이스북으로�개인적으로�공유하거나, 친구들을�태그해�정보를�알리거나�캡쳐해�두어�사진첩에 저장해�둡니다. 하지만�처음에는�기억하더라도�나중에는�캡쳐한�정보를�방치하게�되는�것�같아요.

2. 실제�캡쳐하거나�공유한�정보를�어떻게�보관했나요?- 갤러리에�저장되어�있거나�카카오톡�친구한테�보내요.

3. 실제로�캡쳐한�정보를�사용한적이�있나요? 갔거나�안갔다면�그이유는?- 네�사용한적�있어요. 친구들이랑�맛집�탐방할�때�꼭�갤러리를�먼저봐요.

4. 찾아둔�정보를�어떻게�보관해�두면�좋을지�자유롭게�의견을�내주세요.-갤러리�다른폴더에�넣거나�하면�좋을것�같아요.

박경민 (22세)

관찰결과�알게된�점

SNS를�하면서�많은�것들을�캡쳐하고�저장한다는�것을�알았다. 이�과정에서�사진첩에�많은�사진들이�뒤죽박죽�쌓인다는�것을�알았고, 사용도�못하는�경우가�많다는�것을�알게�되었다.따로�저장해주는�공간이�필요하다는�대답이�있었고, 많은�정보�속에서�정보를�효율적으로�사용하는�방법이�필요하다는�것을깨달았다.

02.Research2) In-depth Interview

김지혜 (24세)

관찰결과�알게된�점

SNS를�하면서�많은�것들을�캡쳐하고�저장한다는�것을�알았다. 따로�저장해주는�공간이�필요하다는�대답이�있었고, 자신이�선택한�정보를�효율적이고�바로바로�알기�쉽게�사용한다면좋을�것�같다는�생각이�들었다.

1. sns나�인터넷에서�정보를�캡쳐하거나�공유한적이�있나요?- 네. 굉장히�많은�편이에요. 네. 옷이나�신발, 음식점, 가방�등등�캡쳐해두거나�공유하기�눌러둔다. 주로�사고�싶은�옷이�보이거나, 가고�싶은�맛집등의�정보를�주로�공유한다.

2. 실제�캡쳐하거나�공유한�정보를�어떻게�보관했나요?- 캡쳐하거나�페이스북에�나만보기로�공유해�둔다.

3. 실제로�캡쳐한�정보를�사용한적이�있나요? 갔거나�안갔다면�그이유는?- 거의�가지�못한다. 막상�쇼핑하러�갈�때는�공유해둔 매장의�위치도�정확히�모르고, 종종�까먹기�때문이다

4. 찾아둔�정보를�어떻게�보관해�두면�좋을지�자유롭게�의견을�내주세요.-포스트잇에�적어두거나�특정�요일에�알람이�뜨게�해둔다.

02.Research2) In-depth Interview

정노영 (25세)

관찰결과�알게된�점

SNS를�하면서�많은�것들을�캡쳐하고�저장한다는�것을�알았다. 또한�이�자신이�선택한�정보들을�공유하고�싶은�사람과�공유하고�사용하면�유용할�것�같다는�생각이�들었다.

1. sns나�인터넷에서�정보를�캡쳐하거나�공유한적이�있나요?- 네. 페이스북에서�주로�캡쳐합니다. 페이스북에서�공유를�하면�시간이�지나고�정보가�사라지기�때문에�공유보다는 따로�캡쳐를�해두는�편입니다.

2. 실제�캡쳐하거나�공유한�정보를�어떻게�보관했나요?- 핸드폰�사진첩�폴더에�저장되어�있습니다.

3. 실제로�캡쳐한�정보를�사용한적이�있나요? 갔거나�안갔다면�그이유는?-네�사용한적�있어요. 여자친구랑�홍대�맛집에�찾아갔을때요. 혹은�캡쳐�해둔것을 까먹어서�사용�못한적도�많습니다. 워낙�많은�정보를�캡쳐해�두다�보니�기억을 못해서요.

4. 찾아둔�정보를�어떻게�보관해�두면�좋을지�자유롭게�의견을�내주세요.-따로�보관해야할�곳이�있어야�할�것�같아요.

02.Research2) In-depth Interview

리마인더

위치정보

캡쳐공유분류

Survey Contents관찰�일시: 일요일�오후2시(2015.10.13)조사�대상: SNS를�하는�대학생들조사�목적: 어떻게�정보를�관리하는지�알아본다.

정보�캡쳐자신이�가고�싶은�맛집을�캡쳐해�놓은�사진이다. 꼭�가야겠다고생각하는�곳이�었어서, 다른�사진들과�섞일까봐�따로�글씨로표현했놓았다.

Summary

02.Research3) Field Survey

Survey Contents관찰�일시: 월요일�오후9시(2015.10.12)조사�대상: SNS를�하는�대학생들조사�목적: 어떻게�정보를�관리하는지�알아본다.

캡쳐한�파일�폴더폴더안에�지금까지�캡쳐해온�모든것이�들어있었고, 정작�캡쳐한 정보가�있는�곳에서도�사용하지�못한�경우가�많다는�것을�알았다.또한�뭐가뭔지�구분이�잘�가지�않는다.

Summary

02.Research3) Field Survey

다른�친구들과�정보공유SNS를�하며�다른�친구들과�정보공유를�하고�싶을�때에는�친구를태그하여, 메세지를�말하는�경우가�많았다. 함께�공유할�경우 시간이�지나면서�사라지기�때문에�불편했고, 다시�정보를�확인하려면 태그했던�것을�찾아�봐야했다.

Summary

02.Research3) Field Survey

Survey Contents관찰�일시: 일요일�오후2시(2015.10.13)조사�대상: SNS를�하는�대학생들조사�목적: 어떻게�정보를�관리하는지�알아본다.

02.Research3) Insignt

SNS많이�접함필요한�정보�캡쳐

유명한�맛집탐방신상품에�관심도가�높음

다양한�관심사유행에�민감

저장한정보기억을�못함너무나�많은�정보어려운�정보�분류

효율적인�정보�분류 제품추천 기억을�상기시켜주는 알림설정

일상 관심사 리마인더

keepingsharing

active

passive

DailyCapture

03.Analysis1) 2 X 2 Diagram

03.Analysis2) Needs List

매장안에�들어가야만�팝업이�뜸

내�위치를�설정하면�제휴매장 제공

위치에�따른�분야별�카테고리 정리

할인, 적립, 내지갑�정보

앞을�지나칠때도�팝업이�뜸

인스타그램�같은�형식

내주변을�클릭하면�자동업로드

위치에�따른�랭킹이나 쿠폰

내가�다녀온�곳을�작성�할�수�있음

팔로워, 찜, 쿠폰,리뷰 SNS 형식

접근성

공유성

길찾기

UI 편리성

컨텐츠�작성

마이페이지

니즈 얍 시럽

YAP

03.Analysis3) Competitive Analysis

Strength

Weakness

깔끔한 UI와 익숙한 UX간편한 기능카테고리 정리사람들의 편의성 고려

장소 제한(매장안에서 가능한 기능)공유기능 없음

SYRUP

03.Analysis3) Competitive Analysis

Strength

Weakness수시로 팝업이 뜸SNS랑 겹치는 기능

카테고리 정리가 잘 되어있음(추천/신규 등등)직접등록 할 수 도 있음익숙한 UI 디자인

04.Storyboard1) Persona

SNS를�자주하는, 발랄한�여대생

Ultimate Goal자기에게�필요한�생필품이나�화장품등을�할인한�가격으로�구입하기

SNS를�열심히�하는�메이크업아티스트과에�학생인 22살�여대생이다. SNS를�하다보면�정말 많은�정보들을�접하게�되는데, 정민이가�가장�관심있는�정보는�화장품�정보이다. 과가 메이크업인�만큼�화장품에�관심이�많다. 또한�여러가지�아티스트들의�추천�제품이나 메이크업�영상을�즐겨본다. 하지만�대학생인�지연은�모든�화장품을�살�여력이�있지�않아, 화장품�세일정보를 유의깊게�보며�캡쳐해�놓는다. 하지만�캡쳐해�놓은�것들이�뒤섞이고,할인기간들을�까먹어�자주�화장품구매를�놓치게�된다.

SpecificationKnowledge

Interest

Activities

이름 | 이지연성별 | 여나이 | 22전공 | 메이크업�아티스트과

Primary Use Goal Influencers Frustration & Painpoint스마트폰 노트북카메라태블릿 PC

메이크업�아티스트되기모든�화장품�써보기저렴하게�화장품�구입하기

편리함접근성디자인

할인기간�까먹음기억이�자주�깜빡깜빡함친구들과�정보�공유

04.Storyboard1) Persona

여자친구와�데이트를�즐기는�대학생

Ultimate Goal여자친구와�원할한�소통

공대에�다니고�있는�김동원씨는�최근�여자친구가�생겼다. 여자친구가�처음생긴�김동원씨는 데이트를�짤때마다�난감하다. 맛있는�음식점에�여자친구를�데려가야�하기�때문이다. 여자친구가 SNS에서�자신을�태그�하며, 맛집을�말해줄때마다�김동원씨는�그�맛집에 데려가야�겠다는�생각이�든다. 하지만�너무�많은�여자친구의�태그에�가끔은�맛집이�있는 장소에�가도�기억이�나질�않아�다른�밥집에�가게�되고�여자친구를�서운하게�한다.

SpecificationKnowledge

Interest

Activities

이름 | 김동원성별 | 남나이 | 22직업 | 대학생

Primary Use Goal Influencers Frustration & Painpoint스마트폰데스크탑�컴퓨터 공학용�계산기

여자친구와의�소통중요한�정보잊지않기

효율성소통�원활편리함

데이트�코스를�짜기�힘든�남자여자친구와�더�가까워지고�싶은�남자

04.Storyboard2) Scenario

여느 대학생들과 같이 활발한 SNS활동을 하고 있는 지연은 SNS에 접속해 게시물들을 읽고있다.지연은 현재, 메이크업 과에 재학중인 여대생 입니다. 그렇기 때문에 화장품과 여러 미용도구에 관심이 많습니다.하지만 대학생인 지연이 화장품에 쓸 수 있는 돈은 한정적이라서, 자신이 가지고 싶은 화장품 할인기간을기다리며 구매를 합니다. 어느날, SNS에서 원하는 화장품을 발견한 지연은, 데일리 캡쳐 앱을 작동시켜‘화장품’ 카테고리에 정보를 저장합니다.

화장품 정보를 캡쳐하며, 이 화장품을 다른 친구에게도 추천해 주고 싶었던 지연은 친구를 태그하여 화장품정보를 공유합니다. 어느날, 친구와 홍대에 간 지연은 여러 맛집을 돌아다니며 즐거운 시간을 보냅니다. 데일리 캡쳐의 기능 중 하나인 지도 기능을 보니 홍대에 여럿 매장이 있다는 것을 확인합니다.돌아다니는 도중, 갑자기 핸드폰에 팝업이 떠 확인 해보니, 얼마전 지연이 사고 싶었던 화장품이근처 아리x움 매장에서 팔고있다는, 데일리 캡쳐의 팝업이었습니다.

팝업을 확인한 지연은 친구와 함께아리x움 매장에 들어가 립스틱을 구매합니다. 후에 집에 돌아온 지연은 데일리캡쳐의 카테고리를 들어가, 화장품 캡쳐 정보를 사용했다는 표시가되어있는 것을 확인하고는 잠이 듭니다.

데일리 캡쳐알림메세지 입니다!

Get!

04.Storyboard2) Scenario

첫 연애를시작한 동원은 남중 남고 공대를 다니는 대학생입니다. 최근 여자친구 생긴 뒤 여자친구에

권유로 SNS를 시작하게 되었습니다. SNS를 통해 여자친구의선호도와 여자친구가 가고 싶어하는 곳도 알 수있죠.

어느날, 여느때와 같이 SNS를 하던 동원은 여자친구가 ‘좋아요’ 를 누른 맛집을 가기로 결심합니다.

데일리 캡쳐 앱으로 캡쳐를 한 후 태그명을 설정하여 카테고리에 저장해 놉니다. 그리고 몇주일 후

대학로로 데이트를 동원은 핸드폰 알람이 울려 확인해 보니, 데일리 캡쳐의 팝업이 도착해 있습니다.

주변에 , 동원씨가 여자친구의 ‘좋아요’를 보고 캡쳐해놓았던 가게가 대학로 주변에 위치에 있다는 알람 이었습니다.

팝업을 확인하여 여자친구와 함께 맛집을 찾아 갑니다.

자신의 ‘좋아요’ 표시를 보고 동원이 이 가게에 데리고 왔다는 것을 안 여자친구는 동원에게 감동을 먹습니다.

동원에게 고마워 하는 여자친구를 보며 동원은 데일리 캡쳐에 저장해놓은 여자친구의 ‘좋아요’ 캡쳐를

앞으로 하나하나 함께 해주어야 겠다고 생각합니다.

데일리 캡쳐알림메세지 입니다!

‘화장품, 맛집에 관해 캡쳐했던다 구분되어져 있네’

04.Storyboard3) Task Flow

Goal 캡쳐한 정보를 편리하고 효율적으로 관리하여 사용하기

‘아 여기 되게 좋은 정보가 있네? 친구들이랑공유해서 이 혜택을 알려주어야 겠다.’

‘아 맞다 여기서 립스틱할인제품 사면 되겠다’

이름 | 이정민성별 | 여나이 | 22전공 | 메이크업 전공

“내가 필요해서 캡쳐했던 정보들을까먹지 않고, 유용하게 사용하고 싶어요.”

정보 관리

카테고리 분류 위치 정보 팝업알림 나가기

공유하기

캡쳐 시작 캡쳐 태깅하기 메인

04.Storyboard4) User Journey

앱�실행 자동�로그인 메인�페이지

카테고리

위치�정보

내�정보

계정�관리

알림�설정

설정

카메라캡쳐

지도�맵

검색

주변�정보�뜨기

도착지�검색

편집

태그

유사제품�추천

친구태그

정보�삭제

로그아웃

팝업�알림 완료�표시

04.Storyboard4) User Journey

Goal 캡쳐�후�태깅

Goal 위치�설정

디데이�아이콘�클릭 날짜선택

설정�아이콘�클릭

Goal 공유하기

톡방�들어가기 오른쪽�상단�북마크�아이콘�클릭

북마크된�부분으로�스크롤�됨

중요한�내용�메시지�옴

중요한�내용�다시�보기�위해�북마크�클릭

캡쳐�아이콘�클릭

설정�아이콘�클릭 스크랩�아이콘�클릭 파일�보기

확장자, 보낸사람명으로�파일을�정렬�가능 원하는�파일�보기 파일을�왼쪽으로�밀면�삭제�됨

톡방�들어가기

톡방�들어가기

04.Storyboard4) Wire Frame

위치정보 폴더정리 및공유캡쳐 알람 팝업카메라 캡쳐 캡쳐 후 태깅

Dailycapture

05.Prototype앱�실행 - 스플래시�이미지

Daliy Capture

‘ 일상속의�모든�것을담다 ’

캡쳐한�이미지를�단순화�시켜�형태를�만들어 보았고�데일리캡쳐의�첫�글자인 D를 대표적으로�사용하였다.

05.Prototype스플래시 - 메인화면

폴더별로�내가�캡쳐한�이미지들을�분류할�수 있음

이미지가�쌓이다�보면�정리하기�힘든데 알아보기�편리하게 정리할�수�있음

오른쪽�데일리�캡쳐�아이콘을�클릭자신이�원하는�정보를�캡쳐할�수�있음

카메라�캡쳐, 검색, 갤러리�설정�등의�기능으로바로가기�할�수�있음

05.Prototype메인�메뉴 - 스크랩�방

sns를�보다가�원하는�정보를�담은�내용이나 사진을�캡쳐�할�수도있고, 실제로�카메라를 사용해서�찍을�수도 있음

05.Prototype캡쳐, 카메라

05.Prototype스캔�및�태그하기

사진을�캡쳐�하고�난�후 내가�원하는�대로 사이즈를�조절한다

사진에�태그명을�붙이고�친구들을�태그함

ex) 에스쁘아�세일중 - 에스쁘아가�세일중일 때�에스쁘아�매장을�지나가면�캡쳐한�사진이 팝업으로�뜬다ex) 홍대입구역 - 홍대입구역에 내가�가면 캡쳐한�사진이�팝업으로�뜬다

05.Prototype사진첩

05.Prototype사진첩

05.Prototype지도 - 검색 - 관련이미지�목록 - 팝업

지도에�내가�오늘�갈�목적지를�입력하면�내가 입력한�태그명과�맞는�사진들의�위치가�찍힘

관련�사진목록을�볼�수�있고�거리순�정확도 순으로�볼�수있어서�편리함

What ’s good about it

효율성 - 캡쳐를�하고�저장하는�과정이�간단�했으면�좋을듯.

부가적인�기능을�많이�추가하지�않고�본�기능에�더�충실하는게�좋을듯.

공유�기능 - 정보를�나누고�싶은�사람과�나눈�후�보관하는�점이�좋다.

태깅 - 태그를�하여�후에�팝업이�뜨는�점이�매우�좋은�것�같다.

06.Feedback

Interactive Media Design 조재현�최고은�한혜리

Team

Talk