49
인터랙티브 미디어 디자인 11.16 강나윤 / 손수진 / 최미선

11.16 와이어프레임 사용자테스트

Embed Size (px)

Citation preview

인터랙티브 미디어 디자인11.16

강나윤 / 손수진 / 최미선

VISUAL STRATEGY

APPLICATION ESSENCE

COLOR

3 KEYWORDS

공감 위로 소통

6d6e72 e7e8e3 ece2d9 d9e3e5

인터랙티브미디어 디자인

DESIGN

LOGO

FONT

A B C D E F G H I J K L M

N O P Q R S T U V W X Y Z

A B C D E F G H I J K L M

N O P Q R S T U V W X Y Z

Rix헤드 L/M

H A N D T O H A N DH A N D T O H A N D

인터랙티브미디어 디자인

DESIGN

인터랙티브미디어 디자인

DESIGN

H A N D T O H A N D

여유로움과 안정감을 주는 잔잔한 바다 배경

HAND TO HAND 로고

/

인터랙티브미디어 디자인

DESIGN

WIRE FRAME

인터랙티브미디어 디자인

WIRE FRAME

로그인

페이스북으로 시작하기

네이버로 시작하기

카카오톡으로 시작하기

Step1

다음과 같이 손 사진을 찍어

프로필과 함께 등록해요.

Step2

다양한 고민글을 한눈에 모아보고,

눈길이 가는 공감되는 고민글을 클릭해요.

Step3

눌러 스크랩하여

공감되는 고민들을 모아서 보아요. 눌러 위로와 공감의 쪽지를 보내봐요.

닉네임

HIDE HIDE

손 프로필 성별

생년월일

HAND TO HAND에

오신 것을 환영해요!

HAND TO HAND 사용 가이드

다양한 사람들의

다양하고 공감되는 고민글.

다양한 사람들의

다양하고 공감되는 고민글.

닉네임

닉네임

로그인화면 이용 가이드

H A N D T O H A N D

START PAGE

HIDE

눌러 위로와 공감의 쓰담쓰담을 전해주세요.

HIDE

눌러 위로와 공감의 쓰담쓰담을 전해주세요.

Step4

고민글을 읽고 위로의 한마디를 남겨봐요.

저랑비슷한 고민을 하시는 것 같아 공감되요.

지금도 충분히 노력하고 있어요. 힘내요.

먼 훗날 멋진 사람이 되어 있을 꺼예요.

시작하기

HIDE

HIDE

HIDE를 통해 쓰담쓰담하는 손을 숨겨,

가려진 고민글을 볼 수 있어요.

등록

다양한 사람들의

다양하고 공감되는 고민글.

인터랙티브미디어 디자인

WIRE FRAME

프로필 등록

전체보기 화면 고민글 화면

HIDE

넌나의숙명

넌나의숙명

위로의 한마디

서로에게 서로가 전하는 따뜻한 온기

등록

너무나도 공감되는 말이에요.. 너무 걱정하지말아요! 다 잘될거에요 화이팅!

토닥토닥 제가 위로해 드릴께요!!! :)

감사합니다! 우리모두 힘내요!

저도 요즘 이런 고민들로 밤잠을 설치곤 하는

너무 고마워요>-<

09.21 AM_00:21

09.21 AM_00:21

09.21 AM_00:21

10.30 PM_16:01

#우울 #인간관계 #힐링

#슬픔 #핸드투핸드 #데일리

#우울 #인간관계 #힐링

#슬픔 #핸드투핸드 #데일리

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ넌나의숙명

미미공쥬

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ

학교에 대한 회의감이 들어요..

이러려고 대학생이 되었나 자괴감들어요

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ

TODAY : 4작성일 : 2016.10.09 TOTAL : 34

2016.10.09

2016.10.09

MAIN PAGE

다 음

오른쪽 손등을 촬영해 주세요

프로필 손 촬영

성별

닉네임 중복확인

생년월일

저장하기

한줄소개

손등 손바닥

나의 프로필

고민글 고민글고민글 전체보기

이전

이전 이전 이전

POFILE PAGE

인터랙티브미디어 디자인

WIRE FRAME

1

홈 설정

최신순

쓰담쓰담순 댓글순 스크랩순

너는 내 숙명 10/28 17:39

저번에 글 올렸던 적 있었는데...너무 힘들다 집에서는 취직만 강요하고 나는 나대로

스트레스받고 또 그렇다고 일이 잘풀리는 것도 아니고 하는 것마다 안되는 것 같아..ㅠㅠ

