8. Luke Wroblewski
Mobile First =
1. Growth = opportunity
2. Constraints = focus
3. Capabilities = innovation
"39% of people say they use their phones on
the toilet.
Which means that 61% are lying."
9. 2010-2020: 10 milliarder++ mobile enheter
Amazon: Over 1 milliard dollar solgt via mobil siste 12 mnd.
Instagram: Millioner av brukere på 3 mnd på 1 plattform: iphone
Facebook mobile har 2x så mye bruk som desktop
m.twitter.com >> sms >> iPhone >> andre
10. 2010-2020: 10 milliarder++ mobile enheter
Amazon: Over 1 milliard dollar solgt via mobil siste 12 mnd.
Instagram: Millioner av brukere på 3 mnd på 1 plattform: iphone
Facebook mobile har 2x så mye bruk som desktop
m.twitter.com >> sms >> iPhone >> andre
"Desktop web is like a carp in the bathtub, it
will keep growing as you feed it."
11. 2010-2020: 10 milliarder++ mobile enheter
Amazon: Over 1 milliard dollar solgt via mobil siste 12 mnd.
Instagram: Millioner av brukere på 3 mnd på 1 plattform: iphone
Facebook mobile har 2x så mye bruk som desktop
m.twitter.com >> sms >> iPhone >> andre
"Desktop web is like a carp in the bathtub, it
will keep growing as you feed it."
Mange designer apps bare for ADHD mennesker på farten,
men 80% bruker telefonen hjemme
iPad brukes i sofaen hjemme (kl. 20-23)
300 000 android enheter aktiveres daglig
Apple har 450 000 apps i App Store
Differensier deg ved å lage killer apps som bruker de hotteste API'ene og funksjonene
Vekst gir ny bruk og endret bruk
Begrensninger gir godt design, god ytelse og tilgjengelighet
Funksjonene kommer fra reelle behov og problemer
12. Stephanie Rieger - Beyond the mobile web
Firma mister kontrollen over sine data
Instapaper og ReadItLater
Kommunikasjonen skjer på facebook osv., ikke på merkevaresider
Likevel driver vi enda med pixel-perfect design
... som suger på mobil (spesielt blackberry, pun intended)
La brukerne delta i å skape innholdet
... og tillat dem å justere mengde etter behov
13. Stephanie Rieger - Beyond the mobile web
Firma mister kontrollen over sine data
Instapaper og ReadItLater
Kommunikasjonen skjer på facebook osv., ikke på merkevaresider
Likevel driver vi enda med pixel-perfect design
... som suger på mobil (spesielt blackberry, pun intended)
La brukerne delta i å skape innholdet
... og tillat dem å justere mengde etter behov
"No matter how cool your interface is, it would be nice
if there were less of it." - Alan Cooper
14. Stephanie Rieger - Beyond the mobile web
Firma mister kontrollen over sine data
Instapaper og ReadItLater
Kommunikasjonen skjer på facebook osv., ikke på merkevaresider
Likevel driver vi enda med pixel-perfect design
... som suger på mobil (spesielt blackberry, pun intended)
La brukerne delta i å skape innholdet
... og tillat dem å justere mengde etter behov
"No matter how cool your interface is, it would be nice
if there were less of it." - Alan Cooper
Mange sider er bare dumme innholdscontainere
Innholdet - ikke bare layout - må være responsiv
Vær der brukerne er
Firma, eksempel:
Kommunikasjon på blogg, facebook, twitter etc.
Marketing på youtube
HR på LinkedIn
= kontaktpunkter forent med merkevareimage
16. Browser paneldebatt ledet av Jeremy Keith
(slags
rockestjerne innen mobil):
Alle var stort sett enige om at PhoneGap
kicker ass
Utviklere vil ha Device API'er
Browsergutta sier det er vanskelig
Android har position:fixed
Apple har det i iOS5
De andre synes det er forferdelig vanskelig
De liker ikke viewport heller
Apple har overspesifisert det, og spres nå som
ild i tørt gress
17. Test ytelsen på webappen din
Velg mellom android og iphone
http://www.blaze.io/mobile/
19. Scott Jehl
JQuery mobile
Fokuserer på å få ut betaen
Vekk med iphone-aktig utseende
Støtte nesten alt av browsere
Redesigner Boston Globe til
å bli state-of-the-art responsive
og fin på alle plattformer
20. Scott Jehl
JQuery mobile Webkit is be
coming
Fokuserer på å få ut betaen the IE6 of m
browsing. Le
obile
t's not
Vekk med iphone-aktig utseende repeat the m
istake.
Støtte nesten alt av browsere
Redesigner Boston Globe til
å bli state-of-the-art responsive
og fin på alle plattformer
21. Scott Jehl
JQuery mobile Webkit is be
coming
Fokuserer på å få ut betaen the IE6 of m
browsing. Le
obile
t's not
Vekk med iphone-aktig utseende repeat the m
istake.
Støtte nesten alt av browsere
Redesigner Boston Globe til
å bli state-of-the-art responsive
og fin på alle plattformer
Always hear that jQuery Mobile is
too big. People have started to
create micro-frameworks like
micro.js and zeptos. But if it
doesn’t work on all browsers, it
is not micro –it is incomplete.
22. Scott Jehl
JQuery mobile Webkit is be
coming
Fokuserer på å få ut betaen the IE6 of m
browsing. Le
obile
t's not
Vekk med iphone-aktig utseende repeat the m
istake.
Støtte nesten alt av browsere
Redesigner Boston Globe til
å bli state-of-the-art responsive
og fin på alle plattformer
Always hear that jQuery Mobile is
too big. People have started to
create micro-frameworks like
micro.js and zeptos. But if it
doesn’t work on all browsers, it
is not micro –it is incomplete.
30. Jared Spool
Sturgeon’s Law:
When asked why 90% of
science fiction writing is
crap, ...
http://www.flickr.com/photos/zerok/5715760895/
31. Jared Spool
Sturgeon’s Law:
When asked why 90% of
science fiction writing is
crap, ...
... Sturgeon replied that
90% of everything
is crap.
http://www.flickr.com/photos/zerok/5715760895/
34. Teknologi > Funksjoner > Opplevelse
Word Perfect nådde til slutt 1700 funksjoner
Ved lansering hadde Microsoft Word 70
funksjoner
35. Teknologi > Funksjoner > Opplevelse
Word Perfect nådde til slutt 1700 funksjoner
Ved lansering hadde Microsoft Word 70
funksjoner
Vi vet hvordan det gikk med Word
40. Kano-modellen
Basis-forventninger: Folk forventer at disse
tingene funker. Uansett hvor bra, scorer du
ikke ekstrapoeng
Excitement-generators: Små ting som gjør folk
glade av å bruke produktet ditt
Over tid blir disse til basisforventninger. Move on
41. Den perfekte stormen
Sturgeon's law
Aktivitet vs. opplevelse
Modent marked
Kanomodellen
42. Antallet skills vi trenger øker
Teamstørrelsen synker
Vi må alle gjøre flere ting bra
43. Tre spørsmål:
1. I de siste 6 ukene, har du observert noen bruke
ditt eller konkurrentens produkt i minst 2 timer?
44. Tre spørsmål:
1. I de siste 6 ukene, har du observert noen bruke
ditt eller konkurrentens produkt i minst 2 timer?
2. Kan alle på teamet ditt beskrive hvordan det er
å bruke produktet ditt 5 år fra nå?
45. Tre spørsmål:
1. I de siste 6 ukene, har du observert noen bruke
ditt eller konkurrentens produkt i minst 2 timer?
2. Kan alle på teamet ditt beskrive hvordan det er
å bruke produktet ditt 5 år fra nå?
3. I de siste 6 ukene, har du belønnet et teammedlem
for en stor designfeil?
46. Takeaways:
Lær deg responsive design
Bruk PhoneGap
Fokuser på innhold før layout
Mobile first
Ytelse er viktigere enn du tror
Pass på å være i 10%'en i Sturgeon's Law
Fokuser på opplevelse, ikke aktivitet