Design for store skjermer og smart-TV

84
Sofasurfing med TV Creuna frokostseminar

Transcript of Design for store skjermer og smart-TV

Sofasurfing med TVCreuna frokostseminar

Side 2 ©Creuna

Først hadde vi en TV

Spillkonsoll

HD-opptaker Programguide

Satellittmottaker

Videoopptaker Musikkstrømming

Filmleie

Nettleser

Side 3 ©Creuna

Hva er en Smart-TV?

Side 4 ©Creuna

Hva er en Smart-TV?

Side 5 ©Creuna

A smart TV device is either a television set with integrated

Internet capabilities or a set-top box for television that offers

more advanced computing ability and connectivity than a

contemporary basic television set.

TV + Internet

Side 6 ©Creuna

Hva du må gjøre

Se TV i sammenheng med andre kanaler

Tilpasse konseptet til kontekst

Angripe TV på samme måte som mobil

Velge mellom web og app

Side 7 ©Creuna

«Kommer sofasurfing på TV-skjermer

til å stå for 20% av din webtrafikk?»

Kanskje ikke, men det er noe i gjære

Side 9 ©Creuna

Ikke lett å spore brukere i dag

Side 12 ©Creuna

Netflix har kommet

Side 13 ©Creuna

HBO er på vei

Side 14 ©Creuna

The TV Will Be The next digital Battleground

Apple, Google, Yahoo og Microsoft har alle erklært TV som sitt neste

satsingsområde

Allerede tilstede med forskjellige former for teknologi

40 prosent av alle tv-er som selges i Norge for tiden smart-tv.

Kilde: Elektronikkbransjen, Forrester 16.5.2012

Side 15 ©Creuna

Hvorfor er Apple så gavmilde?

Side 16 ©Creuna

Hva du må gjøre

Se TV i sammenheng med andre kanaler

Tilpasse konseptet til kontekst

Angripe TV på samme måte som mobil

Velge mellom web og app

Side 17 ©Creuna

To typer moduser

Sekvensiell bruk

Parallell bruk

Multitasking Utfyllende oppgaver

Side 18 ©Creuna

Vi bruker TV sjelden alene

77%

Kilde: The New Multi-screen World: Understanding Cross-platform Consumer Behavior – Google August 2012

49%

34%

17%+ noe annet

Side 19 ©Creuna

Vi bruker TV sammen med andre enheter

81% 66%

+ +

Kilde: The New Multi-screen World: Understanding Cross-platform Consumer Behavior – Google August 2012

Side 20 ©Creuna

78% bruker enheter til multitasking

PC + Telefon 92%

TV + PC 92%

TV + Telefon 90%

TV + Tablet 89%

Kilde: The New Multi-screen World: Understanding Cross-platform Consumer Behavior – Google August 2012

+

“Nå som jeg har alle disse dingsene rundt meg så klarer jeg ikke å fokusere på det som skjer på Tven på samme måte som tidligere”

Side 21 ©Creuna

22% bruker enheter til utfyllende oppgaver

TV + Tablet 40%

PC + Telefon 36%

TV + Telefon 35%

TV + PC 32%

Kilde: The New Multi-screen World: Understanding Cross-platform Consumer Behavior – Google August 2012

“Når jeg ser på et program eller en episode og ser jeg ofte noe interessant. Da søker jeg for å finne mer informasjon.”

Side 22 ©Creuna

TV trigger søk i stor grad

0%

5%

10%

15%

20%

25%

TV generelt Reklame TV-program

På telefon

På PC

Side 23 ©Creuna

Sitter i sofaen og ser enreklamefilm

Side 24 ©Creuna

Søker på den nærmeste enheten

34%

Side 25 ©Creuna

Resultatet

Side 26 ©Creuna

Kjenne igjen og lede til innholdet direkte

Side 27 ©Creuna

Hva du må gjøre

Se TV i sammenheng med andre kanaler

Tilpasse konseptet til kontekst

Angripe TV på samme måte som mobil

Velge mellom web og app

Side 28 ©Creuna

Vi trodde mobilbrukerne

var her…

Side 29 ©Creuna

Men de er egentlig overalt