위로와 공감이 필요한 시점이 인생에 꼭 한 번은 찾아오는 것 같아

요즘 나랑 똑같은 고민 하는 사람 없어?ㅠㅠ

564

2집순이 10/28 15:11

인간관계에서 굳이 나 싫다는 사람 붙들고 너 왜그래? 내가 뭐 잘못했어? 나한테 왜 화났어? 이러는 건 진짜 시간낭비인듯

1039 564745

1039 745

3여유 10/28 15:20

저번에 글 올렸던 적 있었는데...너무 힘들다 집에서는 취직만 강요하고 나는 나대로 스트레스받고 또 그렇다고 일이 잘풀리는 것도 아니고 하는 것마다 안되는 것 같아..ㅠㅠ

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ

DETAIL PAGE

고민글

고민글

HIDE-SHOW

고민글 화면_스크랩 고민글 화면_쪽지보내기 고민글 화면_쓰담쓰담

HIDE

SHOW

넌나의숙명

HIDE

카테고리

닉네임

카테고리

# #

:

# #

HIDE

카테고리

닉네임

카테고리

# #

:

# #

HIDE

카테고리

닉네임

카테고리

# #

:

# #

쓰담쓰담

전면 카메라 위로 두번 쓰담쓰담 해주세요

두번 진동이 울리면 쓰담쓰담이 완료!

보내기

: 넌나의숙명

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ

#우울 #인간관계 #힐링

#슬픔 #핸드투핸드 #데일리

비슷한 공감대를 가지고 계시네요힘내세요!

감사합니다 화이팅!!

11.01 am10:00

11.01 am10:00

TODAY : 4작성일 : 2016.10.09 TOTAL : 34

TODAY : 4작성일 : 2016.10.09 TOTAL : 34

이전

이전

HIDE

넌나의숙명

#우울 #인간관계 #힐링

#슬픔 #핸드투핸드 #데일리

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ

TODAY : 4작성일 : 2016.10.09 TOTAL : 34

고민글이전

HIDE

SHOW

스크랩 완료

나의 스크랩 함 바로가기

스크랩된 고민글은 ( 마이페이지 - 스크랩 함 )

에서 확인하실 수 있어요

인터랙티브미디어 디자인

WIRE FRAME

인간관계에서 굳이 나 싫다는 사람 붙들고 너 왜그래? 내가 뭐 잘못했어? 나한테 왜 화났어? 이러는 건 진짜 시간낭비인ㄷ

글 작성하기

태그달기 #인간관계 #마이웨이가답 #마인ㄷ

취소 작성 마이 페이지

인간관계에서 굳이 나 싫다는 사람 붙들고 너 왜그래? 내가 뭐 잘못했어? 나한테 왜 화났어? 이러는 건 진짜 시간낭비인ㄷ

글 작성하기

태그달기 #인간관계 #마이웨이가답 #마인ㄷ

취소 작성

작성 완료

너는 내 숙명

여 24

한 줄 소개를 입력해주세요.

내가 쓴 글 댓글 단 글 쓰담글 스크랩

내 계정 쪽지함 도움말 앱 설정

앱 설정이전

이전

알림

앱설정

정보

쪽지

암호잠금

캐시삭제

앱 버전

공지사항

제휴/협력

이용규칙

개인정보 취급방침

법적 고지 사항

고민글 작성 마이페이지

앱설정

작성완료

인터랙티브미디어 디자인

WIRE FRAME

MY PAGE

인터랙티브미디어 디자인

DESIGN

TEST

인터랙티브미디어 디자인

DESIGN

23 / 여 / 대학생

자주 이용하는 어플 학교 커뮤니티 어플 ‘에브리타임’

과제

3학년에 재학중이라

취업하기위해

좋은학점이 필요해서 많이 투자하는 편

하루 일과 중

가장 많이 시간을

투자하는 것

그 이유

박선우

인터랙티브미디어 디자인

TEST

1

2

인터랙티브미디어 디자인

TEST

인터랙티브미디어 디자인

TEST

3

인터랙티브미디어 디자인

TEST

4

TASK : 배우기 _과제수행과정부분

약간 낯선 기능인 쓰담쓰담이라는 기능에 대해서

자세한 설명이 있었으면 좋겠음

쓰담쓰담의 의미, 전달 방식 등을

한 페이지에 조금 더 상세하게 추가

Task 1

HIDE

눌러 위로와 공감의 쓰담쓰담을 전해주세요.

인터랙티브미디어 디자인

TEST

”사용 설명서를 환경설정에서

