SlideShare a Scribd company logo
인터렉티브 미디어 디자인
김다혜 배유정 선가은 한나영
Contents
리서치
아이디어 도출
페르소나
시나리오
Task Models
User Journey
와이어프레임 및
프로토타입입
Persona
Persona
Scenario
3
이지은(23)은 집 가는 길 버스(23:00)에서
SNS를 통해 경찰 신고 어플이 출시된 것을
알게 되었다. 평소 범죄에 대한 의심이 많고
자취생이라 항상 불안했던 지은은 이 어플을
설치하게 되었다.
1
처음 어플을 실행할 때 자주 가는 곳의 주소,
자신의 연락처, 보호자의 연락처 등을
입력하고 위치 서비스와 정보 제공에 동의를
한다. 이 후 어플의 사용법에 대한
시뮬레이션과 실제 사용법을 시뮬레이션할 수
있다. 자신이 사용 할 음성 인식 단어를
설정하게 된다. 이 때 가이드라인을 제시하고
인공지능이 적절성을 퍼센트로 표시해 준다.
이 과정에서 다른 사용자의 정보도 모아서
자료를 보충해 간다.
2
버스에서 내린 지은은 집에 가기 전에 평소
자주 가는 효창공원으로 산책을 간다.
효창공원은 저녁에 농구를 하는 곳에는 사람이
많을 때도 있지만 산책로는 다소 불빛도
어둡고 인적이 드물다. 또한 수풀이 우거지고
길이 여러 갈래로 나뉘는 곳이 있다.
수풀 속에서 고양이가 갑자기 뛰어나와 지은은
깜짝 놀라게 된다. 지은의 심박수를 인지한
어플이 자동 실행된다. 이 때 심박수가
인지되지 않을 때에는 이 기능이 비밀번호를
입력하는 화면 하단에 위치해서 사용자가
비밀번호를 입력하지 않더라도 사용할 수 있게
된다. 페이크콜이 시작됨과 동시에 녹음
기능이 실행된다. 녹음은 7일간 저장되며
녹음파일은 동시에 인터넷으로 공유되어
경찰이 조회할 수 있다. 이에 대한 동의도
어플을 실행 시에 받는다.
4
Secenario
7
이후 페이크콜이 세이프 네비 사용여부에 관해
물어 지은은 세이프 네비 기능을 실행한다.
이후 어플이 자동으로 GPS를 실행한다. 이
기능은 여성 안심 귀갓길, 유동 인구가 많은
곳, 24시간 운영하는 상가의 정보를 토대로
길을 추천해준다. 또한 동시에 어플에서
사용자의 위치정보를 수집하여 어느 곳에서
많이 사용이 되는 지와 사용자들이 많이
다니는 길 정보를 수집한다.
5
지은은 세이프 네비를 따라가다 집에 들어
가기 전에 꼭 지나야만 하는 외진 길에
들어선다. 걸음을 빨리 걷는다. 그 때 낯선
사람이 뒤에서 지은을 끌어 안는다.
6
지은은 아까 설정해둔 단어로 경찰 신고를
한다. 어플은 음성 인식을 통해 신고를 경찰에
접수한다. 이 기능은 어플을 실행시키지
않더라도 설정해 둔 단어 얘기하면 자동으로
실행되며 신고를 접수한다. 이 과정까지
30초가 걸리며 사용자는 설정해둔 비밀번호를
이용하여 30초내에 신고를 취소할 수 있다.
취소 버튼만 30초 이내에 누르면 비밀번호를
풀 수 있는 시간 10초가 주어진다.
이 때 아까 실행해둔 GPS정보가 함께
전송된다. 마찬가지로 어플이 실행되어 있지
않았을 때 설정해둔 음성단어가 나오면 어플이
켜지면서 신고가 접수됨과 동시에 GPS가
자동으로 켜지며 위치값을 함께 보낸다. 이 때
연결된 와이파이 값이 있다면 이 값도 함께
전송된다. 또한 설정해둔 보호자의 번호로
신고가 접수됨을 알린다.
8
Secenario
11
또한 카메라가 실행되어 후면과 전면 카메라가
동시에 사진을 찍는다. 지은은 범인이 뒤에서
덮친 경우였기 때문에 전면 카메라에 범인의
얼굴이 찍힌다. 또한 화면에 사이렌 버튼이
떠서 사용자가 임의로 사이렌을 킬 수 있다.
이 후 어플을 제외한 다른 모든 것을 비상
절전모드로 전환해 배터리 소모를 최대한
줄인다.
9 10
범인은 경찰에 구속되고 지은은 범죄상황에서
무사히 벗어난다. 또한 녹음과 사진을 통해
범인의 범죄사실을 입증할 수 있었다.
지은의 위치값과 신고가 접수된다. 신고는
가장 가까운 경찰서로 배당되며 경찰이
출동한다.
Secenario
Task
Models
Task Models
User
Journey
범죄예방과 빠른 신고
1. 사용자 여정 ‘설치 & 튜토리얼’
UserJourney
GOAL
범죄예방과 빠른 신고
2. 사용자 여정 ‘실제상황’
UserJourney
GOAL
앱실행
신고
위치전송
지인에게
문자
증거사진
비상
절전모드
수동실행
Fake Call녹음
Safe Map
실행
녹음 &
GPS 실행
HOME
HOME
감정인지
앱실행
음성인식
신고앱실행
Safe NAVI
사용
30초 내
취소기능
범죄예방과 빠른 신고
2. 사용자 여정 ‘실제상황’
UserJourney
UserJourney
범죄예방과 빠른 신고
2. 사용자 여정 ‘실제상황’
앱실행
신고
위치전송
지인에게
문자
증거사진
비상
절전모드
녹음 &
GPS 실행
HOME
음성인식
신고앱실행
30초 내
취소기능
Wireframe
&Prototype
YES
NO
당신이 이 어플을 사용하지
않았으면 좋겠습니다.
긴급 신고긴급 신고 페이크콜
세이프 네비 교육 & 홍보
녹음 카메라
피해자 보호 알림이
회원가입 로그인 교육 영상음성인식 신고 단어 설정 Home
로그인 &
시뮬레이션
Wireframe_1차
항상
어플 실행
Wireframe_1차
NOYES YES
NO
YES
NO
당신이 이 어플을 사용하지
않았으면 좋겠습니다.
긴급 신고긴급 신고 페이크콜
세이프 네비 교육 & 홍보
녹음 카메라
피해자 보호 알림이
Home
긴급 신고
My Information 감정인지 페이크콜 신고 접수 중Safe Navi
피해자
보호 서비스
Wireframe_1차
신고 완료 강제 통화 연결카메라 증거 확보 (Front camera) 카메라 증거 확보 (Back camera)
증거수집이 완료되었습니다.
지금부터 강제 통화연결 모드로 전환됩니다.
처리하시겠습니까?
상황 종료
YES
NO
NOYES
피해자 보호 제도 안내
당신이 이 어플을 사용하지
않았으면 좋겠습니다.
긴급 신고긴급 신고 페이크콜
세이프 네비 교육 & 홍보
녹음 카메라
피해자 보호 알림이
Home
로그인 신고접수홈/홈바
당신이 이 어플을 사용하지
않았으면 좋겠습니다.
긴급 신고긴급 신고 페이크콜
세이프 네비 교육 & 홍보
녹음 카메라
피해자 보호 알림이
Prototype
증거수집 감정인지, 페이크콜, 세이프네비
Prototype
로그인/정보입력 교육홍보 사이렌/신고녹음 피해자 보호
처리하시겠습니까?
Prototype
YES
NO
당신이 이 어플을 사용하지
않았으면 좋겠습니다.
긴급 신고긴급 신고 페이크콜
세이프 네비 교육 & 홍보
녹음 카메라
피해자 보호 알림이
회원가입 로그인 교육 영상음성인식 신고 단어 설정 Home
로그인 &
시뮬레이션
NOYES YES
NO
YES
NO
당신이 이 어플을 사용하지
않았으면 좋겠습니다.
긴급 신고긴급 신고 페이크콜
세이프 네비 교육 & 홍보
녹음 카메라
피해자 보호 알림이
Home
긴급 신고
My Information 감정인지 페이크콜 신고 접수 중Safe Navi
항상
어플 실행
신고 완료 강제 통화 연결카메라 증거 확보 (Front camera) 카메라 증거 확보 (Back camera)
증거수집이 완료되었습니다.
지금부터 강제 통화연결 모드로 전환됩니다.
처리하시겠습니까?
상황 종료
YES
NO
NOYES
신청 완료
피해자 보호 제도 안내
당신이 이 어플을 사용하지
않았으면 좋겠습니다.
긴급 신고긴급 신고 페이크콜
세이프 네비 교육 & 홍보
녹음 카메라
피해자 보호 알림이
Home
피해자
보호 서비스
Wireframe
User Journy
Usability Test
Usability Test_튜토리얼
튜토리얼> 튜토리얼 추가
> 튜토리얼
일부 설명 추가
> 지루하다
넘어가고싶다
Usability Test_신고
> 지인에도 연락가는
내용설명 추가
> 지인에도 연락가는
내용설명 추가
신고 화면 및 신고 단어 화면
지인 연락 팝업
여기서 음성인식 했는데 불완전인데 그냥 넘어가나요?
이거 다시 시도할 수 있는 버튼 만들 면 좋겠어요
> 불완전 수치 나왔을 때
재시도 설명글 추가
> 개인정보 왜 필요한지
설명 추가
Usability Test_홈, 그 외 수정
> 홈의 기능을
최소한으로 남김
> 긴급신고 아이콘의 문제
(로고를 만들자)
홈 수정(3차 후)
홈 수정(3차 후)
문장 추가(4차 후)
여기에 다른 설명 팝업도 사진 같이
첨부
> 세이프네비 전면수정
> 각 기능 시작 전,
설명해주는 팝업 추가
Usability Test_세이프네비, 설명 팝업
세이프네비 수정(5차 후)
글씨 추가(3차 후)
대체적으로 빠삐용 앱이 직관적이어서
사용하기 매우 쉽다라는 평을 주었음
평균 6.5점의 만족도를 기록
불필요한 화면이 없다
출시하면 깔고싶다
앱컨셉이 정확해 파악하기 쉽다
Usability Test_최종
빠삐용
인공 지능을 기반으로 한 음성 신고 어플
보이지 않는 수호천사, 빠삐용
빠삐용
Concept
수많은 범죄가 일어나는 현대사회에 신체적으로 약자일 수 밖에 없는 여성들은 무차별 폭행, 묻지마
살인 등 끔찍한 사고를 당활 확률히 더 높습니다. 그래서 우리 빠삐용은 여성들을 위해, 음성만으로
바로 경찰에 신고할 수 있는 어플을 만들었습니다. 미리 설정해 놓은 단어를 외치면 인공지능을
기반으로 설계되어있는 빠삐용이 그 단어를 인식하여 가장 가까운 경찰서에 사용자의 위치정보, wifi
값, 빠삐용이 수집한 증거 등을 전해주게 됩니다. 경찰은 이로 인해 보다 빠르게 범죄상황에 도착할
수 있고 피해자는 손을 쓸 수 없는 상황에서도 별다른 절차없이 신고를 할 수 있습니다.
Graphic Motif
이 어플은 심플하면서도 보여주고자 하는 것을 명확하게 잘 나타낸 어플이다. 또한
편안한 이미지를 추구하여 사용자들이 친숙하게 어플에 접근할 수 있도록 하였다.
빠삐용
인공 지능을 기반으로 한 음성 신고 어플
보이지 않는 수호천사, 빠삐용
빠삐용
UI Key Feature
여성들의 불안한 마음을 덜어주기 위해 기존의 경찰의 딱딱한
이미지에서 벗어나 편안한 분위기의 인터페이스를 디자인하여
사용자들에게 친숙함을 느낄 수 있게 하였다.
생각할 수 조차 없을만큼 위급한 상황에서 어플을 빠르고 정확하게
사용할 수 있도록 심플하게 인터페이스를 디자인하면서도 긴급신고
처럼 중요한 기능은 더 한 눈에 잘 보일 수 있도록 하였다.
사용자
중심
편안한
UI
00:03:00
12:30
신고녹음
휴대전화 010-1234-5678
통화 대기
00:05
박희용
12:30
녹음
추가음량높이기
블루투스
한뼘통화
키패드
내소리차단
12:30
신고 중입니다
12:30
12:30
손을 사용할 수 없는 상황에서도 빠르고 정확하게
음성만으로 신고가 가능한 인공 지능 음성신고 어플 빠삐용
언제나 당신의 곁에 있습니다.
Icon Set
기존 안드로이드에서 제공하는 그리드에 맞추어
어플 실행아이콘과 홈화면의 아이콘을 디자인하였습니다.
긴급신고 페이크콜
세이프 네비
감정인지 피해자보호
신고녹음
빠삐용의 ‘ㅃ’ 을 본 떠 어플의 로고를 디자인 하였습니다.
쌍비읍을 날개로 형상화하여 어디든지 빠르게 달려가겠다는
빠삐용의 수호천사 같은 면모를 강조하였습니다.
빠삐용의 ‘ㅃ’ 을 본 떠 어플의 로고를 디자인 하였습니다.
쌍비읍을 날개로 형상화하여 어디든지 빠르게 달려가겠다는
빠삐용의 수호천사 같은 면모를 강조하였습니다.
Icon Set
기존 안드로이드에서 제공하는 그리드에 맞추어
어플 실행아이콘과 홈화면의 아이콘을 디자인하였습니다.
어플 실행 아이콘 홈 화면 아이콘
긴급신고 페이크콜
세이프 네비
감정인지 피해자보호
신고녹음
01
Voice recognition
accuracy
어플을 처음 시작하면 나오는 음성인식 정확도 화면으로
음성인식 신고를 위하여 사용자가 본인이 원하는 단어를
음성으로 입력합니다. 그러면 어플이 그 음성이 어느정도
인식률이 높은지를 퍼센트로 알려줍니다.
사용법을 오른쪽 상단의
아이콘을 눌러
확인해볼 수 있습니다.
00 - 50%
위험 수치
51 - 80%
불안전한 수치
81 - 100%
안전한 수치
사용자의 안전을 위해
음성인식 정확도가
안전한 수치가 될 때
까지 재시도 하시는
것을 권유드립니다
02
Home / Home bar
어플을 실행하면 볼 수 있는 홈화면입니다.
홈화면에서는 긴급신고, 페이크콜, 세이프네비 등으로 갈 수 있는 아이콘이
있고 오른쪽 상단의 버튼을 누르면 나오는 홈바에서는 추가적으로 카메라,
경찰 교육 & 홍보, 피해자보호제도, 튜토리얼 다시보기 등이 있습니다.
03
Report to the Police
미리 설정해놓은 단어를 외치면 어플이 동작하고 있지 않은 상황에도
경찰에 신고가 됩니다. 신고가 되면 사용자의 GPS는 강제로 켜지게 되고
경찰에게 wifi값과 위치정보가 전송됩니다. 또한 어플에 등록되어있는
지인에게도 위험상황을 알려줍니다.
04
Fake Call
페이크콜은 어두운 밤길을 걸어갈 때 처럼
혼자 있는 상황에 누군가와 전화하는 척을
할 수 있게 도와줍니다. 기존의 안드로이드의
통화화면과 동일하게 만들어 타인이 보았을 경우에도
누군가와 통화하고 있다고 믿게 만들어줍니다.
페이크콜 기능을
사용하고 있을 때,
인공지능 빠삐용이
세이프네비 기능 사용
여부에 대하여
물어봅니다.
종료버튼을 누르면
페이크콜 기능이
종료되며 다시 홈화면으로
돌아가실 수 있습니다.
05
Safe Navi
경찰이 순찰하는 지역과 여성 안심 귀갓길을
기반으로 사용자가 입력한 출발지부터 도착지까지의
가장 안전한 길을 추천해 줍니다.
오른쪽 상단의 버튼을 누르면
세이프네비의 간단한 설명을
볼 수 있습니다 (좌측의
인터페이스)
가까운 경찰서와 24시
운영상가를 함께 표시하여
사용자가 안심하고 안전한
길로 갈 수 있게 하였습니다.
06
Recording
fot the Police report
신고녹음은 현장에서 피해자가 증거를 수집할 수
있도록 하는 기능입니다. 녹음된 내용은 저장버튼을
누르지 않아도 자동으로 저장됩니다.
오른쪽 상단의 버튼을 누르면
신고녹음의 간단한 설명을 볼
수 있습니다 (좌측의
인터페이스)
사용자가 직접 홈에서
신고녹음 버튼을 눌러 증거를
수집 할 수도 있지만
음성으로 신고됐을 경우와
긴급신고를 눌렀을 경우,
녹음이 바로 시작되고
경찰에게 확보한 자료를
전송해줍니다.
07
Emotion Cognition
심박수를 감지해 사용자의 심장박동수를 알려주고
미리 설정해놓은 다음 기능이 있을 경우 그 기능을
실행할 것인지 물어봅니다. 미리 설정하기는
홈바의 설정메뉴에서 가능합니다.
오른쪽 상단의 버튼을 누르면
감정인지의 간단한 설명을 볼
수 있습니다 (좌측의
인터페이스)
사용자의 심박수 수치로
나타내고 그에 따른 감정을
라인으로 표현해줍니다.
07. 피해자보호신청
08. 교육 홍보
09.카메라
00. 튜토리얼 소개
히지만당신ㅇ ㅣ이앱을
사용하지 않아셨으면
수호천사 빠삐용
감사합니다

