Issuu on Google+

UX Project 2012

v1.0

음악을 통한 감성코드 공유 "Music as Communication"

명지대학교 시각디자인 60041373

박경규


Contents

01. Team 'O+ui'

p3

01-a) Team 'O+ui' 01-b) Meeting image

02. Target

p5

02-a)Target Definition 02-b)Target Image

03. FGD (Focus Group Discussion)

p7

03-a) History 03-b) FGD summary

04. Fuction

p9

05. Function Research

p10

06-a) Melon 06-b) Olleh Music 06-c) M.net 06-d) Sound Cloud

06. GUI Mood Board

p14

07-a) concept 07-b) layout

07. Information Research

p15

08. Main Screen

p16

09. Sub Screen

p17


01. Team 'Oui'

01-a) Team 'Oui' 소개

· 'Oui'의 의미 1. 멋진 UI를 보고 나오는 감탄사 [오! 유아이! (Oh! UI!)] 2. 프랑스어 'oui' (긍정의 물음에 대한 긍정의 대답) 예, 그렇습니다 (↔ non) …Oui, oui, oui. 그래, 그렇긴 해

· 공통 주제 나의 생활과 밀접한 분야 정해서 관계 개선하기

· 팀원 박경규 · 개인 주제 : 음악을 통한 감성 코드 공유 · 팀 내 역할 : 의견 정리 및 조율

김다혜 · 개인 주제 : 바쁜 여성에게 필요한 쉽고 편한 패드 · 팀 내 역할 : 수위 조절 및 발언 시간 체크

윤영웅 · 개인 주제 : 바쁜 현대인을 위한 프로젝트 및 일정 관리 매니저 개발 · 팀 내 역할 : 회의 총괄 및 일정 조율

3


01. Team 'Oui'

01-b) 회의 image

4


02. Target

02-a) Target 정의

· Target - 음악을 주제로 Communication을 원하는 그대들에게!

연령 : 20~30대 특징 : 시간 · 장소에 구애 받기를 원하지 않는다. 감정상태 · 현 상황에 적절한 음악을 원한다.

→ 음악을 주제로 한 App의 과포화 상황에서 사용자의 감정을 존중하는 최적의 제안 환경

5


02. Target

02-b) Target Image

6


03. FGD

03-a) History

7


03. FGD

03-b) FGD summary

감정 상태에 맞는 음악을 쉽게 찾고, 주변인과 의견을 공유하고 싶다! 탐색

· 편리하고 간단한 감성적 검색 방법이 있었으면 좋겠어요. · 한 눈에 List가 보이는게 좋아요. · 제목,음악가, 앨범별로 검색이 편하게! · 실시간 차트가 보이면 좋겠어요. · 실시간 검색 키워드가 보이면 다른 사람 들은 지금 무얼 검색하는구나 알 수 있을 것 같아요. · 시대별로도 구분이 되었으면 좋겠어요. · 개인 검색이 History화되서 data로 남아 사용자의 Mind Map을 구성하면 재미있 을 것 같아요. · 무분별하게 많은 추천인을 두는 것 보다 추천인을 선별할 수 있었으면.. · 영어, 장문 검색이 불편해요.

재생

공유

· 보이는 정보가 더 다양했으면 좋겠어요.

· 공유할 수 있는 정보가 다양화되었으면!

· 환경이나 곡, 장르에 따라서 자동적으로 EQ가 설정되면 편할 것 같아요.

· 내 추천곡, 선호곡에 따라 취향이 잘 맞 는 친구를 추천해주면 좋겠어요.

· 간단한 동작으로 곡 정보를 저장하고 싶 어요. (my list에 저장)

· 편하게 친구 관리를 하고 싶어요.

· 음성인식으로 재생을 제어할 수 있으면 편할 듯!

· Messeging 기능이 있으면 좋을 것 같아 요. · 의견을 남길 수 있는 공간이 없어요.

· 위젯으로 있어서 빨리 들어갈 수 있으면 좋겠어요. · 사용자에게 재미를 줄 수 있는 요소가 있으면 더 잘 쓸 것 같어요. · 가사를 볼 때는 조명이 알아서 안 꺼졌 으면 좋겠어요.

· 음악 일기를 작성해서 블로그처럼 활성 화 시켜도 재미있을 것 같아요. · 채팅방/클럽 같은 공동 공간을 두면 친 구를 만나기 더 쉬울 것 같아요. · 취향이 비슷한 친구를 쉽게 파악하고 싶 어요. · 모르는 사람의 메세지는 받고 싶지 않아 요.

