Interface Design

최종 발표

김한솜�김윤성�김나영

DO-IT

System Concept Statement

웨어러블�기기와�연동하여손쉽게�보고�따라하고�게시하는핸드메이드�동영상모바일�어플리케이션

성장하는�웨어러블�디바이스�시장

성장하는�웨어러블�디바이스�시장

구매�의지도�낮음

사용자�인지도�낮음

기술적인�발전은�이루어지고�있고

얼리어답터�혹은�전문가�측면서는

엄청난�잠재력을�가진�시장이지만

정작�소비자들은�공감하지�못하는�상황

성장하는 모바일�동영상�시장

모바일�동영상

웨어러블�기기

활용성�있는�서비스

웨어러블�기기에�대한�접근성

+

Interview & Modeling

요리강사비즈공예자핀터레스트�사용자

생산자생산자 - 소비자

플랫폼

Question Answer Coding취미 활동을 하는 이유는 무엇입니까? - 뿌듯하다

- 과정 자체가 즐겁고, 그것을 다른 사람들에게 알려 주는 것에 보람을 느낌

생산자와 소비자 모두의 입장자기 만족, 재능 공유에 대한 보람과 자랑

활동에 대한 강좌나 팁 등을 어디서 얻는편입니까?

- 유투브 동영상 강의, - 책- TV 프로그램- 인터넷 검색(블로그, 까페)

소비자 입장동영상 콘텐츠의 현황 파악 가능인터넷 검색이 대부분

취미 활동을 하면서 불편했던 점은 무엇인가요?

- 인터넷은 사진이 많아서 디테일한 과정을 참고하기 어렵- 책을 볼 때 재료의 단위나 작업 순서를 잘못 보기 쉬움- 도안이 흐릿한 경우- 보고 외운 후 나중에 활동을 해야 해서 방법을 잊어버림

소비자 입장- 실시간으로 강좌와 활동을 동시에 할 수 없는 것으로부터 나오는 어려움

동영상 강좌에 적합한 컨텐츠는 무엇이라고 생각합니까?

- 과정이 필요한 전자 제품 다루기, 조립하기- 요리- 포토샵과 일러스트 등의 그래픽 프로그램

소비자와 생산자 모두의 입장동영상 컨텐츠에 알맞은 소재 파악

웨어러블 기기로 DIY 강좌 동영상을 시청하는 어플리케이션을 어떻게 생각하시나요?

- 자세한 클로즈업 필수- 생산자의 매직포인트가 부족- 화질이 리턴 요소를 당락

소비자 입장기획할 어플리케이션의 유용성에 대한 인식 조사

Question Answer Coding강좌를 올려보신 적이 있습니까?, 있다면그 이유가 무엇입니까

- 자신의 블로그에 강좌와 사진을 올림 생산자 입장매직포인트와 리턴 요소

음성인식 기능을 사용해보신 적이 있으십니까?

- 손이 자유로워져서 편할 것 같지만. 인식을 잘못 해서 오류가 생긴다면 더 번거로워질 것 같다- 시각적인 피드백이 없다면 동영상 진행 상황을 알 수 없기때문에 해당 요소가 포함되어야 함- 음성인식이 언어를 빠르게 인식할까에 대한 불신

소비자 입장음성인식 기술에 관한 인식 부정적 파악

강좌 제작자와의 의사소통은 어떻게 하는편입니까?

- 게시물을 올린 곳에서 댓글로 질문과 답변- 쪽지 보내기- 이메일 보내기

생산자 소비자 모두의 입장- 댓글로 문의하는 경우가 대다수

웨어러블 디바이스를 사용한적이 있으십니까?

- 집에 있지만 거의 사용하지 않음- 쓸데가 없음- 불편할 것 같고 현재는 관심이 없다- 시계 정도의 용도로만 사용

소비자의 입장현재 웨어러블 기기의 호감도와현황 파악

웨어러블 워치를 착용하고 작업하는 것에대해 어떻게 생각하십니까?

- 화면이 작아 인식하기 어려울 것 같다. - 화질이 중요할 것 같다. 그런데 만약 자세히 잘 보인다면, 비즈 공예는 사진으로 이를 자세히 설명하기 무리가 있는데동영상으로 이를 알려준다면 아주 유용할 것 같다- 스케일이 큰 작업시에 웨어러블 워치가 망가지지 않게 조심 해야할 듯