More Related Content

Similar to 빠삐용_인터렉티브 미디어 디자인

안드로이드 어플50선
안드로이드 어플50선안드로이드 어플50선
안드로이드 어플50선Wonsuk Choi
 
경정기 5조
경정기 5조경정기 5조
경정기 5조
혜진 이
 
경정기 5조
경정기 5조경정기 5조
경정기 5조혜진 이
 
Interactive Media Design 0416
Interactive Media Design 0416Interactive Media Design 0416
Interactive Media Design 0416
Jeeyeap Kwon
 
7주차 1조 디자인브리드_아이디어 발상
7주차 1조 디자인브리드_아이디어 발상7주차 1조 디자인브리드_아이디어 발상
7주차 1조 디자인브리드_아이디어 발상
Ki Hoon Han
 
2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부
RightBrain inc.
 
Interactive Media Design 0409
Interactive Media Design 0409Interactive Media Design 0409
Interactive Media Design 0409
Jeeyeap Kwon
 
11.30.인터랙 03
11.30.인터랙 0311.30.인터랙 03
11.30.인터랙 03
sodamlee
 
중간이후 와이어 프레임만 추가한것022.compressed
중간이후 와이어 프레임만 추가한것022.compressed중간이후 와이어 프레임만 추가한것022.compressed
중간이후 와이어 프레임만 추가한것022.compressed
hyein1227
 
