59
refined question: How can design connect and create a new community of individuals who enjoy sharing and experiencing music together though interactive platforms and customizable shared/communal playlists? my question hasn't changed since my last presentation but it is How can design connect and create a new community of individuals who enjoy sharing and experiencing music together though interactive platforms and customizable shared/communal playlists?

Keynote 3

Embed Size (px)

Citation preview

Page 1: Keynote 3

refined question:

How can design connect and create a new community of individuals who enjoy sharing and experiencing music together though in te rac t i ve p la t fo r ms and customizable shared/communal playlists?

my question hasn't changed since my last presentation but it is How can design connect and create a new community of individuals who enjoy sharing and experiencing music together though interactive platforms and customizable shared/communal playlists?

Page 2: Keynote 3

What have I done?

I have conducted one interview, conducted a survey, started my branding exploration & defined my system & I've created my low content wireframes

Page 3: Keynote 3

Interview

I had the opportunity to interview Monica Mendez the Programing director from La X radio station. I ended up staying and talking to her for about 45 minutes after I finished asking her all of my questions because of how interesting her conversation was.

Page 4: Keynote 3

Interview

I had the opportunity to interview Monica Mendez the Programing director from La X radio station. I ended up staying and talking to her for about 45 minutes after I finished asking her all of my questions because of how interesting her conversation was.

Page 5: Keynote 3

Interview Questions

How long have you been in business?

What was the hardest part about building your community?

How do you interact with your audience?

What kind of feedback do you get from your audience?

The main questions I asked her are: How long have you been in business?What was the hardest part about building your community?How do you interact with your audience?What kind of feedback do you get from your audience?

The main things i learned are that La X actually just started a couple years ago and the way they've been building up they’re community is by constantly connecting with events going on in their desired community. They receive most of their feedback from social media especially after an event or show. And the hardest part of building their community is staying in the know.

Page 6: Keynote 3

Survey

For my survey I considered many different methods of actually conducting the survey. I was going to put survey poster around campus and I also considered survey monkey but then it was suggested that I try a twitter survey and so I did & I was actually surprised at the results.

Page 7: Keynote 3
Page 8: Keynote 3

So the questions I asked were:

Would you consider yourself a music enthusiast?When you find new music do you like to share it with other or keep it to yourself?How often do you listen to music?How often do you listen to the radio?& How do you listen to music? Pandora, Spotify ect.

Page 9: Keynote 3

So the questions I asked were:

Would you consider yourself a music enthusiast?When you find new music do you like to share it with other or keep it to yourself?How often do you listen to music?How often do you listen to the radio?& How do you listen to music? Pandora, Spotify ect.

Page 10: Keynote 3

So the questions I asked were:

Would you consider yourself a music enthusiast?When you find new music do you like to share it with other or keep it to yourself?How often do you listen to music?How often do you listen to the radio?& How do you listen to music? Pandora, Spotify ect.

Page 11: Keynote 3

I got plenty of specific replies from people and I got a decent amount of activity on the surveys themselves. The highest number engagements I received was 47.

Page 12: Keynote 3

I got plenty of specific replies from people and I got a decent amount of activity on the surveys themselves. The highest number engagements I received was 47.

Page 13: Keynote 3

I got plenty of specific replies from people and I got a decent amount of activity on the surveys themselves. The highest number engagements I received was 47.

Page 14: Keynote 3

Mood Board & Inspiration

Page 15: Keynote 3

mood board & inspiration

Page 16: Keynote 3

Name Ideation:

Playlist CV (communal vibes)

Vibes Vibe Affix Join

I choose the name Vibes & im in the process of exploring the logo marks. right now my favorites are (point)

Page 17: Keynote 3

Name Ideation:

Playlist CV (communal vibes)

Vibes Vibe Affix Join

I choose the name Vibes & im in the process of exploring the logo marks. right now my favorites are (point)

Page 18: Keynote 3

Name Ideation:

Playlist CV (communal vibes)

Vibes Vibe Affix Join

I choose the name Vibes & im in the process of exploring the logo marks. right now my favorites are (point)

Page 19: Keynote 3

Name Ideation:

Playlist CV (communal vibes)

Vibes Vibe Affix Join

I choose the name Vibes & im in the process of exploring the logo marks. right now my favorites are (point)

Page 20: Keynote 3

Name Ideation:

Playlist CV (communal vibes)

Vibes Vibe Affix Join

I choose the name Vibes & im in the process of exploring the logo marks. right now my favorites are (point)

