69
Design for Your Ears #snddc @jypyk @creativenewman Design for Your Ears Jeremy Pennycook Mobile Technology Manager @jypyk Dan Newman Deputy Creative Director @creativenewman

NPR One @SND 2015: Designing For Your Ears

Embed Size (px)

Citation preview

Page 1: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears

Jeremy Pennycook

Mobile Technology Manager

@jypyk

Dan Newman

Deputy Creative Director

@creativenewman

Page 2: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Public Radio Made Personal

Page 3: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Reimagine Radio

Page 4: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Simple

Page 5: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Inclusive

Page 6: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Personal

Page 7: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Sensibility

Page 8: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Machine

learningHandpicked

curation

Page 9: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 10: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

How It Works

Page 11: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

The Clock

Page 12: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Flow

Page 13: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Tailored

Page 14: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Channels

Page 15: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Promos

Page 16: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 17: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 18: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 19: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 20: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 21: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 22: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 23: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Interaction & UI Design

Page 24: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Challenge:

Competition For Attention

Page 25: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Challenge: Busy Interfaces

Page 26: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

As Easy As Radio

Page 27: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Audio-First

Page 28: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Platform, Not App

Page 29: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 30: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 31: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 32: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 33: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Audio

Interaction

Page 34: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Four Key Principles

• Clarity - content not chrome

• Deference - UI gets out of the way

• Depth - communicating structure

• Detail - refinement of interactions

Page 35: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Learning Through Data

Page 36: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 37: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Iterative Framework

• Agile - Our core philosophy of how we work.

• Scrum - The vehicle inside which we get things done.

• Lean - How we know we’re working on the right stuff.

Credit: McCaul Baggett

Page 38: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 39: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 40: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 41: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 42: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 43: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 44: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 45: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 46: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 47: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 48: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design for Your Ears#snddc @jypyk @creativenewman

Page 49: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

“Catch Me Up”vs.

“Tell Me a Story”

Page 50: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 51: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Yes, and...

Page 52: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 53: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 54: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 55: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

75% of all searches can be attributed

to the name of a show or podcast

57% of show searches

are for NPR shows or podcasts

Page 56: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 57: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 58: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 59: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Page 60: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

People aren’t binary;

personalization shouldn’t be, either.

Page 61: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Listeners find great content

through trusted companions.

Page 62: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Don’t reinvent the wheel.

Page 63: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Build frameworks, not features.

Page 64: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Open Questions

Page 65: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Music?

Page 66: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Other personalization signals?

Interaction

Valu

e

Page 67: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Connection to other NPR experiences?

Page 68: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Design isn’t about the buttons…

it’s about the total experience.

Page 69: NPR One @SND 2015: Designing For Your Ears

Design for Your Ears#snddc @jypyk @creativenewman

Thank You

Jeremy Pennycook

Mobile Technology Manager

@jypyk

Dan Newman

Deputy Creative Director

@creativenewman