· 혼합적인 Tag 적용이 가능하면 좋겠어 요. '비 오는 날' 듣고 싶은 '재즈'처럼! · 비슷한 가수가 추천되었으면 좋겠어요. · 미리듣기를 즉각적으로 할 수 있었으면!

8


04. Function

사용자 의견을 반영한 각 과정별 주요 기능

탐색

재생

공유

[쉽게 찾기]

[음악 중심의 정보 탐색]

[취향이 맞는 친구 추천]

·색상 코드를 이용한 감성적 구분

·다양한 정보 노출 (제목, 음악가, 앨 범, 가사, Image, 유사한 음악가)

·정보 공유(음악, 음악가, 최신 정보, 공연 및 공연장, 주요 spot)

·주변음, 허밍, 박자(Tap), Image 를 통한 유사 음악 검색

·환경에 따른 자동적 EQ

·추천곡, 선호곡에 따른 Matching Level 설정 및 친구 추천

·List ·검색(제목,음악가, 앨범,즐겨찾기) ·실시간 차트 ·실시간 검색 키워드 ·시대별 구분 ·개인 검색의 History화→data화 ⇒Mind Map 구성 ·추천인 선별 기능

·곡 및 장르에 따른 자동적 EQ ·Shaking으로 곡 정보 저장 (my list) ·음성인식을 통한 재생 제어 ·위젯 기능 ·재미 요소 (효과음, DJing, 노래방, Blending) ·가사 탐색시 곡 재생 시간에 따라 조명시간 자동 조절

·댓글, 좋아요/싫어요 ·친구 관리(친구 맺기, 삭제, 그룹 생 성 및 관리) ·Messeging (전송, 차단) ·음악 일기 작성 ·채팅방/클럽 등 공동 공간 생성 ·개인 프로필에 선호 코드 표시 (추천곡은 코드 선택 후 업로드)

·초성 검색

·부분 편집 및 저장, 공유

·Siri식 음성 인식

·Air Fliy(touch) 전송 (list 공유)

·음악을 들려주고 검색(ex.Naver)

·SNS공유

·Touch 만으로 즉각적 미리듣기

9


05. Function Research

05-a) Melon

good : - 항목이 세분화되어 접근성이 높음 - 재생 제어 패널이 좌측 하단에 항상 노출됨

bad : - 항상 노출되어 있는 재생 제어 패널 때문에 오동작을 일으키기 쉬움(장점이자 단점) - 개인 DJ 시스템이 활성화되어 있으나, 명확한 기준에 따른 분류가 되어 있지 않음 → 원하는 감성을 찾아가기가 힘듦

재생 제어 패널 (우측으로 슬라이드하면 제어가 가능하다)

활성화되어 있는 개인 DJ 시스템

개선점 : -재생 제어 패널의 사용성 -app 상에서 타인과의 감정 교류 -독자적인 검색 방법

10


05. Function Research

05-b) Olleh Music

good : - 대부분 App 자체적으로는 지원하지 않는 타이머 기능 지원

bad : - Web 버전은 감성에 따른 분류가 상세히 되어 있지만, App버전은 감성 코드 분류가 전혀 없음 - 단조로운 GUI가 지루한 느낌을 줌

감성에 따른 분류가 되어 있지 않다. 단순한 음원 서비스 App

타이머 기능

개선점 : -감성 코드에 따른 분류 -app 상에서 타인과의 감정교류 -감성 키워드에 따른 음악 감상 기능 -독자적인 검색 방법

11


05. Function Research

05-c) M.net

good : - 음원을 여러 카테고리로 다양하게 분류 → 원하는 음악에 대한 다양한 접근 방법

bad : 온라인 서비스에서 사용자 보유 콘텐츠로의 전환 과정이 번거로움

다양한 카테고리로 분류가 되어 있다

사용자 보유 음악으로 이동하려면 <더보기→ 보관함→장치(ipod)>의 과정을 거쳐야한다

개선점 : -온라인 서비스 · 사용자 보유 콘텐츠의 편리한 변환 -독자적인 검색 방법

12


05. Function Research

05-d) Sond Cloud

good : - 특정 재생 시간에 댓글 첨가 기능으로 인해 곡이 재생되는 동안 댓글들이 말풍선처럼 나타남(다른 사용자들의 감정을 즉각적 으로 알 수 있음)

bad :