Page 21: Keynote 3

Focal User Interactions

Page 22: Keynote 3

Digital Experience Interaction with the live playlist

Focal User Interactions

Page 23: Keynote 3

Digital Experience Interaction with the live playlist

Invite & feedback to Physical Interaction

Focal User Interactions

Page 24: Keynote 3

low-content wireframes

Live Playlist

where are you now?

Page 25: Keynote 3

low content wireframes

Page 26: Keynote 3

visual of current song + name of

playlist

1

2

3

4

low content wireframes

Page 27: Keynote 3

visual of current song + name of

playlist

1

2

3

4

Location:

Home / Active Playlist

Action(s):

Choose from active playlist in

map, start new playlist

notes:

infograph insppired

low content wireframes

Page 28: Keynote 3

visual of current song + name of

playlist

1

2

3

4

name of playlistsong playing, artist ,

album

like dislike

add

playlist lineup history

Location:

Home / Active Playlist

Action(s):

Choose from active playlist in

map, start new playlist

notes:

infograph insppired

low content wireframes

Page 29: Keynote 3

visual of current song + name of

playlist

1

2

3

4

name of playlistsong playing, artist ,

album

like dislike

add

playlist lineup history

Location:

Home / Active Playlist

Action(s):

Choose from active playlist in

map, start new playlist

notes:

infograph insppired

Location: Chosen playlist

Action(s):listen, rate, playlist lineup, add to lineup, comment

Information:Artist, Album, Tittle, # of current playlist listeners, playlist lifes-pan, genre, song rates

low content wireframes

Page 30: Keynote 3

visual of current song + name of

playlist

1

2

3

4

name of playlistsong playing, artist ,

album

like dislike

add

playlist lineup history

name of playlistsong playing, artist ,

album

3dislikes

add

playlist lineup history

44 likes

Location:

Home / Active Playlist

Action(s):

Choose from active playlist in

map, start new playlist

notes:

infograph insppired

Location: Chosen playlist

Action(s):listen, rate, playlist lineup, add to lineup, comment

Information:Artist, Album, Tittle, # of current playlist listeners, playlist lifes-pan, genre, song rates

low content wireframes

Page 31: Keynote 3

visual of current song + name of

playlist

1

2

3

4

name of playlistsong playing, artist ,

album

like dislike

add

playlist lineup history

name of playlistsong playing, artist ,

album

3dislikes

add

playlist lineup history

44 likes

Location:

Home / Active Playlist

Action(s):

Choose from active playlist in

map, start new playlist

notes:

infograph insppired

Location: Chosen playlist

Action(s):listen, rate, playlist lineup, add to lineup, comment

Information:Artist, Album, Tittle, # of current playlist listeners, playlist lifes-pan, genre, song rates

Location: Chosen Playlist + rate

Action(s): like, dislike

Information: current dislike + like count

notes: responsive buttons

low content wireframes

Page 32: Keynote 3

visual of current song + name of

playlist

1

2

3

4

name of playlistsong playing, artist ,

album

like dislike

add

playlist lineup history

name of playlistsong playing, artist ,

album

3dislikes

add

playlist lineup history

44 likes

name of playlistsong playing, artist ,

album

add

playlist lineup history

3dislikes

44 likes

Location:

Home / Active Playlist

Action(s):

Choose from active playlist in

map, start new playlist

notes:

infograph insppired

Location: Chosen playlist

Action(s):listen, rate, playlist lineup, add to lineup, comment

Information:Artist, Album, Tittle, # of current playlist listeners, playlist lifes-pan, genre, song rates

Location: Chosen Playlist + rate

Action(s): like, dislike

Information: current dislike + like count

notes: responsive buttons

low content wireframes

Page 33: Keynote 3

visual of current song + name of

playlist

1

2

3

4

name of playlistsong playing, artist ,

album

like dislike

add

playlist lineup history

name of playlistsong playing, artist ,

album

3dislikes

add

playlist lineup history

44 likes

name of playlistsong playing, artist ,

album

add

playlist lineup history

3dislikes

44 likes

Location:

Home / Active Playlist

Action(s):

Choose from active playlist in

map, start new playlist

notes:

infograph insppired

Location: Chosen playlist

Action(s):listen, rate, playlist lineup, add to lineup, comment

Information:Artist, Album, Tittle, # of current playlist listeners, playlist lifes-pan, genre, song rates

Location: Chosen Playlist + rate