웨어러블을 착용하고 활동하는것에 대한 생각

생산자

이미�동영상�플랫폼은�많음딱히�이�서비스를�이용할�이유가�없으면�굳이�사용하지�않을�것

소비자자기만족+재능공유

동영상�콘텐츠에�대한�니즈주로�댓글로�소통

매직포인트와�리턴요소

웨어러블�기기에�대한�호감도가�전무화질�및�클로즈업�등�실질적인�유용성에�의문

웨어러블�기기만으로�승부하는�것은�현실적으로�아직�힘들다

모바일을�벗어난 확장성 + 새로운�경험 + 편리함

Persona생산자

(Primary Persona)소비자

(Secondary Persona)

동영상을�즐겨�시청/게시

간편하지만�유용한�기능

사용�습관은�이전의�형식에서크게�벗어나지�않길�원함

동영상을�즐겨�시청/게시

편리하고, 조작이�간편하면서원하는�카테고리�설정이�가능한�플랫폼

자신만의�종류별�아카이브�관리

시간이�흘러도�보관이�가능한�동영상하지만�저장�공간을�차지하고�싶지는�않음

자신의�게시물을�관리하길�원함(자신의�게시물에�관한�데이터�포함)

생산자(Primary Persona)

- 34살�기혼�여성- 영등포에서�남편, 아들과�함께�거주- 현재�임신중

- 태교로�뜨개질에�관심이�있음- 블로그를�운영�중. 소통을�즐겨함.

- 비즈공예에�관심이�많아서�활발하게�창작활동을�함- 관련�동영상을�찾아서�보고, 자신의�결과물을�자주�공유함

- 모바일�환경에�익숙함- 웨어러블�와치를�소유하고�있지만�잘�사용하지�않음

- 딱히�동영상을�전문적으로�편집할�수�없어서, 대충�마무리하는�것이�불만족스러움- 웨어러블�와치의�유용성이�너무�떨어진다고�생각함- 모바일�환경은�자신의�게시물을�다른�사람들이�활용하기에�제약이�있다고�생각함

- 조금�더�체계적인�동영상�플랫폼을�원함- 자신의�결과물에�대해서�적절한�피드백과�관리를�원함 데이터를�정리하고�나열하고�싶어함- 지나치게�다른�형식은�원하지�않음

DEMOGRAPHIC

INTERACTION

SKILL&CAPACITY

ENVIRONMENT

FRUSTRATION

FEELINGS/ATTITUDE

생산자(Primary Persona)

이진선그녀는�요즘�뜨개질에�관심이�많다. 요즘, 그녀는�밖에�나가는�것을�최대한�자제하고�집에서�생활하고�있다. 아기가�태어난지얼마�되지�않은�것도�있고, 또�둘째를�임신�중이기�때문이다. 집에서�아이가�잘�때, 그녀는�낮잠�말고도�어떤�태교를�할까고민하다가�뜨개질에�관심을�가지게�되었다. 어느�정도�비즈�공예로�다져진�손재주도�있고�아이가�태어났을�때�첫�째�아이랑커플�모자를�만들어�입히고�싶기�때문이었다.그러나�뜨개질은�처음�도전해보는�거라서�매우�애를�먹고�있다. 먼저�컴퓨터�인터넷으로�영상을�본�뒤�다시�자리에�앉아뜨개질이나�바느질을�시작할라�치면�기억이�나지�않고�혼자�하기�너무�불편하고�어렵다. 바느질�공방에�가고�싶지만�아이가20개월이라�꿈도�못�꾸는�상황이다. 특히�뜨개질은�방법�매우�많아서�천천히�따라해야�하는데�동영상은�너무�빠르고�왔다갔다하기가�불편하다. 쉽게�동영상을�멈출�수�있어서�만드는�흐름이�동영상을�멈추려고�재료를�놓을�때�깨지지�않았으면�좋겠다.뜨개질에�대해서�누군가가�가르쳐주었으면�좋겠다.

소비자(Secondary Persona)

- 23살�미혼�여성 / 남자친구�있음- 연세대학교�서문에서�자취�중- 연세대학교�생활디자인학과�재학�중