- 개인 업로드 방식이기 때문에 같은 곡이라 하더라도 파일명이 제각각이며, 따라서 빠르고 정확한 검색이 어려움 -타 SNS와 연동시 재생만 해도 SNS 게시판에 등록이 됨

사용자가 작성한 댓글이 개인 프로필 정보 와 함께 남아있다

파일명에 체계가 없어 빠르고 정확한 검색이 어려 운 개인 업로드의 한계를 보인다

개선점 : -음원 서비스 방식 -app 상에서 타인과의 교류 가능 여부 -감성 키워드에 따른 음악 감상 기능 -빠르고 정확한 검색 방법

13


06. GUI Mood Board

06-a) concept

06-b) layout

LP와 다이얼, 버튼 등으로 아날로그 감성 표현

커버플로우 하단에 주요 메뉴 배치

14


07. Information Research

음악 감상은 탐색-재생-공유 그리고 탐색으로 돌아가는 Process의 반복이다. 때문에 원형 안에서 반복의 형태를 찾았고, User Needs에서 Function으로 발전시키는 과정을 뻗어나가는 형태로 표현할 것이다.

15


08. Main Screen

Main Screen의 UI 구조와 concept, 부분별 기능

1. Concept 12:00 My Music

Online

add to playlist

Share

more info.

a. page indicator

색상 코드, 허밍, Image, 박자(tap)에 의한 검색 결과를 제공하며, 현재 재생 중인 음악의 즉각적인 공유가 가능하다. 온라인 서비스에서는 다른 사용자들의 감성 코드에 따라 분류된 음원을 제공받을 수 있다.

b. 부가 기능

2. 부분별 기능 repeat

similar artists

other album

항목

c. cover flow, 재생 제어 버튼 03. Definition Black Star Mos Def & Talib Kweli are

Color

Mic

Cam

Drum

형태

a. Page Indicator

현재 탐색하고 있는 페이지의 위치를 보여준다. My Music : 사용자 보유 음악/ Online : 온라인 서비스/ Share : 개인 게시판(ex – facebook 담벼락)

Graphic + Text

b. 부가 기능

재생목록에 추가, 더 많은 정보 보기와 반복 설정, 비슷한 아티스트 보기, 해당 아티스트의 다른 앨범 보기 기능이 위 치한다.

Graphic + Text

c. cover flow, 재생 제어 버튼

Cover Flow의 형태로 목록을 제공하며, 곡의 기본 정보(제 목,아티스트, 앨범)의 하단부에는 재생 제어 버튼이 위치한 다.

Graphic + Text

d. 소프트 키

다른 검색 방법으로 전환할 수 있는 key와 목록의 탐색 형 식(list, cover flow)을 변환할 수 있는 키가 위치한다. 또한 sorting 변환 키를 통해 장르, 음악가, 앨범, 곡 제목에 의한 분류값을 얻을 수 있다.

Graphic

d. 소프트 키

sorting 변환 키

정의

16


09. Sub Screen

Sub Screen(특화 검색)의 기능

12:00

12:00 My Music

Online

Share

My Music

12:00 Online

Share

My Music

Online

Share

library에서 선택

Tap your beat!!

REC

Color

Mic

Cam

Color

Drum

Mic

Cam

Drum

Color

Mic

Cam

Drum

MIC

Cam

Drum

MIC를 통한 검색 방법을 선택할 경우, 사용자의 허 밍 혹은 사용자가 들려주는 주변음을 실시간으로 녹음하여 어울리는 멜로디의 음악을 탐색한다.

카메라를 통한 검색 방법은 라이브러리의 사진 혹은 실시간으로 찍은 사진의 선택에 따라 색조, 분위기 등에 어울리는 느낌의 음악을 탐색한다.

Drum을 통해 검색할 경우 사용자가 원하는 박 자를 손으로 탭하게 되면 해당 BPM 혹은 그에 가장 가까운 BPM의 음악을 탐색한다.

17


Touchtune Touch 1. (손 등으로) 만지다[건드리다], (손 등을) 대다 2. 둘 이상의 사물・표면 등이 닿다, 접촉하다 3. (손상・해가 가게) 손대다 4. (먹다・마시다・쓰다는 뜻으로) 손을 대다 5. 마음을 움직이다, 감동시키다

Touch는 감정에서 시작되어 손 끝으로 이어지기에 그 둘 사이의 거리는 무엇보다도 가까워야 한다.

음악을 매개로 사용자의 감정에 가까워질 수 있는 최적의 제안,

Touchtune.


Thank You


0828_UI제안서_박경규