Action(s): like, dislike

Information: current dislike + like count

notes: responsive buttons

Location: Chosen Playlist + add to lineup

Action(s): submit, cancel

notes: pop up action

low content wireframes

Page 34: Keynote 3

visual of current song + name of

playlist

1

2

3

4

name of playlistsong playing, artist ,

album

like dislike

add

playlist lineup history

name of playlistsong playing, artist ,

album

3dislikes

add

playlist lineup history

44 likes

name of playlistsong playing, artist ,

album

add

playlist lineup history

3dislikes

44 likes

search song

option a

option b

option c

option d

add to lineup

Location:

Home / Active Playlist

Action(s):

Choose from active playlist in

map, start new playlist

notes:

infograph insppired

Location: Chosen playlist

Action(s):listen, rate, playlist lineup, add to lineup, comment

Information:Artist, Album, Tittle, # of current playlist listeners, playlist lifes-pan, genre, song rates

Location: Chosen Playlist + rate

Action(s): like, dislike

Information: current dislike + like count

notes: responsive buttons

Location: Chosen Playlist + add to lineup

Action(s): submit, cancel

notes: pop up action

low content wireframes

Page 35: Keynote 3

visual of current song + name of

playlist

1

2

3

4

name of playlistsong playing, artist ,

album

like dislike

add

playlist lineup history

name of playlistsong playing, artist ,

album

3dislikes

add

playlist lineup history

44 likes

name of playlistsong playing, artist ,

album

add

playlist lineup history

3dislikes

44 likes

search song

option a

option b

option c

option d

add to lineup

Location:

Home / Active Playlist

Action(s):

Choose from active playlist in

map, start new playlist

notes:

infograph insppired

Location: Chosen playlist

Action(s):listen, rate, playlist lineup, add to lineup, comment

Information:Artist, Album, Tittle, # of current playlist listeners, playlist lifes-pan, genre, song rates

Location: Chosen Playlist + rate

Action(s): like, dislike

Information: current dislike + like count

notes: responsive buttons

Location: Chosen Playlist + add to lineup

Action(s): submit, cancel

notes: pop up action

Location: Chosen Playlist + add to lineup + search song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

low content wireframes

Page 36: Keynote 3

low content wireframes

Page 37: Keynote 3

search song

option a

option b

option c

option d

add to lineup

low content wireframes

Page 38: Keynote 3

search song

option a

option b

option c

option d

add to lineup

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

low content wireframes

Page 39: Keynote 3

search song

option a

option b

option c

option d

add to lineup

search song

option a

option b

option c

option d

add to lineup

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

low content wireframes

Page 40: Keynote 3

search song

option a

option b

option c

option d

add to lineup

search song

option a

option b

option c

option d

add to lineup

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

low content wireframes

Page 41: Keynote 3

search song

option a

option b

option c

option d

add to lineup

search song

option a

option b

option c

option d

add to lineup

visualization of lineup order

& where your song fits in that

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

low content wireframes

Page 42: Keynote 3

search song

option a

option b

option c

option d

add to lineup

search song

option a

option b

option c

option d

add to lineup

visualization of lineup order

& where your song fits in that

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: visualization of lineup

Action(s): none

Information:lineup

notes: pop up will timeout & return to home page

low content wireframes

Page 43: Keynote 3

search song

option a

option b

option c

option d

add to lineup

search song

option a

option b

option c

option d

add to lineup

visualization of lineup order

& where your song fits in that

name of playlistsong playing, artist ,

album

add

playlist lineup history

3dislikes

44 likes

swipe up

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: visualization of lineup

Action(s): none

Information:lineup

notes: pop up will timeout & return to home page

low content wireframes

Page 44: Keynote 3

search song

option a

option b

option c

option d

add to lineup

search song

option a

option b

option c

option d

add to lineup

visualization of lineup order

& where your song fits in that

name of playlistsong playing, artist ,

album

add

playlist lineup history

3dislikes

44 likes

swipe up

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: visualization of lineup

Action(s): none

Information:lineup

notes: pop up will timeout & return to home page

Location: feed

Action(s): swipe up

notes: swipe up

low content wireframes

Page 45: Keynote 3

search song

option a

option b

option c

option d

add to lineup

search song

option a

option b

option c

option d

add to lineup

visualization of lineup order

& where your song fits in that

name of playlistsong playing, artist ,

album

add

playlist lineup history

3dislikes

44 likes

swipe up

name of playlistsong playing, artist ,

