際際滷

際際滷Share a Scribd company logo
Min sammanfattning av

 MobXCon
Berlin 17-18 november 2011
Speakers
Dan Saffer - DS        Josh Clark - JC         Rod Farmer - RF

Darryl Feldman - DF    Karen McGrane - KM      Peter Sikking - PS

Gabriel White - GW     Nancy Birkh旦lzer - NB

Giles Colborne - GC    Stephanie Rieger - SR


Mina kompletta anteckningar hittar du p奪:
Anteckningar workshop Josh Clark
Anteckningar fredagens seminarium
7 mobila myter enligt Josh Clark
1.Rushed and distracted, m奪nga anv辰nder den
  hemma, toaletten, 鍖ygplatsen etc = lurar oss att tro
  att vi ska erbjuda mindre, men anv辰ndare vill ha
  samma eller mer
2.Mobile is less. Ge samma eller mer. Begr辰nsa inte
  inneh奪llet bara f旦r att kontexten 辰r mindre. Mobile =
  more. Andra m旦jligheter, kamera, gyro, GPS.En bok
  har inte f辰rre sidor bara f旦r att den 辰r mindre. Men
  m奪ste planeras f旦r!
3. Complexity is a dirty word. Appar kan vara
   komplexa utan att vara komplicerade, men det 辰r
   sv奪rt! Utan en viss del av komplexiteten 辰r det inte
   samma produkt. Facebook fas 2 l旦ste
   komplexiteten med "appar i
   appar",startsidad辰rmangickneriolika"ben"

4. Extra taps are evil. Klick 辰r inte d奪ligt, kommer
   fr奪n tiden med modem och laddningstider - 
   menettklickm奪stegen奪got!
   Geanv辰ndareinneh奪lletiolikadelaritaget
5. Gotta have a mobile website. Du beh旦ver inte en
   mobil webbsida, utan en mobil "upplevelse". One
   web. Fokusera, om mobilsidan kan inneh奪lla
   mindre, kanske 辰r det f旦r att din webbsida
   inneh奪ller f旦r mycket?

6. Mobile is about apps. Ok om det kom en ny
   plattform var 2-3 奪r, men det kommer nya hela
   tiden! Din produkt 辰r ingen produkt. T辰nk innefr奪n
   och ut, t辰nk inneh奪ll. T辰nk API f旦r att f奪 inneh奪ll
   旦verallt (seKarenMcGrane)
7. Content and API are for database nerds.
   Metadata is the new art direction. Ha en
   inneh奪llsstrategi inte en plattformsstrategi
Designtips
 Touch is just an image behind glass! - NB
 Keep UI in the screen. Use hardware buttons as
  fallback/optional - PS
 Designa multi-screen p奪 h旦g niv奪 samtidigt f旦r att f奪
  旦verblick
 Vad kommer efter touch? Micro-experiences - DF
Designtips fr奪n Josh Clark
 Inneh奪ll 旦ver interaktionen, s奪 man ser vad som
  h辰nder n辰r man klickar
 Lista n奪got som 辰r samma, dvs mail eller tweets,
  men undvik scroll om vi listar olika saker
 Animera in listor f旦r att visa att de 辰r scrollbara
 Visa bara animering 1 g奪ng i iPhone, f旦r iPad som
  anv辰nds av 鍖era = utmaning
 Piggy backing -Reeder anv辰nder svep, inte f旦r
  att radera men f旦r att markera som l辰st, dvs
  Reeders motsvarighet

 Buttons are a hack - j辰mf旦r en lysknapp till en
  lampa, som egentligen 辰r en konstig UI 旦ver ett
  avst奪nd - http://bit.ly/ikeatouch

 Salt och peppar konvention - det spelar ingen roll
  om du fattar, den som fyllde p奪 m奪ste veta

 Hur anv辰nder man en bok?
 Instruktioner 辰r i v辰gen f旦r m奪let- i all fall som
  intro

 Coaching, leveling up, power ups

 C: Show don't tell,folkl辰serinte

 L: Visa saker efter hand inte allt p奪 en
  g奪ng,avbrytochbedemdemonstreraattde
  f旦rst奪r,Cuttheropesomexempel

 P: gester 辰r som tangentbordsgenv辰gar p奪 en
  dator - visa n奪got efter 3-4 g奪nger nu d辰r du 辰r en
  poweruser
 Uzu app