Chrome 악성코드 특성 및 삭제방법
Chrome 악성코드 특성 및 삭제방법Chrome 악성코드 특성 및 삭제방법
Chrome 악성코드 특성 및 삭제방법
종혁 김
 
UX Discovery 6th Rightbrain_part1
UX Discovery 6th Rightbrain_part1UX Discovery 6th Rightbrain_part1
UX Discovery 6th Rightbrain_part1
RightBrain inc.
 
라이트브레인 UX 아카데미 2기 오픈 프로젝트 - 스마트태그(1)
라이트브레인 UX 아카데미 2기 오픈 프로젝트 -  스마트태그(1)  라이트브레인 UX 아카데미 2기 오픈 프로젝트 -  스마트태그(1)
라이트브레인 UX 아카데미 2기 오픈 프로젝트 - 스마트태그(1)
RightBrain inc.
 
시니어에게 꼭 맞는 어플리케이션 알아보기
시니어에게 꼭 맞는 어플리케이션 알아보기시니어에게 꼭 맞는 어플리케이션 알아보기
시니어에게 꼭 맞는 어플리케이션 알아보기
Henry Hyeongrae Kim
 
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
규문 최
 
IFTTT
IFTTTIFTTT

Similar to 빠삐용_인터렉티브 미디어 디자인 (17)