Kilde: Our mobile planet: Norway - forstå mobilbrukeren

94% 81% 75%

Hjemme På reise Jobb

Side 30 ©Creuna

Men de er egentlig overalt

Kilde: Wtop.com

75%

Do

© Creuna Slide 31

Side 32 ©Creuna

TV har en fast kontekst

Mobil

Den er personlig

Få ser det jeg ser

Vi bruker den overalt

TV

Den er sosial

Alle ser det jeg ser

Står som regel i stua

Side 33 ©Creuna

Bygg konseptet rundt konteksten

1. Bygg på det som allerede foregår på TVen

2. Tenk sosiale situasjoner og deling av innhold

3. Ikke lag noe som andre ikke kan se

Side 34 ©Creuna

Hva du må gjøre

Se TV i sammenheng med andre kanaler

Tilpasse konseptet til kontekst

Angripe TV på samme måte som mobil

Velge mellom web og app

Side 35 ©Creuna

Side 36 ©Creuna

Side 37 ©Creuna

Side 38 ©Creuna

Side 39 ©Creuna

Side 40 ©Creuna

Kanal opp

Volum ned

Side 41 ©Creuna

Side 42 ©Creuna

Ny funksjonalitet i fjernkontrollene

Side 43 ©Creuna

TV som en prosjektor

Side 44 ©Creuna

Input er dårlig!(J****g dårlig)

Side 45 ©Creuna

Hastigheten er lav

Mobil

Mobildekningen er ofte

dårlig

TV

Prosessorkraften er

begrenset

Side 46 ©Creuna

Input

Skjerm-størrelse

Hastighet

Side 47 ©Creuna

Mobile first gjelder fremdeles

Start her Gevinst her

Side 48 ©Creuna

Angrip TV på samme måte som mobil

1. Pass på begrensningene som finnes

2. Utnytt styrkene

3. Prioriter og kutt innhold på samme måte som på en

mobiltelefon

Side 49 ©Creuna

Hva du må gjøre

Se TV i sammenheng med andre kanaler

Tilpasse konseptet til kontekst

Angripe TV på samme måte som mobil

Velge mellom web og app

Side 50 ©Creuna

Side 51 ©Creuna

App

vs.

Web

Side 52 ©Creuna

App

Skrevet for et OS

Preinstallert eller tilgjengelig gjennom Appstores

OS-definert brukeropplevelse

Nett-uavhengig (delvis)

Tilgang til OS-funksjonalitet

Robust lagring av data

Oppdateres via OS

Demotid

Side 54 ©Creuna

Sultne gutter sitter og ser kamp…

Side 55 ©Creuna

Horisonten er uklar

Det er mange fragmenterte økosystemer

De økosystemene som finnes er mangelfulle

Apple har ikke åpnet opp sin SDK for AppleTV

Nye avtaler signeres stadig vekk

− Smart TV Alliance er et samarbeid mellom Phillips, LG, Sharp og Toshiba som skal fremme

åpne standarder og et felles økosystem

− Yahoo og Samsung signerte samarbeidsavtale 6. november

Side 56 ©Creuna

Web

html/css/js

URL – bookmark

Plattformuavhengig

Krever nettilgang

Web-funksjonalitet

Begrenset lagring av data

Tilgjengelig fra søk og eksterne linker

Demotid

Side 58 ©Creuna

Designe for TV = design for store skjermer

Side 59 ©Creuna

TV og store dataskjermer går hånd i hånd

Side 60 ©Creuna

Avstanden er annerledes

< 1m> 2m

Side 61 ©Creuna

Resultatet blir slik

Side 62 ©Creuna

Eller slik

Side 63 ©Creuna

Når skal du velge app og web?

1. Design webløsningen din for store skjermer gjennom

å tenke mobile first

2. Spesifikke oppgaver som kan relateres til den

eksisterende TV-konteksten kan dekkes av app-er

Side 64 ©Creuna

Noen tips på veien

Farger

Tekst

Navigasjon

Det lille ekstra

Side 65 ©Creuna

Unngå skarpe farger av rød, oransje og hvit

Side 66 ©Creuna

Unngå graderinger og små kontraster