- 요리에�관심이�많음- 페이스북�등 SNS를�활발하게�하는�편임

- 취미로�요리를�즐겨�함- 관련�동영상을�찾아서�보지만�게시하지는�않고, 주로�동영상을�따라하는�것을�즐김

- 모바일�환경에�익숙함- 웨어러블�와치를�소유하고�있지만�잘�사용하지�않음

- 비싸게�주고�산�웨어러블�와치가�예쁜�쓰레기로�불려져서�기분이�좋지�않음- 동영상을�보면서�요리를�하기�불편해서�중간중간�화가�남- 동영상을�일회성으로만�보고�저장하기�불편해서�나중에는�다시�검색해야�함

- 동영상을�저장하고�싶어함. 하지만�용량을�차지하는�것은�거부- 종류별�카테고리를�나눠서�정확한�정보를�담은�동영상�시청을�원함- 조작이�간편하면서도�실용적으로�개인화할�수�있는�공간을�원함

DEMOGRAPHIC

INTERACTION

SKILL&CAPACITY

ENVIRONMENT

FRUSTRATION

FEELINGS/ATTITUDE

소비자(Secondary Persona)

23살인�대학생�이아정�씨는�요새�한창�유행하는�먹방�쿡방에�빠져있다. 연세대학교�생활디자인학과에�재학�중이면서�가까운서문에서�자취를�하고�있는�이아정씨에게�방에�혼자�있는�시간이�또래�친구들에�비해�많기�때문이다. 그러한�시간�중에�먹방쿡방을�모바일로�자주�시청하는�이아정씨는�요리에�관심이�많아지면서�스스로�요리를�즐겨하기�시작했다.방송이�유행하자�방송�위주의�메뉴와�음식들을�만들게�되었는데, 그�외에도�어떤�요리들을�할�수�있는지, 어떤�재료가�필요한지궁금해졌지만, 생각보다�알맞은�정보를�찾아내기가�쉽지�않다.열심히�검색해서�찾아낸�동영상도�요리르�하다보면�어느샌가�손에�잡고�있지�못해�식탁에�두고�왔다갔다�하며�요리하느라 정신이�없고, 중간에�카톡이�와서�잠깐�다른�일을�하다보면�찾아냈던�동영상을�놓치는�경우도�많아서�애를�먹고�있다.아무래도�동영상을�자주�보고�따라하게�되면서�부터는�어딘가에�저장을�해서�자주�두고�보고�싶다는�생각도�든다. 그렇다고�해서또�노트북에서�번거롭게�다운로드를�받고�싶지는�않다. 귀찮지도�하지만�결국�노트북�용량만�차지하게�될�것�같기�때문이다오늘도�요리를하다 성격이�나빠진�아정씨는�조금�더�편리한�서비스가�충분히�존재할�것이라고�생각한다.

이아정

Defining Requirement

- 검색창 - 아카이브�속�클립한�동영상�목록 - 동영상�컨텐츠 - 추천수�및�조회수- 하트 - 댓글 - 제작자�및�등록�날짜

Source _ 시나리오 1. 제빵�동영상을�보며�따라하는�아정

DATA MOBILE

WEARABLE

MOBILE

MOBILE

WEARABLE

WEARABLE

FUNCTIONAL

PRODUCTQUALITY

CONSTRAINTS

- 내�아카이브 - 동영상�컨텐츠 - 알림창

- 설정된�선호 카테고리�기반�추천�목록과�팔로잉�게시물이 등록순과�추천순으로�실시간�제공- 직접�키워드를�입력하여�검색�가능- 동영상�재생�기능- 댓글을�남겨�생산자와�소통할�수�있는�기능- 스크랩해서�자신의�아카이브에�저장�할�수�있는�기능- 알람�팝업�기능 - 마이�페이지에서�환경�설정 - 동영상�생산자를�팔로잉�할�수�있는�기능

- 동영상�재생�기능 - 제스쳐를�통해�음성인식�기능을�준비시키는�기능- 음성인식�기능(재생/일시정지/ 앞으로�감기/ 뒤로�감기) - 알람�팝업�기능