User Experience (UX)
 The penalty for (users learning by) trying random
  shit should be nothing - DS
 Non discover ability= The ability to detect a feature
  that is there
 Ju viktigare = desto synligare, 1 det de 鍖estag旦r
  ofta, 2 det 鍖esta g旦r ganska ofta, 3. Det n奪gra g旦r
  ofta
 Operativ enkelhet vs. Upplevd enkelhet = d旦ljer
  vissa val, progressiv enkelhet = visa saker n辰r andra
  har valts
 Anv辰ndbart UI 辰r n辰r man kan upprepa det
  m旦nstret p奪 en annan deliappen/
  sajten,dvsmanharl辰rtanv辰ndarenhur det
  fungerar

 Vad g旦r anv辰ndaren om han inte vet vad han ska
  g旦ra? Ingenting.Letar hj辰lp. Testar! - DS

 Users comefor the discoverable and stay for the
  learnable - DS

 Aha, wow and of course - design for "of course" -
  NB. Skapar l奪ngsiktig relation
Nancy Birkh旦lzer, Fjord Interactive
User Experience (UX) forts.
  No such thing as multi tasking-youswitch! - GC
  Slumpm辰ssiga bel旦ningar 辰r mer
   beroendeframkallande, b辰ttre 辰n regelbunden
   bel旦ning
  Mycket vill ha mer (anv辰ndare vill ha mer,
   kravst辰llare vill ha mer)- kalenderbokningar f旦r en
   vecka fram奪t - beh旦vs det verkligen?
  Minimera st旦rningen i ui - noti鍖kationer, begr辰nsa
   antalet visningar av ikoner etc
 Byta mellan appar st旦r, b辰ttre att b辰dda in
  (iKeynoteh辰mtarmaninbilderviaettverktyg, man
  g奪rinteiniiPhoto)

 Kon鍖gurator f旦r bil, d辰r man gick igenom antal
  steg -> visa bilen klar och man kunde kon鍖gurera
  den om man ville. kade andelen som
  kon鍖gurerade och kontaktade 奪f - GC

 Add this option (you can remove it later) - ge
  anv辰ndare k辰nslan av att det inte 辰r n奪gra stora
  valmang旦rochmankan辰ndrasigsenare i
  processen
Prototyping


 "We got a cross platform solution" - "No you don't"
  - PS
 Demonstration av FluidUI
189 slides och 9 m奪nader till wireframes p奪 1 vecka
                                      - Peter Sikking
Vinnare av en bra bok om prototyping
Plattformsstrategi
 Intebara旦vertygaanv辰ndaren om v奪r tj辰nst, 辰ven
  旦vertyga anv辰ndaren om att anv辰nda oss p奪 olika
  plattformar - GW
 Ubiquity paradigm, samma inneh奪ll p奪 olika
  plattformar,Dropboxetc och synkning av inneh奪ll -
  GW
 Complementarity paradigm - anv辰nda samma tj辰nst
  p奪 ett annat s辰tt,Scrabble- iPad 辰r spelplanen,
  iPhone h奪ller bokst辰verna. Kamera vs. iPhoto - fota
  och redigera samma bilder - GW
Ubiquity Paradigm - Gabriel White
 Tydligt vad syftet 辰r med just den h辰r plattformen

 Arbeta med personas - men med till辰gg om de
  olika plattformarna

 Simulering och rollspel kan vara ett s辰tt att arbeta
  med personas iarbetsgruppen f旦r att ha
  gemensam uppfattning och m奪l

 Enheten vet om du 辰r p奪 3G eller wi鍖, om du 辰r
  hemma eller borta-ochagerar/anpassar sig
  utifr奪ndet
Scrabble f旦r iPad och iPhone
Contentstrategi
               enligt Karen McGrane


 J辰mf旦r Conde Nast med NPR
 Conde Nast printavdelning skapar iPad-app i2
  versioner, landscape and portrait (t辰nk DN+)
 COPE - Create Once Publish Everywhere,NPR.org -
  har skapat ett eget API = page views f旦r NPR 旦kade
  med 80%
 "The future of mobile is structured content" -
  Reusable content store
 Samma utmaning g辰ller f旦r web till mobil etc - dvs
  var hamnar inneh奪llet p奪 en webbsida?

 Write for the chunk not for the page

 Truncation is not a content
  strategy,exempelfr奪nAmazonsomtarbitar av
  webbsidan

 Blobs vs. Chunks

 Demystify metadata - Meta data is the new art
  direction, Meta data helps prioritize content