Hello World

1_Title only sort

Teknologi-KAMFor noen teknologer er en spennende oppgave nok. Andre har i tillegg sterke synspunkt på HVILKE oppgaver som bør løses for å skape størst forretningsmessig verdi.

Digitalt Kreativt TeamVi vil ha dere som tror like mye på digital innovasjon som på kreativ kraft.

Digital KreatørEt av våre digitale kreative team mangler en grafisk designer.

SystemarkitektCreuna søker en systemarkitekt for å håndtere våre stadig større og mer forretningskritiske prosjekter. Vi ser etter en meget erfaren arkitekt med klare tanker innen arkitekturprinsipper, strategisk arkitekturutvikling og gjennomførbarhet innen prosjektrammer.

Teknologi-KAMFor noen teknologer er en spennende oppgave nok. Andre har i tillegg sterke synspunkt på HVILKE oppgaver som bør løses for å skape størst forretningsmessig verdi.

Digitalt Kreativt TeamVi vil ha dere som tror like mye på digital innovasjon som på kreativ kraft.

Digital KreatørEt av våre digitale kreative team mangler en grafisk designer.

SystemarkitektCreuna søker en systemarkitekt for å håndtere våre stadig større og mer forretningskritiske prosjekter. Vi ser etter en meget erfaren arkitekt med klare tanker innen arkitekturprinsipper, strategisk arkitekturutvikling og gjennomførbarhet innen prosjektrammer.

1_Title only sort

Teknologi-KAMFor noen teknologer er en spennende

oppgave nok. Andre har i tillegg sterke

synspunkt på HVILKE oppgaver som bør løses

for å skape størst forretningsmessig verdi.

Teksten skal være stor og presist skrevet

Hvis du er av det siste slaget kan du bli vår nye

teknologi-KAM (Key Account Manager). Vi trenger deg

til å være med og bygge Creunas kundeportefølje

med utgangspunkt i vårt sterke teknologimiljø. Vi har

en utpreget strategisk tilnærming til salg og

kundeutvikling. Derfor må du ha solid forretnings…

1_Title only sort

Teknologi-KAMFor noen teknologer er en spennende

oppgave nok. Andre har i tillegg sterke

synspunkt på HVILKE oppgaver som bør løses

for å skape størst forretningsmessig verdi.

Teksten skal være stor og presist skrevet

Hvis du er av det siste slaget kan du bli vår nye

teknologi-KAM (Key Account Manager). Vi trenger deg

til å være med og bygge Creunas kundeportefølje

med utgangspunkt i vårt sterke teknologimiljø. Vi har

en utpreget strategisk tilnærming til salg og

kundeutvikling. Derfor må du ha solid forretnings…

Avsnitt under 90 ord

Antall ord pr. linje under 12

Tekststørrelsen bør aldri være under 24pt (28px)

Bruk enkle sans serif-fonter

Side 70 ©Creuna

Unngå vertikal scrolling

Side 71 ©Creuna

Unngå vertikal scrolling

Folden er viktig for TV

Vi har aldri navigert rundt på skjermen før, last derfor heller nye

sider eller implementer horisontal scrolling

Side 72 ©Creuna

Unngå tekstinput

Side 73 ©Creuna

Ender vi opp med dette?

Side 74 ©Creuna

Lyd

En TV har aldri vært stille

Brukeren må oppleve noe

Side 75 ©Creuna

Animasjon og video

Side 76 ©Creuna

Insert sexy content here

Side 77 ©Creuna

Fine ressurser

https://developers.google.com/tv/web/docs/design_for_tv

http://dev.opera.com/tv/

http://www.yctvblog.com/

3 spørsmålstegn

1_Title only sort

Side 80 ©Creuna

Teknologien må henge med

«Et tv-apparat har en forventet levetid på 10 til 15 år» - Forbrukerrådet

29 juni 2007 21 september 2012

nov 2005

Side 82 ©Creuna

Hva du må gjøre

Se TV i sammenheng med andre kanaler

Tilpasse konseptet til kontekst

Angripe TV på samme måte som mobil

Velge mellom web og app

Side 83 ©Creuna

Takk for meg