안드로이드 어플50선
안드로이드 어플50선안드로이드 어플50선
안드로이드 어플50선
 
경정기 5조
경정기 5조경정기 5조
경정기 5조
 
경정기양식후보
경정기양식후보경정기양식후보
경정기양식후보
 
경영정보기술
경영정보기술 경영정보기술
경영정보기술
 
경정기 5조
경정기 5조경정기 5조
경정기 5조
 
Interactive Media Design 0416
Interactive Media Design 0416Interactive Media Design 0416
Interactive Media Design 0416
 
7주차 1조 디자인브리드_아이디어 발상
7주차 1조 디자인브리드_아이디어 발상7주차 1조 디자인브리드_아이디어 발상
7주차 1조 디자인브리드_아이디어 발상
 
2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부2016 3rd UX 트렌드 리포트_1부
2016 3rd UX 트렌드 리포트_1부
 
Interactive Media Design 0409
Interactive Media Design 0409Interactive Media Design 0409
Interactive Media Design 0409
 
11.30.인터랙 03
11.30.인터랙 0311.30.인터랙 03
11.30.인터랙 03
 
중간이후 와이어 프레임만 추가한것022.compressed
중간이후 와이어 프레임만 추가한것022.compressed중간이후 와이어 프레임만 추가한것022.compressed
중간이후 와이어 프레임만 추가한것022.compressed
 
Chrome 악성코드 특성 및 삭제방법
Chrome 악성코드 특성 및 삭제방법Chrome 악성코드 특성 및 삭제방법
Chrome 악성코드 특성 및 삭제방법
 
UX Discovery 6th Rightbrain_part1
UX Discovery 6th Rightbrain_part1UX Discovery 6th Rightbrain_part1
UX Discovery 6th Rightbrain_part1
 
라이트브레인 UX 아카데미 2기 오픈 프로젝트 - 스마트태그(1)
라이트브레인 UX 아카데미 2기 오픈 프로젝트 -  스마트태그(1)  라이트브레인 UX 아카데미 2기 오픈 프로젝트 -  스마트태그(1)
라이트브레인 UX 아카데미 2기 오픈 프로젝트 - 스마트태그(1)
 