Vinnare av Nokia Lumia 800!

More Related Content

Sammanfattning av MobXCon

  • 1. Min sammanfattning av MobXCon Berlin 17-18 november 2011
  • 2. Speakers Dan Saffer - DS Josh Clark - JC Rod Farmer - RF Darryl Feldman - DF Karen McGrane - KM Peter Sikking - PS Gabriel White - GW Nancy Birkh旦lzer - NB Giles Colborne - GC Stephanie Rieger - SR Mina kompletta anteckningar hittar du p奪: Anteckningar workshop Josh Clark Anteckningar fredagens seminarium
  • 3. 7 mobila myter enligt Josh Clark 1.Rushed and distracted, m奪nga anv辰nder den hemma, toaletten, 鍖ygplatsen etc = lurar oss att tro att vi ska erbjuda mindre, men anv辰ndare vill ha samma eller mer 2.Mobile is less. Ge samma eller mer. Begr辰nsa inte inneh奪llet bara f旦r att kontexten 辰r mindre. Mobile = more. Andra m旦jligheter, kamera, gyro, GPS.En bok har inte f辰rre sidor bara f旦r att den 辰r mindre. Men m奪ste planeras f旦r!
  • 4. 3. Complexity is a dirty word. Appar kan vara komplexa utan att vara komplicerade, men det 辰r sv奪rt! Utan en viss del av komplexiteten 辰r det inte samma produkt. Facebook fas 2 l旦ste komplexiteten med "appar i appar",startsidad辰rmangickneriolika"ben" 4. Extra taps are evil. Klick 辰r inte d奪ligt, kommer fr奪n tiden med modem och laddningstider - menettklickm奪stegen奪got! Geanv辰ndareinneh奪lletiolikadelaritaget
  • 5. 5. Gotta have a mobile website. Du beh旦ver inte en mobil webbsida, utan en mobil "upplevelse". One web. Fokusera, om mobilsidan kan inneh奪lla mindre, kanske 辰r det f旦r att din webbsida inneh奪ller f旦r mycket? 6. Mobile is about apps. Ok om det kom en ny plattform var 2-3 奪r, men det kommer nya hela tiden! Din produkt 辰r ingen produkt. T辰nk innefr奪n och ut, t辰nk inneh奪ll. T辰nk API f旦r att f奪 inneh奪ll 旦verallt (seKarenMcGrane)
  • 6. 7. Content and API are for database nerds. Metadata is the new art direction. Ha en inneh奪llsstrategi inte en plattformsstrategi
  • 7. Designtips Touch is just an image behind glass! - NB Keep UI in the screen. Use hardware buttons as fallback/optional - PS Designa multi-screen p奪 h旦g niv奪 samtidigt f旦r att f奪 旦verblick Vad kommer efter touch? Micro-experiences - DF
  • 8. Designtips fr奪n Josh Clark Inneh奪ll 旦ver interaktionen, s奪 man ser vad som h辰nder n辰r man klickar Lista n奪got som 辰r samma, dvs mail eller tweets, men undvik scroll om vi listar olika saker Animera in listor f旦r att visa att de 辰r scrollbara Visa bara animering 1 g奪ng i iPhone, f旦r iPad som anv辰nds av 鍖era = utmaning
  • 9. Piggy backing -Reeder anv辰nder svep, inte f旦r att radera men f旦r att markera som l辰st, dvs Reeders motsvarighet Buttons are a hack - j辰mf旦r en lysknapp till en lampa, som egentligen 辰r en konstig UI 旦ver ett avst奪nd - http://bit.ly/ikeatouch Salt och peppar konvention - det spelar ingen roll om du fattar, den som fyllde p奪 m奪ste veta Hur anv辰nder man en bok?
  • 10. Instruktioner 辰r i v辰gen f旦r m奪let- i all fall som intro Coaching, leveling up, power ups C: Show don't tell,folkl辰serinte L: Visa saker efter hand inte allt p奪 en g奪ng,avbrytochbedemdemonstreraattde f旦rst奪r,Cuttheropesomexempel P: gester 辰r som tangentbordsgenv辰gar p奪 en dator - visa n奪got efter 3-4 g奪nger nu d辰r du 辰r en poweruser
  • 12. User Experience (UX) The penalty for (users learning by) trying random shit should be nothing - DS Non discover ability= The ability to detect a feature that is there Ju viktigare = desto synligare, 1 det de 鍖estag旦r ofta, 2 det 鍖esta g旦r ganska ofta, 3. Det n奪gra g旦r ofta Operativ enkelhet vs. Upplevd enkelhet = d旦ljer vissa val, progressiv enkelhet = visa saker n辰r andra har valts
  • 13. Anv辰ndbart UI 辰r n辰r man kan upprepa det m旦nstret p奪 en annan deliappen/ sajten,dvsmanharl辰rtanv辰ndarenhur det fungerar Vad g旦r anv辰ndaren om han inte vet vad han ska g旦ra? Ingenting.Letar hj辰lp. Testar! - DS Users comefor the discoverable and stay for the learnable - DS Aha, wow and of course - design for "of course" - NB. Skapar l奪ngsiktig relation
  • 15. User Experience (UX) forts. No such thing as multi tasking-youswitch! - GC Slumpm辰ssiga bel旦ningar 辰r mer beroendeframkallande, b辰ttre 辰n regelbunden bel旦ning Mycket vill ha mer (anv辰ndare vill ha mer, kravst辰llare vill ha mer)- kalenderbokningar f旦r en vecka fram奪t - beh旦vs det verkligen? Minimera st旦rningen i ui - noti鍖kationer, begr辰nsa antalet visningar av ikoner etc
  • 16. Byta mellan appar st旦r, b辰ttre att b辰dda in (iKeynoteh辰mtarmaninbilderviaettverktyg, man g奪rinteiniiPhoto) Kon鍖gurator f旦r bil, d辰r man gick igenom antal steg -> visa bilen klar och man kunde kon鍖gurera den om man ville. kade andelen som kon鍖gurerade och kontaktade 奪f - GC Add this option (you can remove it later) - ge anv辰ndare k辰nslan av att det inte 辰r n奪gra stora valmang旦rochmankan辰ndrasigsenare i processen
  • 17. Prototyping "We got a cross platform solution" - "No you don't" - PS Demonstration av FluidUI
  • 18. 189 slides och 9 m奪nader till wireframes p奪 1 vecka - Peter Sikking
  • 19. Vinnare av en bra bok om prototyping
  • 20. Plattformsstrategi Intebara旦vertygaanv辰ndaren om v奪r tj辰nst, 辰ven 旦vertyga anv辰ndaren om att anv辰nda oss p奪 olika plattformar - GW Ubiquity paradigm, samma inneh奪ll p奪 olika plattformar,Dropboxetc och synkning av inneh奪ll - GW Complementarity paradigm - anv辰nda samma tj辰nst p奪 ett annat s辰tt,Scrabble- iPad 辰r spelplanen, iPhone h奪ller bokst辰verna. Kamera vs. iPhoto - fota och redigera samma bilder - GW
  • 21. Ubiquity Paradigm - Gabriel White
  • 22. Tydligt vad syftet 辰r med just den h辰r plattformen Arbeta med personas - men med till辰gg om de olika plattformarna Simulering och rollspel kan vara ett s辰tt att arbeta med personas iarbetsgruppen f旦r att ha gemensam uppfattning och m奪l Enheten vet om du 辰r p奪 3G eller wi鍖, om du 辰r hemma eller borta-ochagerar/anpassar sig utifr奪ndet
  • 23. Scrabble f旦r iPad och iPhone
  • 24. Contentstrategi enligt Karen McGrane J辰mf旦r Conde Nast med NPR Conde Nast printavdelning skapar iPad-app i2 versioner, landscape and portrait (t辰nk DN+) COPE - Create Once Publish Everywhere,NPR.org - har skapat ett eget API = page views f旦r NPR 旦kade med 80% "The future of mobile is structured content" - Reusable content store
  • 25. Samma utmaning g辰ller f旦r web till mobil etc - dvs var hamnar inneh奪llet p奪 en webbsida? Write for the chunk not for the page Truncation is not a content strategy,exempelfr奪nAmazonsomtarbitar av webbsidan Blobs vs. Chunks Demystify metadata - Meta data is the new art direction, Meta data helps prioritize content
  • 26. Vinnare av Nokia Lumia 800!