album

feed

meme

emoji

like

picture

comment

+

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: visualization of lineup

Action(s): none

Information:lineup

notes: pop up will timeout & return to home page

Location: feed

Action(s): swipe up

notes: swipe up

low content wireframes

Page 46: Keynote 3

search song

option a

option b

option c

option d

add to lineup

search song

option a

option b

option c

option d

add to lineup

visualization of lineup order

& where your song fits in that

name of playlistsong playing, artist ,

album

add

playlist lineup history

3dislikes

44 likes

swipe up

name of playlistsong playing, artist ,

album

feed

meme

emoji

like

picture

comment

+

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: Chosen Playlist + add to lineup + search song + select song

Action(s): search song, select song, submit

Information:song names + artist

notes: button

Location: visualization of lineup

Action(s): none

Information:lineup

notes: pop up will timeout & return to home page

Location: feed

Action(s): swipe up

notes: swipe up

Location: feed

Action(s): swipe down, like + dislike action of feed, add to feed, comment on feed post

low content wireframes

Page 47: Keynote 3

low-content wireframes

Current Events (Invitation to Physical interaction)

where are you now?

Page 48: Keynote 3

low content wireframes

Page 49: Keynote 3

1 2

3 4

5 6

7 8

low content wireframes

Page 50: Keynote 3

1 2

3 4

5 6

7 8

Location: CE filter

Action(s): select desired topics, remove unwanted topics

Information:topics

notes: drag & drop

low content wireframes

Page 51: Keynote 3

1 2

3 4

5 6

7 8

4 6

3 5

2 8

CE Filtered feed

Location: CE filter

Action(s): select desired topics, remove unwanted topics

Information:topics

notes: drag & drop

low content wireframes

Page 52: Keynote 3

1 2

3 4

5 6

7 8

4 6

3 5

2 8

CE Filtered feed

Location: CE filter

Action(s): select desired topics, remove unwanted topics

Information:topics

notes: drag & drop

Location: CE feed

Action(s): expand topic

Information:preview of topic top stories

notes: select topic

low content wireframes

Page 53: Keynote 3

1 2

3 4

5 6

7 8

4 6

3 5

2 8

CE Filtered feed events

Location: CE filter

Action(s): select desired topics, remove unwanted topics

Information:topics

notes: drag & drop

Location: CE feed

Action(s): expand topic

Information:preview of topic top stories

notes: select topic

low content wireframes

Page 54: Keynote 3

1 2

3 4

5 6

7 8

4 6

3 5

2 8

CE Filtered feed events

Location: CE filter

Action(s): select desired topics, remove unwanted topics

Information:topics

notes: drag & drop

Location: CE feed

Action(s): expand topic

Information:preview of topic top stories

notes: select topic

Location: CE selected topic (upcoming events)

Action(s): expand event

Information:this week, this month, most recent (past)

notes: select event

low content wireframes

Page 55: Keynote 3

1 2

3 4

5 6

7 8

4 6

3 5

2 8

CE Filtered feed events

event namelocation

datetimeartistpricelinkfeed

meme

emoji

like

picture

comment

+

Location: CE filter

Action(s): select desired topics, remove unwanted topics

Information:topics

notes: drag & drop

Location: CE feed

Action(s): expand topic

Information:preview of topic top stories

notes: select topic

Location: CE selected topic (upcoming events)

Action(s): expand event

Information:this week, this month, most recent (past)

notes: select event

low content wireframes

Page 56: Keynote 3

1 2

3 4

5 6

7 8

4 6

3 5

2 8

CE Filtered feed events

event namelocation

datetimeartistpricelinkfeed

meme

emoji

like

picture

comment

+

Location: CE filter

Action(s): select desired topics, remove unwanted topics

Information:topics

notes: drag & drop

Location: CE feed

Action(s): expand topic

Information:preview of topic top stories

notes: select topic

Location: CE selected topic (upcoming events)

Action(s): expand event

Information:this week, this month, most recent (past)

notes: select event

Location:

CE event overview

Action(s):

link to website and or other app,

comment

Information:

event date, time, loation, artist,

pricing, user comment feed

scenario example post:

@yolo808 “just bought Post

Malone Tickets! YOLO”

low content wireframes

Page 57: Keynote 3

whats next?

whats next? revised timeline + “this week”

Page 58: Keynote 3

whats next? revised timeline + “this week”

Page 59: Keynote 3

whats next? revised timeline + “this week”