1. Mobilism
12. - 13. mai 2011

2. Amsterdam
Håvard Tegelsrud, Olav Nistad, Øystein Strand

3. http://www.flickr.com/photos/falcopellegrino/2087001111/sizes/z/in/photostream/

4. http://www.flickr.com/photos/pkirillov/3546379761/sizes/o/in/photostream/

5. Verdens første
konferanse dedikert
til web design og
utvikling for mobile
enheter

6. Felix Meritis
Gammelt og fint
Litt trangt
Lang kø for mat
Mange pauser for networking
Men; GRATIS ØL - også under konferansen

7. Luke Wroblewski
Mobile First =
1. Growth = opportunity
2. Constraints = focus
3. Capabilities = innovation

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

15. http://pmuellr.github.com/weinre/

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/

18. pcapperf.appspot.com

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.

23. Stephen Hay
Media Queries

27. "We need to think up
new ways to design
layout, and new ways to
communicate these new
designs to our
colleagues and our
clients

28. Ethan Marcotte
http://www.abookapart.com/products/responsive-web-
design

29. Jared Spool
http://www.flickr.com/photos/zerok/5715760895/

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/

32. Teknologi > Funksjoner > Opplevelse

33. Teknologi > Funksjoner > Opplevelse
Word Perfect nådde til slutt 1700 funksjoner

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

36. Aktivitet vs. opplevelse

37. Aktivitet vs. opplevelse
Six Flags vs. Disney Park

38. Aktivitet vs. opplevelse
Six Flags vs. Disney Park
Fyll gapet mellom aktivitetene

39. Aktivitet vs. opplevelse
Six Flags vs. Disney Park
Fyll gapet mellom aktivitetene
UberCab

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

47. http://mobilism.nl/2011/coverage

48. Takk til Langfjæran som sendte
oss på konferanse!
bekk-timekeeper.heroku.com
Twitter: @strandoe