꺼내볼 수 있는 시스템이 추가 되었으면 좋겠음

환경설정에서 도움말에 조금 더 상세한 사용설명서 추가

”HIDE

Task 1

HAND TO HAND에

오신 것을 환영해요!

HAND TO HAND 사용 가이드

TASK : 배우기 _필요한 기능이 있다면?

인터랙티브미디어 디자인

TEST

쓰담쓰담 뿐만 아니라 손 키스 같이

더 재미있는 모션도 전달되면 참신할 것 같음

손과 관련한 제스쳐 중 조금 더 재미있는 요소 구상,

어플리케이션 기능으로 적용할 수 있는 방법 고려

HIDE

눌러 위로와 공감의 쓰담쓰담을 전해주세요.

Task 1

TASK : 배우기 _더 향상된 기능을 제공한다면?

인터랙티브미디어 디자인

TEST

5

인터랙티브미디어 디자인

TEST

쪽지를 보내는 기능이

구체적이고 정확했으면 좋겠음

다양하게 소통하는 방법도 추가하면 좋을 것 같음

이모티콘이나 쪽지를 보내면서

직접적으로 쓰담쓰담 진동보내기 등의 부수적 기능을 추가

Task 2

TASK : 사용하기 _과제수행과정부분고민글

HIDE

카테고리

닉네임

카테고리

# #

:

# #

보내기

: 넌나의숙명

비슷한 공감대를 가지고 계시네요힘내세요!

감사합니다 화이팅!!

11.01 am10:00

11.01 am10:00

TODAY : 4작성일 : 2016.10.09 TOTAL : 34

이전

인터랙티브미디어 디자인

TEST

6

인터랙티브미디어 디자인

TEST

”자기가 익명으로 쓸 건지 닉네임을 드러낼 건지

선택이 주어지면 좋겠음

익명과 닉네임을 혼합했을 때

네임드 될 수 있다는 문제점이 있어 좀 더 고려가 필요

익명의 가장 큰 문제점인 악플문제로 인해 신고 기능 추가

”“

Task 3

TASK : 글쓰기 _필요한 기능이 있다면?

인간관계에서 굳이 나 싫다는 사람 붙들고 너 왜그래? 내가 뭐 잘못했어? 나한테 왜 화났어? 이러는 건 진짜 시간낭비인ㄷ

글 작성하기

태그달기 #인간관계 #마이웨이가답 #마인ㄷ

취소 작성

7

인터랙티브미디어 디자인

TEST

쓰담쓰담 기능 같은 부분은 처음 접하는 기능이다보니 사용 설명서를 환경설정에서

꺼내볼 수 있는 시스템이 추가 되었으면 좋겠음

사용자 테스트 종합정리

만족도

난이도

불만족/어려움 만족/쉬움

1 7

쓰담쓰담 뿐만 아니라 손 키스 같이

더 재미있는 모션도 전달되면 참신할 것 같음

자기가 익명으로 쓸 건지 닉네임을 드러낼 건지

선택이 주어지면 좋겠음

인터랙티브미디어 디자인

TEST

인터랙티브미디어 디자인

TEST

21 / 남 / 대학생

자주 이용하는 어플 카카오톡

휴대폰으로 사람들과 소통

사람들과 연락하고 소통하는 것을 좋아하고

교류하는 것이 좋아서

하루 일과 중

가장 많이 시간을

투자하는 것

그 이유

김용상

인터랙티브미디어 디자인

TEST

1

인터랙티브미디어 디자인

TEST

2

인터랙티브미디어 디자인

TEST

3

인터랙티브미디어 디자인

TEST

대부분의 사람들이 사용 설명법을

제대로 보지 않고 지나치는데,

설명을 다시 볼 수 있는 기능이 있었으면 좋겠음

Task 1

TASK : 배우기 _필요한 기능이 있다면?

환경설정에 어플 설명 가이드 추가

HAND TO HAND에

오신 것을 환영해요!

HAND TO HAND 사용 가이드

4

인터랙티브미디어 디자인

TEST

Task 2

TASK : 사용하기 _필요한 기능이 있다면?

같은 고민을 하는 사람들을

키워드로 검색할 수 있는 기능이 있었으면 좋겠음

해쉬태그 뿐만 아니라 고민글들 중에서도

많이 쓰는 키워드를 몇 개 선정해 기능화 시키도록 함

“ ”넌나의숙명

미미공쥬

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ

학교에 대한 회의감이 들어요..

이러려고 대학생이 되었나 자괴감들어요

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ

2016.10.09

2016.10.09

