59
BBC iPlayer for TV Putting telly back where it belongs Jane Murison

BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Embed Size (px)

Citation preview

Page 1: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

BBC iPlayer for TVPutting telly back where it belongs

Jane Murison

Page 2: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

I’ve been at the Beeb 9 years. I recently shared a lift with the Blue Peter dog.

It’s pronounced ‘mew-riss-on’

As opposed to ‘terrorist’ or ‘in charge’

This is one of many poor haircuts I’ve had. I was trying to grow it out.

My passport smile tries to convey that I am serious but friendly. I end up looking smug.

Page 3: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

“Telly is nicer to watch telly on. That’s why it’s telly.”

Participant quote from BBC user research last week

Page 4: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

I’ll talk aboutHow TV is different from computers

Frankenstein technology

How we design for new things

Page 5: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 6: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 7: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 8: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 9: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Designing for TV

Page 10: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Why doesn’t TV iPlayer look like this?

Page 11: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 12: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

flickr.com

Page 13: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Telly is big, but (in the immortal words of Father Ted), it’s far away.

Page 14: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Do less.

Page 15: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 16: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 17: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

1) Not every box lets designers choose a font.

2) Designers have their noses two inches from a giant monitor and the eyesight of a youthful osprey.

Page 18: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Remote controls are hard to design for

Page 19: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 20: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Entry problemsYou only have these buttons.*

* Colour keys are evil.

enter

back

Page 21: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 22: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

It’s even more fun with Games Consoles

enter

back

Page 23: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Colours change on telly.

Page 24: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 25: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

The iPlayer Pink (circa 2010)

Page 26: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

..and textures change too

Page 27: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 28: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 29: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

… and gradients are a nightmare

Page 30: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 31: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Action safe

Text safe

‘Salmon’ safe

Page 32: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 33: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 34: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

…and yet, sometimes we get this

Page 35: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Transitions

Page 36: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Test it! With people!

Page 37: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 38: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Franken-users &Franken-tech

Wikipedia

Page 39: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Look how happy they are

Zdnet.com

Page 40: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 41: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Marginally closer to the truth

FOX

Page 42: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Some people get TVs from skips

Wikipedia

Page 43: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 44: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

‘The’ ‘user’

Page 45: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Who’s your (secret) primary persona?

Page 46: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

! *&$! £$@!

Page 47: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 48: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Designing for new devices

Page 49: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Mapping the product to the thing

Page 50: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Competing wireframes

Page 51: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Mapping the users to the product

Page 52: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 53: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 54: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 55: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS
Page 56: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

“We went hands, arms and voice on with iPlayer for Xbox Live - it's very swish.”

“Whoop, going minority report all over my XBOX BBC iPlayer Xbox 360”

“Finally, we get BBC iPlayer on the Xbox. Awesome. #HappyNow!!!”

Page 57: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

What next?

Page 58: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

The march goes on…New features like ‘live’, ‘pause’, ‘last played’

New devices to launch on all the time (Sky coming this year)

Page 59: BBC IPLAYER FOR TV: PUTTING IPLAYER WHERE IT BELONGS

Thanks!@mewroh

Jane Murison