music experiences - mobile ux london

49
From your desktop to your wrist How UX is shaping the way we experience music Diana M. Mundó UX Lead, 7digital @dianam002

Upload: diana-mundo

Post on 16-Apr-2017

1.190 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Music Experiences - Mobile UX London

From your desktop to your wrist How UX is shaping the way we experience music

Diana M. Mundó UX Lead, 7digital @dianam002

Page 2: Music Experiences - Mobile UX London

@dianam002

Agenda

1. The digital music market

2. 7digital - Examples of music services

3. What’s next?

Page 3: Music Experiences - Mobile UX London

@dianam002

About me

• UX Lead in 7digital

• Interactive Media Designer with a MSc in Cognitive Systems and Interactive Media

• Built physical interfaces to create and modify music in real time

• Previously UX consultant at Accenture

Page 4: Music Experiences - Mobile UX London

@dianam002

About 7digital

• 7digital is a B2B company providing platform products and services to the digital music and broadcast industries.

• We operate a robust, scalable technical infrastructure that powers music and radio services from companies such as Technics, Onkyo, HMV and will.i.am.

• We also run our own online music store and our own apps to buy, download and listen to music.

Page 5: Music Experiences - Mobile UX London

1. The digital music market

Page 6: Music Experiences - Mobile UX London

@dianam002

Page 7: Music Experiences - Mobile UX London

@dianam002

Age 1 - Digital Piracy

Page 8: Music Experiences - Mobile UX London

@dianam002

Age 2 - CD Replacement

Page 9: Music Experiences - Mobile UX London

@dianam002

Age 3 - Digital Expansion

Page 10: Music Experiences - Mobile UX London

@dianam002

Music sales through the ages

Age 1: Digital Piracy

Age 2: CD Replacement

Age 3: Digital Expansion

Page 11: Music Experiences - Mobile UX London

2. Examples of music services

Page 12: Music Experiences - Mobile UX London

@dianam002

Music experiences

A. Music has a deep emotional value

B. Context of use:

• Devices

• Types of content

• Other people

Page 13: Music Experiences - Mobile UX London

Cross-Platform Radio

Page 14: Music Experiences - Mobile UX London

The Process

Two workshops:

1. Main stakeholders from the client side:

• Proto-personas creation

• Users’ needs

2. Potential users:

• Individual idea generation

• Group idea generation

Page 15: Music Experiences - Mobile UX London

@dianam002

The user is making lots of small trips by car never gets to hear a whole program

The Problem

Page 16: Music Experiences - Mobile UX London

@dianam002

Multiplatform system that allows Play/Pause for live radio

The Solution

Page 17: Music Experiences - Mobile UX London
Page 18: Music Experiences - Mobile UX London
Page 19: Music Experiences - Mobile UX London
Page 20: Music Experiences - Mobile UX London
Page 21: Music Experiences - Mobile UX London
Page 22: Music Experiences - Mobile UX London
Page 23: Music Experiences - Mobile UX London

Smartwatch

Wearables

Page 24: Music Experiences - Mobile UX London

@dianam002

The BriefCreate a user journey that explains the different interactions between the wearable and web experiences for a specific persona

Page 25: Music Experiences - Mobile UX London

@dianam002

- Music fan

- Tech savvy

- Blogger

- Social media consumer

- Student

- Already a user of this smartwatch

Paul

Page 26: Music Experiences - Mobile UX London
Page 27: Music Experiences - Mobile UX London
Page 28: Music Experiences - Mobile UX London
Page 29: Music Experiences - Mobile UX London
Page 30: Music Experiences - Mobile UX London
Page 31: Music Experiences - Mobile UX London
Page 32: Music Experiences - Mobile UX London
Page 33: Music Experiences - Mobile UX London
Page 34: Music Experiences - Mobile UX London
Page 35: Music Experiences - Mobile UX London
Page 36: Music Experiences - Mobile UX London
Page 37: Music Experiences - Mobile UX London

3. What’s next?

Page 38: Music Experiences - Mobile UX London

@dianam002

Distribution of listener types*

*The Echo Nest presentation at SXSW March 2014

Page 39: Music Experiences - Mobile UX London

@dianam002

Distribution of Listener Types*

*The Echo Nest presentation at SXSW March 2014

Page 40: Music Experiences - Mobile UX London

@dianam002

Page 41: Music Experiences - Mobile UX London

@dianam002

Technology trends

Page 42: Music Experiences - Mobile UX London

@dianam002

Things my device knows about me…

Page 43: Music Experiences - Mobile UX London

@dianam002

Things my device knows about me…

Me

Page 44: Music Experiences - Mobile UX London
Page 45: Music Experiences - Mobile UX London

How do we get there?

Page 46: Music Experiences - Mobile UX London

@dianam002

Re-think your competitors

Music FitnessRecommendations

Page 47: Music Experiences - Mobile UX London

@dianam002

Key takeaways

1. Understand your users, understand the context of use. Use the data!

2. Work with all the information you have. Don’t isolate your app/service to the information you collect

3. Broaden the view of who your competitors are

Page 49: Music Experiences - Mobile UX London

@dianam002

Links

http://www.makeuseof.com/tag/the-evolution-of-music-consumption-how-we-got-here/

http://www.musicbusinessworldwide.com/the-uk-is-now-streaming-music-a-billion-times-a-week/

Icons Credits

• Browser by Seán Mongey from the Noun Project

• Magnifying Glass by Egidio Filippetti from the Noun Project

• Playlist by Rohith M S from the Noun Project

• Share by Patrick Trouvé from the Noun Project

• apple watch by Anusha Narvekar from the Noun Project

• Headphones by Simple Icons from the Noun Project

• Radio by Elliot Midson from the Noun Project

• hashtag by Straw Dog Design from the Noun Project

• Radio by Giuditta Valentina Gentile from the Noun Project

• iPhone by Daniel from the Noun Project

• iPad by Edward Boatman from the Noun Project

• Location by Rohith M S from the Noun Project

• Calendar by Edward Boatman from the Noun Project

• heartbeat by Creative Stall from the Noun Project

• mp3 player by riyazali from the Noun Project

• sisters by Marie Van den Broeck from the Noun Project

• person by Kris Brauer from the Noun Project

• Man by Nisarg Raval from the Noun Project