시니어에게 꼭 맞는 어플리케이션 알아보기
시니어에게 꼭 맞는 어플리케이션 알아보기시니어에게 꼭 맞는 어플리케이션 알아보기
시니어에게 꼭 맞는 어플리케이션 알아보기
 
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
[월간금융]스마트워크(6)-스마트워크 필수추천앱 11가지
 
IFTTT
IFTTTIFTTT
IFTTT
 

More from merry818

Firefighting_Digital Media Contents
Firefighting_Digital Media ContentsFirefighting_Digital Media Contents
Firefighting_Digital Media Contents
merry818
 
Digital Media Contents_Firefighting
Digital Media Contents_FirefightingDigital Media Contents_Firefighting
Digital Media Contents_Firefighting
merry818
 
Digital Media Contents_Spicy
Digital Media Contents_SpicyDigital Media Contents_Spicy
Digital Media Contents_Spicy
merry818
 
Digital Media Contents_David mccandless example
Digital Media Contents_David mccandless exampleDigital Media Contents_David mccandless example
Digital Media Contents_David mccandless example
merry818
 
1017 인터렉티브 미디어 디자인 > 디자인 프로세스
1017 인터렉티브 미디어 디자인 > 디자인 프로세스1017 인터렉티브 미디어 디자인 > 디자인 프로세스
1017 인터렉티브 미디어 디자인 > 디자인 프로세스
merry818
 
1510600 배유정_당신은 건강한 사랑을 하고 계신가요?
1510600 배유정_당신은 건강한 사랑을 하고 계신가요?1510600 배유정_당신은 건강한 사랑을 하고 계신가요?
1510600 배유정_당신은 건강한 사랑을 하고 계신가요?
merry818
 
인터랙1 - 0502빠삐용
인터랙1 - 0502빠삐용인터랙1 - 0502빠삐용
인터랙1 - 0502빠삐용
merry818
 
인터렉1_170418 빠삐용
인터렉1_170418 빠삐용인터렉1_170418 빠삐용
인터렉1_170418 빠삐용
merry818
 
인터렉티브 미디어 디자인 1510600 배유정 미래의 기술 및 아이디어
인터렉티브 미디어 디자인 1510600 배유정   미래의 기술 및 아이디어인터렉티브 미디어 디자인 1510600 배유정   미래의 기술 및 아이디어
인터렉티브 미디어 디자인 1510600 배유정 미래의 기술 및 아이디어
merry818
 
1510600배유정 색채학리포트(기말)
1510600배유정 색채학리포트(기말)1510600배유정 색채학리포트(기말)
1510600배유정 색채학리포트(기말)
merry818
 
1510600 배유정 - 안상수
1510600 배유정 - 안상수1510600 배유정 - 안상수
1510600 배유정 - 안상수
merry818
 

More from merry818 (11)

Firefighting_Digital Media Contents
Firefighting_Digital Media ContentsFirefighting_Digital Media Contents
Firefighting_Digital Media Contents
 
Digital Media Contents_Firefighting
Digital Media Contents_FirefightingDigital Media Contents_Firefighting
Digital Media Contents_Firefighting
 
Digital Media Contents_Spicy
Digital Media Contents_SpicyDigital Media Contents_Spicy
Digital Media Contents_Spicy
 
Digital Media Contents_David mccandless example
Digital Media Contents_David mccandless exampleDigital Media Contents_David mccandless example
Digital Media Contents_David mccandless example
 
1017 인터렉티브 미디어 디자인 > 디자인 프로세스
1017 인터렉티브 미디어 디자인 > 디자인 프로세스1017 인터렉티브 미디어 디자인 > 디자인 프로세스
1017 인터렉티브 미디어 디자인 > 디자인 프로세스
 
1510600 배유정_당신은 건강한 사랑을 하고 계신가요?
1510600 배유정_당신은 건강한 사랑을 하고 계신가요?1510600 배유정_당신은 건강한 사랑을 하고 계신가요?
1510600 배유정_당신은 건강한 사랑을 하고 계신가요?
 
인터랙1 - 0502빠삐용
인터랙1 - 0502빠삐용인터랙1 - 0502빠삐용
인터랙1 - 0502빠삐용
 
인터렉1_170418 빠삐용
인터렉1_170418 빠삐용인터렉1_170418 빠삐용
인터렉1_170418 빠삐용
 
인터렉티브 미디어 디자인 1510600 배유정 미래의 기술 및 아이디어
인터렉티브 미디어 디자인 1510600 배유정   미래의 기술 및 아이디어인터렉티브 미디어 디자인 1510600 배유정   미래의 기술 및 아이디어
인터렉티브 미디어 디자인 1510600 배유정 미래의 기술 및 아이디어
 
1510600배유정 색채학리포트(기말)
1510600배유정 색채학리포트(기말)1510600배유정 색채학리포트(기말)
1510600배유정 색채학리포트(기말)
 
1510600 배유정 - 안상수
1510600 배유정 - 안상수1510600 배유정 - 안상수
1510600 배유정 - 안상수
 