- 동영상�배열�방식의�다양성(신규등록순/ 인기순)- 세분화�되어있는�카테고리- 자신의�관심사를�바로�찾고자�할�때�이용할�수�있는�키워드�검색- 200만화소�이상의�화질- 웨어러블�디바이스에�적합하고�간단한 UI- 스와이프/ 음성, 제스쳐�인식의�정확성

음성인식이나 제스쳐의�오류

- 게시자�동영상�아카이브- 동영상�업로드�항목 - 동영상에�관한�개인적인�설명�란 - 간단한�편집기- 마이페이지의�내�동영상�현황`

Source _ 시나리오 2. 비즈�공예�동영상을�올리는�진선

DATA

MOBILE

MOBILE

WEARABLE

FUNCTIONAL

PRODUCTQUALITY

CONSTRAINTS

- 동영상�업로드�기능 - 갤러리에서�동영상�불러오기�기능- 동영상을�자르고�붙이는�기능 - 동영상에�중요�표시�스티커를�붙이는�기능- 동영상을�줌�인&아웃�할�수�있는�기능- 마이�페이지에서�내�동영상에�관한�데이터�베이스�구축�기능- 동영상에�남기는�댓글�알림�기능

- 동영상에�남기는�댓글�알림�기능

- 간단하고�한�눈에�보기�쉬운 편집�툴- 강조하고�하는�부분에�붙일�수�있는�별/ 동그라미�모양�아기자기한�스티커�메타포

- 편집�후�업로드�하였을�때의�화질�저하

생산자

소비자

소비자

- 관심이�있는�카테고리 - 마이페이지�내�내�동영상�현황�창 - 하트/팔로잉�목록

Source _ Mental Model

DATA

FUNCTIONAL

PRODUCTQUALITY

- 손으로�무언가를�만드는�것을�좋아함 - 동영상�편집에�대한�이해- 다른�사람에게�비법을�알려주려는�의지�혹은�다른�사람에게�무언가를�배우고자�하는�의지- 무언가를�따라�만들�때�사진보다는�동영상을�참고하는�것을�선호

- 원하는�사람이면�누구나�쉽게�접근가능한�동영상�편집�플랫폼- 동영상�시청에�최적화된�웨어러블�기기의�인터페이스 - 간편한�클립�가능

Source _ GoalsFUNCTIONAL

PRODUCTQUALITY

- 나의�비법을�남에게�공유하고자�하는�의지가�잇음- 손쉬운�동영상�편집- 손으로�만드는�무언가를�결과물로�완성하길�원함- 손으로�무언가를�하고�있을�때에도�불편 없이�간편하게�동영상을�제어 - 마음에�드는�동영상을�용량�걱정�없이�한�곳에�모아�두고�봄- 관심�있는�분야의�동영상을�손쉽게�찾아�봄- 동영상�생산자에게�직접적으로�궁금한�것을�물어보고�싶음

- 처음�동영상�생산자를�위한�매직포인트(동영상을�생산하게�하는�동기�부여)

- 웨어러블과 PC 모두�사용가능 - 개인의�스크랩용�보드와�동영상�게시용�보드의�분리- 핸드폰에�용량과�관련�없는�클립�동영상

Source _ Envionment

FUNCTIONAL

PRODUCTQUALITY

CONSTRAINTS

- 안드로이드/ IOS 모두�사용가능- 동영상의�끊김�없는�재생�환경

- 웨어러블�기기의�화질 - 웨어러블�기기의�촬영�각도 - 네트워크�환경- 웨어러블�워치의�소리를�들을�수�있는�환경�조성

- 누구나�동영상을�쉽게�편집�할�수�있어야�함- 누구나�쉽게�따라할�수�있는�제스쳐로�웨어러블이�인식해야함 - 빠르게�원하는�동영상을�찾을�수�있어야�함

Source _ Skills and Ability

FUNCTIONAL

CONSTRAINTS - 스마트�기기의�사용에�어려움을�겪는�사용자를�위한�기능

Concept Scenario

Action Persona Scenario

동영상 검색하고 클립하기

동영상을 생산하기도 하면서 소비하는 사람(Primary)

게시한 동영상 아카이브와 클립한 동영상 아카이브 두 개의 아카이브 중 원하는 곳으로 들어간다.

동영상을 소비만 하는 사람(Primary) 클립한 동영상으로 들어가 자신이 클립한 동영상을 시청한다.

동영상을 생산만 하는 사람(Secondary) 제시한 동영상으로 들어가 자신이 올린 동영상을 확인한다.

동영상 따라하기 동영상 전체의 과정을 시청하고자 하는 사람(Primary)

음성인식으로 작동하여 재생과 정지를 반복함

앞 부분만 자세히 보고자 하는 사람(Secondary)

줌 인 기능 음성인식으로 작동시켜 원하는 부분을 반복 재생한다.

동영상 편집해서 게시하기

동영상 편집 툴을 사용할 줄 모르지만 차근차근 편집을 하길 원하는 사람(Primary)

줌 인과 스티커, 자르기 기능을 이용하여 차근차근 편집을한다.

동영상을 편집하지 않고 그대로 올리고자하는 사람(Secondary)

갤러리에서 동영상만 불러오고 바로 게시한다.

동영상 피드백 하기 질문을 남기고자 하는 소비자(Primary) 댓글란에 댓글을 남긴다.

답변을 올리고자 하는 생산자(Secondary) 위치로 알람이 오고 모바일 폰을 확인해서 답변을 한다.

질문할 것은 없고 잘 봤다는 흔적을 남기고싶은 소비자(Secondary)

좋아요를 누른다

특정 생산자의 다른 여러 동영상을 보고 싶은 소비자(Secondary)

팔로잉 버튼을 눌러 다음 생산자의 동영상을 받아본다.

Experience Attribute

편리하게이용하는

편리하게�이용하는

생산자생산자 소비자소비자적극적

적극적

기능적 편리하게�이용하는

편리한이동성제스쳐

음성인식자유도�높은

실시간

호환가능한

웨어러블개선된

동영상

댓글모션

촬영가능한

편집�가능한

팔로잉

확장된 스마트

컬러풀한카테고리

공유하는유기적인

가벼운�내용

만드는쓸모없던

자기만족

한눈에

따라하는

새로운

어디서나 주체적인언제나

취미생활시청각적인

가벼운 UI즐거운

남녀노소의

저장검색

클립

간단한

캡쳐

손

가벼운�기술

생산자 소비자

컨셉 적극적

Journey Map

생산자 소비자동영상을�촬영�및�편집하여

업로드하는�사람마음에�드는�동영상을�클립하고

동영상을�시청하면서손으로�공예품을�만드는�사람

선호�카테고리 팔로잉 검색

내�아카이브로�동영상�이동

동영상�클립 소비자 소비자

질문사항피드백&

답변

웨어러블�와치착용 + 조작(소비)

동영상�촬영 동영상�게시동영상�편집생산자생산자

DAY TIME EVENING NIGHT(준비�기간) (활동�기간) (소통�기간)

USE CASE 1 동영상�따라하기Main Scenario1. 유저는�웨어러블�와치를�착용한다.2. 두잇�어플리케이션을�켠다.3. 내�아카이브로�가서�클립되어있는�동영상을�클릭하여�시청한다.4. 책상을�두�번�두드리는�제스쳐를�사용하여�음성인식을�켠다.5. ‘정지’라는�음성인식을�통해�동영상을�잠시�멈춘다.6. 멈춘�부분까지�내용을�그대로�따라해본다.

Extensions3-1. 모바일로�이미�동영상을�본�후�웨어러블�와치를�착용한�경우 3-1-1. 동영상을�클릭하여�시청한다. 3-1-2. ‘뒤로’라는�음성인식으로�처음부터�다시�시청한다. 3-1-3. 보고난�다음�부분부터�바로�이어서�시청한다.

5-1. 작동하지�않는�음성인식이나�제스쳐�인식 5-1-1. 와치의�버튼을�직접�클릭한다. 5-1-2. 와치의�첫�화면으로�돌아가�동기화를�다시�진행해본다.

USE CASE 2 동영상�게시하기Main Scenario1. 유저는�스마트폰으로�꺼내�두잇�어플리케이션을�켠다.2. 첫�화면에서�오른쪽으로�스와이프�하여�내�아카이브에�들어간다.3. 동영상�게시하기를�클릭한다.4. 모바일�앨범으로�연동된�갤러리에서�영상을�골라�업로드한다.5. 자르기�줌인�스티커�효과를�이용하여�편집한다.6. 부가�설정�이후�게시한다.

Extensions3-1. 편집하지�않고�올리기 3-1-1. 바로�게시하기를�누른다.

USE CASE 1 동영상�따라하기

동영상�시청하기

동영상�따라하기

동영상�클립하기

추천목록

선호�카테고리팔로잉

소비자검색

제스쳐�인식음성�인식

모바일로�먼저�본�경우작동하지�않는�인식�기능

동영상�게시하기

동영상�불러오기

동영상�편집하기

USE CASE 2 동영상�게시하기

자르기줌�인/ 아웃

효과스티커

모바일�갤러리

바로�게시하기

생산자

Information ArchitectureMobile Site Map

Information ArchitectureWearable Site Map

INFORMATION ARCHITECTURETASK FLOW – CONSUMER 따라하기

INFORMATION ARCHITECTURETASK FLOW – PRODUCER 게시하기

MOBILE UI MAP

Wearable UI MAP

개별 동영상 제목

Do-it

댓글 입력

작성자 날짜선호 카테고리기반

추천 동영상 목록

Do-it

팔로잉기반Do-It

아이디

비밀번호

시작하기

로그인�한다

첫�화면에�팔로잉�기반�추천�목록이�뜬다.팔로우�하는�사람들�중�알씨�카

만드는�목록이�나올�때까지�스크롤한다.찾던�동영상이�나와�선택한다.

나에게�맞는�영상인지�앞에 1 분�정도�구경한다.

선호 카테고리기반

추천 동영상 목록

Do-it

팔로잉기반

동영상 검색하기

Do-it

개별 동영상 제목

Do-it

댓글 입력

동영상 설명

작성자 날짜

원하는�동영상이�맞아서�클립한다. 일단�다른�동영상을�더�보고싶어서검색하러�가기�위해�첫�화면으로�간다.

검색하기�화면으로�스와이프�한다.

동영상 검색하기

Do-it

개별 동영상 제목

Do-it

댓글 입력

동영상 설명

작성자 날짜

알씨카를�검색하자�결과목록이�뜬다. 다시�확인해보고�몇�개�더�클립한다. 이제�웨어러블을�착용해서동기화�버튼은�누른다.

첫�화면이�뜬다 스와이프해서�아카이브로�이동 바로�재생한다.

앨범(유저 모바일)

Do-it

동영상 게시하기

Do-it

Do-It아이디

비밀번호

시작하기

로그인�한다쭉�스와이프해서

게시하기�페이지로�간다가운데�버튼을�눌러�갤러리로�연동한다

갤러리에서�원하는�동영상을�선택한다

동영상 편집하기

Do-it

동영상 편집하기

Do-it

편집하기게시하기

동영상 게시하기

Do-it

편집하기를�누른다 하단의�아이콘을�클릭하여�편집한다.

개별 동영상 제목

Do-it

댓글 입력

작성자 날짜

동영상 게시하기

Do-it

동영상 설명 입력

이름

카테고리

동영상 게시하기

Do-it

동영상 설명 입력

설명을�입력한다 하단의�아이콘을�클릭하여�편집한다. 게시�완료하였다.

Prioritization List

Requirement Description Business

Importance

User

Importance

Technical

Feasibility

Resource

Feasibility

모바일에서

동영상 재생

모바일 환경에서 동영상을 재생하고 재생중인 동영상을 연동시킨다. H M L L

웨어러블에서 동영상 재생 모바일 뿐 아니라 웨어러블 워치에서도 동영상 재생이 가능하게 한다. H H M L

음성 인식으로 동영상 제어 웨어러블에서 음성 인식 기능을 이용하여 동영상 재생 방식을 조작한다. M M M H

동영상 정렬 추천, 클립, 검색한 동영상을 조회순, 추천순 등으로 정렬하여 보여준다. M H L M

동영상 검색 사용자가 원하는 동영상의 키워드를 검색하여 원하는 동영상을 찾아볼 수 있게 한다. L H L M

동영상 클립 사용자가 좋아하는 또는 다시 보고 싶은 동영상을 클립하여 나의 아카이브에 저장한다. L M L L

동영상 편집 원본 동영상에서 필요 없는 부분을 자르고 중요한 부분을 중인 혹은 줌 아웃한다. M H M H

Thank You