고민글 전체보기이전

인터랙티브미디어 디자인

TEST

4

인터랙티브미디어 디자인

TEST

Task 3

인간관계에서 굳이 나 싫다는 사람 붙들고 너 왜그래? 내가 뭐 잘못했어? 나한테 왜 화났어? 이러는 건 진짜 시간낭비인ㄷ

글 작성하기

태그달기 #인간관계 #마이웨이가답 #마인ㄷ

취소 작성 TASK : 글쓰기 _필요한 기능이 있다면?

처음 글을 썼을 때 내가 쓴 글을

바로 확인 할 수 있는 페이지로 넘어갔으면 좋겠음

글을 작성 후, 작성되었습니다 알림 페이지가 뜬 뒤에

내가 작성한 글을 바로 볼 수 있는 페이지로 넘어가게 조정

“ ”

인터랙티브미디어 디자인

TEST

5

인터랙티브미디어 디자인

TEST

대부분의 사람들이 사용 설명법을 제대로 보지 않고 지나치는데,

설명을 다시 볼 수 있는 기능이 있었으면 좋겠음

사용자 테스트 종합정리

만족도

난이도

불만족/어려움 만족/쉬움

1 7

같은 고민을 하는 사람들을

키워드로 검색할 수 있는 기능이 있었으면 좋겠음

처음 글을 썼을 때 내가 쓴 글을

바로 확인 할 수 있는 페이지로 넘어갔으면 좋겠음

인터랙티브미디어 디자인

TEST

인터랙티브미디어 디자인

TEST

22 / 여 / 대학생

자주 이용하는 어플 페이스북, 유튜브

과제

장학금을 받기 위해

과제에 많은 시간을

투자하고 있다.

하루 일과 중

가장 많이 시간을

투자하는 것

그 이유

김영진

1

인터랙티브미디어 디자인

TEST

2

인터랙티브미디어 디자인

TEST

3

인터랙티브미디어 디자인

TEST

인터랙티브미디어 디자인

TEST

Task 1

쓰담쓰담 뿐만 아니라 손을 등록할 때

손이 불편한 사람들도 손쉽게 이용할 수

있는 대안이 있었으면 좋겠어요.

손과 관련한 일러스트를 적용하거나

가상 손사진을 제공하는 방안 고려

TASK : 배우기 _더 향상된 기능을 제공한다면?Step1

다음과 같이 손 사진을 찍어

프로필과 함께 등록해요.

닉네임

손 프로필 성별

생년월일

인터랙티브미디어 디자인

TEST

Task 1

TASK : 배우기

일괄적으로 사실적인 손의 실제사진이

아닌 개성있는 손을 표현 하면 재미있을 것 같고

특색있을 것 같음

손등에 반지 혹은 손목에 팔찌와 같이

일러스트를 첨부하여 장식적 요소 첨부

Step1

다음과 같이 손 사진을 찍어

프로필과 함께 등록해요.

닉네임

손 프로필 성별

생년월일

_더 향상된 기능을 제공한다면?

인터랙티브미디어 디자인

TEST

4

Task 2

TASK : 생각하기

“ 공감을 해주는 어플인데 적은 힘들게 적은

고민글에 적은 공감수를 받을까봐 걱정함

적은 공감수를 받은 고민글들은 상단으로

올려 많은 사람들과 고민을 나눌 수 있게 설정

_과제수행과정부분

HIDE

넌나의숙명

#우울 #인간관계 #힐링

#슬픔 #핸드투핸드 #데일리

TODAY : 4 TOTAL : 34

HIDE

넌나의숙명

#우울 #인간관계 #힐링

#슬픔 #핸드투핸드 #데일리

누군가에게 정을 쏟아 부으면

왜 돌아오는 것은 상처 뿐일까요ㅠㅠ

TODAY : 4작성일 : 2016.10.09 TOTAL : 34

고민글이전

인터랙티브미디어 디자인

TEST

5

인터랙티브미디어 디자인

TEST

6

인터랙티브미디어 디자인

TEST

손을 등록할 때 손이 불편한 사람들을 위해

추가된 기능이 생기면 좋겠음

사용자 테스트 종합정리

만족도

난이도

불만족/어려움 만족/쉬움

1 7

손을 얹는 것이 핵심인 만큼 손을 일러스트

혹은 장식을 해줄 수 있는 기능이 추가되면 더 재밌을 것 같음

어플 구성 단순하고 아이콘도 단순해서

사용하기에 쉽고 편리함

인터랙티브미디어 디자인

TEST

감사합니다11.16