빠삐용_인터렉티브 미디어 디자인

  • 1. 인터렉티브 미디어 디자인 김다혜 배유정 선가은 한나영
  • 6. 3 이지은(23)은 집 가는 길 버스(23:00)에서 SNS를 통해 경찰 신고 어플이 출시된 것을 알게 되었다. 평소 범죄에 대한 의심이 많고 자취생이라 항상 불안했던 지은은 이 어플을 설치하게 되었다. 1 처음 어플을 실행할 때 자주 가는 곳의 주소, 자신의 연락처, 보호자의 연락처 등을 입력하고 위치 서비스와 정보 제공에 동의를 한다. 이 후 어플의 사용법에 대한 시뮬레이션과 실제 사용법을 시뮬레이션할 수 있다. 자신이 사용 할 음성 인식 단어를 설정하게 된다. 이 때 가이드라인을 제시하고 인공지능이 적절성을 퍼센트로 표시해 준다. 이 과정에서 다른 사용자의 정보도 모아서 자료를 보충해 간다. 2 버스에서 내린 지은은 집에 가기 전에 평소 자주 가는 효창공원으로 산책을 간다. 효창공원은 저녁에 농구를 하는 곳에는 사람이 많을 때도 있지만 산책로는 다소 불빛도 어둡고 인적이 드물다. 또한 수풀이 우거지고 길이 여러 갈래로 나뉘는 곳이 있다. 수풀 속에서 고양이가 갑자기 뛰어나와 지은은 깜짝 놀라게 된다. 지은의 심박수를 인지한 어플이 자동 실행된다. 이 때 심박수가 인지되지 않을 때에는 이 기능이 비밀번호를 입력하는 화면 하단에 위치해서 사용자가 비밀번호를 입력하지 않더라도 사용할 수 있게 된다. 페이크콜이 시작됨과 동시에 녹음 기능이 실행된다. 녹음은 7일간 저장되며 녹음파일은 동시에 인터넷으로 공유되어 경찰이 조회할 수 있다. 이에 대한 동의도 어플을 실행 시에 받는다. 4 Secenario
  • 7. 7 이후 페이크콜이 세이프 네비 사용여부에 관해 물어 지은은 세이프 네비 기능을 실행한다. 이후 어플이 자동으로 GPS를 실행한다. 이 기능은 여성 안심 귀갓길, 유동 인구가 많은 곳, 24시간 운영하는 상가의 정보를 토대로 길을 추천해준다. 또한 동시에 어플에서 사용자의 위치정보를 수집하여 어느 곳에서 많이 사용이 되는 지와 사용자들이 많이 다니는 길 정보를 수집한다. 5 지은은 세이프 네비를 따라가다 집에 들어 가기 전에 꼭 지나야만 하는 외진 길에 들어선다. 걸음을 빨리 걷는다. 그 때 낯선 사람이 뒤에서 지은을 끌어 안는다. 6 지은은 아까 설정해둔 단어로 경찰 신고를 한다. 어플은 음성 인식을 통해 신고를 경찰에 접수한다. 이 기능은 어플을 실행시키지 않더라도 설정해 둔 단어 얘기하면 자동으로 실행되며 신고를 접수한다. 이 과정까지 30초가 걸리며 사용자는 설정해둔 비밀번호를 이용하여 30초내에 신고를 취소할 수 있다. 취소 버튼만 30초 이내에 누르면 비밀번호를 풀 수 있는 시간 10초가 주어진다. 이 때 아까 실행해둔 GPS정보가 함께 전송된다. 마찬가지로 어플이 실행되어 있지 않았을 때 설정해둔 음성단어가 나오면 어플이 켜지면서 신고가 접수됨과 동시에 GPS가 자동으로 켜지며 위치값을 함께 보낸다. 이 때 연결된 와이파이 값이 있다면 이 값도 함께 전송된다. 또한 설정해둔 보호자의 번호로 신고가 접수됨을 알린다. 8 Secenario
  • 8. 11 또한 카메라가 실행되어 후면과 전면 카메라가 동시에 사진을 찍는다. 지은은 범인이 뒤에서 덮친 경우였기 때문에 전면 카메라에 범인의 얼굴이 찍힌다. 또한 화면에 사이렌 버튼이 떠서 사용자가 임의로 사이렌을 킬 수 있다. 이 후 어플을 제외한 다른 모든 것을 비상 절전모드로 전환해 배터리 소모를 최대한 줄인다. 9 10 범인은 경찰에 구속되고 지은은 범죄상황에서 무사히 벗어난다. 또한 녹음과 사진을 통해 범인의 범죄사실을 입증할 수 있었다. 지은의 위치값과 신고가 접수된다. 신고는 가장 가까운 경찰서로 배당되며 경찰이 출동한다. Secenario
  • 12. 범죄예방과 빠른 신고 1. 사용자 여정 ‘설치 & 튜토리얼’ UserJourney GOAL
  • 13. 범죄예방과 빠른 신고 2. 사용자 여정 ‘실제상황’ UserJourney GOAL 앱실행 신고 위치전송 지인에게 문자 증거사진 비상 절전모드 수동실행 Fake Call녹음 Safe Map 실행 녹음 & GPS 실행 HOME HOME 감정인지 앱실행 음성인식 신고앱실행 Safe NAVI 사용 30초 내 취소기능
  • 14. 범죄예방과 빠른 신고 2. 사용자 여정 ‘실제상황’ UserJourney
  • 15. UserJourney 범죄예방과 빠른 신고 2. 사용자 여정 ‘실제상황’ 앱실행 신고 위치전송 지인에게 문자 증거사진 비상 절전모드 녹음 & GPS 실행 HOME 음성인식 신고앱실행 30초 내 취소기능
  • 17. YES NO 당신이 이 어플을 사용하지 않았으면 좋겠습니다. 긴급 신고긴급 신고 페이크콜 세이프 네비 교육 & 홍보 녹음 카메라 피해자 보호 알림이 회원가입 로그인 교육 영상음성인식 신고 단어 설정 Home 로그인 & 시뮬레이션 Wireframe_1차
  • 18. 항상 어플 실행 Wireframe_1차 NOYES YES NO YES NO 당신이 이 어플을 사용하지 않았으면 좋겠습니다. 긴급 신고긴급 신고 페이크콜 세이프 네비 교육 & 홍보 녹음 카메라 피해자 보호 알림이 Home 긴급 신고 My Information 감정인지 페이크콜 신고 접수 중Safe Navi
  • 19. 피해자 보호 서비스 Wireframe_1차 신고 완료 강제 통화 연결카메라 증거 확보 (Front camera) 카메라 증거 확보 (Back camera) 증거수집이 완료되었습니다. 지금부터 강제 통화연결 모드로 전환됩니다. 처리하시겠습니까? 상황 종료 YES NO NOYES 피해자 보호 제도 안내 당신이 이 어플을 사용하지 않았으면 좋겠습니다. 긴급 신고긴급 신고 페이크콜 세이프 네비 교육 & 홍보 녹음 카메라 피해자 보호 알림이 Home
  • 20. 로그인 신고접수홈/홈바 당신이 이 어플을 사용하지 않았으면 좋겠습니다. 긴급 신고긴급 신고 페이크콜 세이프 네비 교육 & 홍보 녹음 카메라 피해자 보호 알림이 Prototype
  • 21. 증거수집 감정인지, 페이크콜, 세이프네비 Prototype
  • 22. 로그인/정보입력 교육홍보 사이렌/신고녹음 피해자 보호 처리하시겠습니까? Prototype
  • 23. YES NO 당신이 이 어플을 사용하지 않았으면 좋겠습니다. 긴급 신고긴급 신고 페이크콜 세이프 네비 교육 & 홍보 녹음 카메라 피해자 보호 알림이 회원가입 로그인 교육 영상음성인식 신고 단어 설정 Home 로그인 & 시뮬레이션 NOYES YES NO YES NO 당신이 이 어플을 사용하지 않았으면 좋겠습니다. 긴급 신고긴급 신고 페이크콜 세이프 네비 교육 & 홍보 녹음 카메라 피해자 보호 알림이 Home 긴급 신고 My Information 감정인지 페이크콜 신고 접수 중Safe Navi 항상 어플 실행 신고 완료 강제 통화 연결카메라 증거 확보 (Front camera) 카메라 증거 확보 (Back camera) 증거수집이 완료되었습니다. 지금부터 강제 통화연결 모드로 전환됩니다. 처리하시겠습니까? 상황 종료 YES NO NOYES 신청 완료 피해자 보호 제도 안내 당신이 이 어플을 사용하지 않았으면 좋겠습니다. 긴급 신고긴급 신고 페이크콜 세이프 네비 교육 & 홍보 녹음 카메라 피해자 보호 알림이 Home 피해자 보호 서비스 Wireframe User Journy
  • 25. Usability Test_튜토리얼 튜토리얼> 튜토리얼 추가 > 튜토리얼 일부 설명 추가 > 지루하다 넘어가고싶다
  • 26. Usability Test_신고 > 지인에도 연락가는 내용설명 추가 > 지인에도 연락가는 내용설명 추가 신고 화면 및 신고 단어 화면 지인 연락 팝업
  • 27. 여기서 음성인식 했는데 불완전인데 그냥 넘어가나요? 이거 다시 시도할 수 있는 버튼 만들 면 좋겠어요 > 불완전 수치 나왔을 때 재시도 설명글 추가 > 개인정보 왜 필요한지 설명 추가 Usability Test_홈, 그 외 수정 > 홈의 기능을 최소한으로 남김 > 긴급신고 아이콘의 문제 (로고를 만들자) 홈 수정(3차 후) 홈 수정(3차 후) 문장 추가(4차 후)
  • 28. 여기에 다른 설명 팝업도 사진 같이 첨부 > 세이프네비 전면수정 > 각 기능 시작 전, 설명해주는 팝업 추가 Usability Test_세이프네비, 설명 팝업 세이프네비 수정(5차 후) 글씨 추가(3차 후)
  • 29. 대체적으로 빠삐용 앱이 직관적이어서 사용하기 매우 쉽다라는 평을 주었음 평균 6.5점의 만족도를 기록 불필요한 화면이 없다 출시하면 깔고싶다 앱컨셉이 정확해 파악하기 쉽다 Usability Test_최종
  • 30. 빠삐용 인공 지능을 기반으로 한 음성 신고 어플 보이지 않는 수호천사, 빠삐용 빠삐용
  • 31. Concept 수많은 범죄가 일어나는 현대사회에 신체적으로 약자일 수 밖에 없는 여성들은 무차별 폭행, 묻지마 살인 등 끔찍한 사고를 당활 확률히 더 높습니다. 그래서 우리 빠삐용은 여성들을 위해, 음성만으로 바로 경찰에 신고할 수 있는 어플을 만들었습니다. 미리 설정해 놓은 단어를 외치면 인공지능을 기반으로 설계되어있는 빠삐용이 그 단어를 인식하여 가장 가까운 경찰서에 사용자의 위치정보, wifi 값, 빠삐용이 수집한 증거 등을 전해주게 됩니다. 경찰은 이로 인해 보다 빠르게 범죄상황에 도착할 수 있고 피해자는 손을 쓸 수 없는 상황에서도 별다른 절차없이 신고를 할 수 있습니다. Graphic Motif 이 어플은 심플하면서도 보여주고자 하는 것을 명확하게 잘 나타낸 어플이다. 또한 편안한 이미지를 추구하여 사용자들이 친숙하게 어플에 접근할 수 있도록 하였다. 빠삐용 인공 지능을 기반으로 한 음성 신고 어플 보이지 않는 수호천사, 빠삐용 빠삐용 UI Key Feature 여성들의 불안한 마음을 덜어주기 위해 기존의 경찰의 딱딱한 이미지에서 벗어나 편안한 분위기의 인터페이스를 디자인하여 사용자들에게 친숙함을 느낄 수 있게 하였다. 생각할 수 조차 없을만큼 위급한 상황에서 어플을 빠르고 정확하게 사용할 수 있도록 심플하게 인터페이스를 디자인하면서도 긴급신고 처럼 중요한 기능은 더 한 눈에 잘 보일 수 있도록 하였다. 사용자 중심 편안한 UI
  • 32. 00:03:00 12:30 신고녹음 휴대전화 010-1234-5678 통화 대기 00:05 박희용 12:30 녹음 추가음량높이기 블루투스 한뼘통화 키패드 내소리차단 12:30 신고 중입니다 12:30 12:30 손을 사용할 수 없는 상황에서도 빠르고 정확하게 음성만으로 신고가 가능한 인공 지능 음성신고 어플 빠삐용 언제나 당신의 곁에 있습니다.
  • 33. Icon Set 기존 안드로이드에서 제공하는 그리드에 맞추어 어플 실행아이콘과 홈화면의 아이콘을 디자인하였습니다. 긴급신고 페이크콜 세이프 네비 감정인지 피해자보호 신고녹음 빠삐용의 ‘ㅃ’ 을 본 떠 어플의 로고를 디자인 하였습니다. 쌍비읍을 날개로 형상화하여 어디든지 빠르게 달려가겠다는 빠삐용의 수호천사 같은 면모를 강조하였습니다.
  • 34. 빠삐용의 ‘ㅃ’ 을 본 떠 어플의 로고를 디자인 하였습니다. 쌍비읍을 날개로 형상화하여 어디든지 빠르게 달려가겠다는 빠삐용의 수호천사 같은 면모를 강조하였습니다. Icon Set 기존 안드로이드에서 제공하는 그리드에 맞추어 어플 실행아이콘과 홈화면의 아이콘을 디자인하였습니다. 어플 실행 아이콘 홈 화면 아이콘 긴급신고 페이크콜 세이프 네비 감정인지 피해자보호 신고녹음
  • 35. 01 Voice recognition accuracy 어플을 처음 시작하면 나오는 음성인식 정확도 화면으로 음성인식 신고를 위하여 사용자가 본인이 원하는 단어를 음성으로 입력합니다. 그러면 어플이 그 음성이 어느정도 인식률이 높은지를 퍼센트로 알려줍니다. 사용법을 오른쪽 상단의 아이콘을 눌러 확인해볼 수 있습니다. 00 - 50% 위험 수치 51 - 80% 불안전한 수치 81 - 100% 안전한 수치 사용자의 안전을 위해 음성인식 정확도가 안전한 수치가 될 때 까지 재시도 하시는 것을 권유드립니다
  • 36. 02 Home / Home bar 어플을 실행하면 볼 수 있는 홈화면입니다. 홈화면에서는 긴급신고, 페이크콜, 세이프네비 등으로 갈 수 있는 아이콘이 있고 오른쪽 상단의 버튼을 누르면 나오는 홈바에서는 추가적으로 카메라, 경찰 교육 & 홍보, 피해자보호제도, 튜토리얼 다시보기 등이 있습니다.
  • 37. 03 Report to the Police 미리 설정해놓은 단어를 외치면 어플이 동작하고 있지 않은 상황에도 경찰에 신고가 됩니다. 신고가 되면 사용자의 GPS는 강제로 켜지게 되고 경찰에게 wifi값과 위치정보가 전송됩니다. 또한 어플에 등록되어있는 지인에게도 위험상황을 알려줍니다.
  • 38. 04 Fake Call 페이크콜은 어두운 밤길을 걸어갈 때 처럼 혼자 있는 상황에 누군가와 전화하는 척을 할 수 있게 도와줍니다. 기존의 안드로이드의 통화화면과 동일하게 만들어 타인이 보았을 경우에도 누군가와 통화하고 있다고 믿게 만들어줍니다. 페이크콜 기능을 사용하고 있을 때, 인공지능 빠삐용이 세이프네비 기능 사용 여부에 대하여 물어봅니다. 종료버튼을 누르면 페이크콜 기능이 종료되며 다시 홈화면으로 돌아가실 수 있습니다.
  • 39. 05 Safe Navi 경찰이 순찰하는 지역과 여성 안심 귀갓길을 기반으로 사용자가 입력한 출발지부터 도착지까지의 가장 안전한 길을 추천해 줍니다. 오른쪽 상단의 버튼을 누르면 세이프네비의 간단한 설명을 볼 수 있습니다 (좌측의 인터페이스) 가까운 경찰서와 24시 운영상가를 함께 표시하여 사용자가 안심하고 안전한 길로 갈 수 있게 하였습니다.
  • 40. 06 Recording fot the Police report 신고녹음은 현장에서 피해자가 증거를 수집할 수 있도록 하는 기능입니다. 녹음된 내용은 저장버튼을 누르지 않아도 자동으로 저장됩니다. 오른쪽 상단의 버튼을 누르면 신고녹음의 간단한 설명을 볼 수 있습니다 (좌측의 인터페이스) 사용자가 직접 홈에서 신고녹음 버튼을 눌러 증거를 수집 할 수도 있지만 음성으로 신고됐을 경우와 긴급신고를 눌렀을 경우, 녹음이 바로 시작되고 경찰에게 확보한 자료를 전송해줍니다.
  • 41. 07 Emotion Cognition 심박수를 감지해 사용자의 심장박동수를 알려주고 미리 설정해놓은 다음 기능이 있을 경우 그 기능을 실행할 것인지 물어봅니다. 미리 설정하기는 홈바의 설정메뉴에서 가능합니다. 오른쪽 상단의 버튼을 누르면 감정인지의 간단한 설명을 볼 수 있습니다 (좌측의 인터페이스) 사용자의 심박수 수치로 나타내고 그에 따른 감정을 라인으로 표현해줍니다.
  • 46.