SlideShare a Scribd company logo
1 of 26
Download to read offline
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, flygplatsen 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", startsida där man gick ner i olika "ben"

4. ”Extra taps are evil”. Klick är inte dåligt, kommer
   från tiden med modem och laddningstider -  
   men ett klick måste ge något!
   Ge användare innehållet i olika delar i taget
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 (se Karen McGrane)
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 flera = 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, folk läser inte

• L: Visa saker efter hand inte allt på en
  gång, avbryt och be dem demonstrera att de
  förstår, Cut the rope som exempel

• 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 flesta gör
  ofta, 2 det flesta 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 del i appen/
  sajten, dvs man har lärt användaren hur det
  fungerar

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

• ”Users come for 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 - you switch!” - 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 - notifikationer, begränsa
   antalet visningar av ikoner etc
• Byta mellan appar stör, bättre att bädda in
  (i Keynote hämtar man in bilder via ett verktyg, man
  går inte in i iPhoto)

• Konfigurator för bil, där man gick igenom antal
  steg -> visa bilen klar och man kunde konfigurera
  den om man ville. Ökade andelen som
  konfigurerade 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
  val man gör och man kan ändra sig senare 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
• Inte bara övertyga anvä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, Dropbox etc 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 i arbetsgruppen för att ha
  gemensam uppfattning och mål

• Enheten vet om du är på 3G eller wifi, om du är
  hemma eller borta - och agerar/anpassar sig
  utifrån det
Scrabble för iPad och iPhone
Contentstrategi
               enligt Karen McGrane


• Jämför Conde Nast med NPR
• Conde Nast printavdelning skapar iPad-app i 2
  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, exempel från Amazon som tar bitar 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

Similar to Sammanfattning av MobXCon

Smarta verktyg för dig som studerar
Smarta verktyg för dig som studerarSmarta verktyg för dig som studerar
Smarta verktyg för dig som studerarAnders Sporring
 
Ltu vinter fredrik_johansson
Ltu vinter fredrik_johanssonLtu vinter fredrik_johansson
Ltu vinter fredrik_johanssonFredrik Johansson
 
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaro
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaroMobil webb och responsive design - Tänk strategiskt kring din digitala närvaro
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaroFredrik Dolleus
 
Ux som strategi_lina_westerling_med_anteckningar_komprimerad
Ux som strategi_lina_westerling_med_anteckningar_komprimeradUx som strategi_lina_westerling_med_anteckningar_komprimerad
Ux som strategi_lina_westerling_med_anteckningar_komprimeradChalmers Library
 
Introduktion till användbarhet på webben
Introduktion till användbarhet på webbenIntroduktion till användbarhet på webben
Introduktion till användbarhet på webbenPer Axbom
 
I pad introduktion v.2
I pad introduktion v.2I pad introduktion v.2
I pad introduktion v.2Dag Söderlund
 
iPad i skolan - En introduktion
iPad i skolan - En introduktioniPad i skolan - En introduktion
iPad i skolan - En introduktionDag Söderlund
 
Tio steg till framtidens produktutveckling - Creuna Göteborg
Tio steg till framtidens produktutveckling - Creuna GöteborgTio steg till framtidens produktutveckling - Creuna Göteborg
Tio steg till framtidens produktutveckling - Creuna GöteborgCreuna Sverige
 
SFIS: Mobila tjänster Stockholms stadsbibliotek
SFIS: Mobila tjänster Stockholms stadsbibliotekSFIS: Mobila tjänster Stockholms stadsbibliotek
SFIS: Mobila tjänster Stockholms stadsbibliotekElisabet Fornell
 
HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)Anton Tibblin
 
Code Week: Varför alla kids borde vilja vara geeks
Code Week: Varför alla kids borde vilja vara geeks Code Week: Varför alla kids borde vilja vara geeks
Code Week: Varför alla kids borde vilja vara geeks Sara Öhrvall
 
Digital project management - Magnus Holmlid, Visuell Planering
Digital project management - Magnus Holmlid, Visuell PlaneringDigital project management - Magnus Holmlid, Visuell Planering
Digital project management - Magnus Holmlid, Visuell PlaneringMediehuset Ingeniøren Live
 
Digitalt koncept - Svenska Tecknare
Digitalt koncept - Svenska TecknareDigitalt koncept - Svenska Tecknare
Digitalt koncept - Svenska TecknareKlas Fjärstedt
 
Mobil webb och responsive design - Frukostseminarium
Mobil webb och responsive design - FrukostseminariumMobil webb och responsive design - Frukostseminarium
Mobil webb och responsive design - FrukostseminariumFredrik Dolleus
 
Planeringsmall digital kompetens yngre åldrar
Planeringsmall digital kompetens yngre åldrarPlaneringsmall digital kompetens yngre åldrar
Planeringsmall digital kompetens yngre åldrarFrida Monsén
 
Appar och mobil webb
Appar och mobil webbAppar och mobil webb
Appar och mobil webbMetamatrix
 

Similar to Sammanfattning av MobXCon (20)

Smarta verktyg för dig som studerar
Smarta verktyg för dig som studerarSmarta verktyg för dig som studerar
Smarta verktyg för dig som studerar
 
Ltu vinter fredrik_johansson
Ltu vinter fredrik_johanssonLtu vinter fredrik_johansson
Ltu vinter fredrik_johansson
 
Forskningsupplägg
ForskningsuppläggForskningsupplägg
Forskningsupplägg
 
Mobil web
Mobil webMobil web
Mobil web
 
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaro
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaroMobil webb och responsive design - Tänk strategiskt kring din digitala närvaro
Mobil webb och responsive design - Tänk strategiskt kring din digitala närvaro
 
Ux som strategi_lina_westerling_med_anteckningar_komprimerad
Ux som strategi_lina_westerling_med_anteckningar_komprimeradUx som strategi_lina_westerling_med_anteckningar_komprimerad
Ux som strategi_lina_westerling_med_anteckningar_komprimerad
 
Introduktion till användbarhet på webben
Introduktion till användbarhet på webbenIntroduktion till användbarhet på webben
Introduktion till användbarhet på webben
 
I pad introduktion v.2
I pad introduktion v.2I pad introduktion v.2
I pad introduktion v.2
 
iPad i skolan - En introduktion
iPad i skolan - En introduktioniPad i skolan - En introduktion
iPad i skolan - En introduktion
 
Tio steg till framtidens produktutveckling - Creuna Göteborg
Tio steg till framtidens produktutveckling - Creuna GöteborgTio steg till framtidens produktutveckling - Creuna Göteborg
Tio steg till framtidens produktutveckling - Creuna Göteborg
 
Interaktionsdesign
InteraktionsdesignInteraktionsdesign
Interaktionsdesign
 
SFIS: Mobila tjänster Stockholms stadsbibliotek
SFIS: Mobila tjänster Stockholms stadsbibliotekSFIS: Mobila tjänster Stockholms stadsbibliotek
SFIS: Mobila tjänster Stockholms stadsbibliotek
 
HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)HT23 - DA106A - Användbarhet (2)
HT23 - DA106A - Användbarhet (2)
 
Code Week: Varför alla kids borde vilja vara geeks
Code Week: Varför alla kids borde vilja vara geeks Code Week: Varför alla kids borde vilja vara geeks
Code Week: Varför alla kids borde vilja vara geeks
 
Digital project management - Magnus Holmlid, Visuell Planering
Digital project management - Magnus Holmlid, Visuell PlaneringDigital project management - Magnus Holmlid, Visuell Planering
Digital project management - Magnus Holmlid, Visuell Planering
 
Digitalt koncept - Svenska Tecknare
Digitalt koncept - Svenska TecknareDigitalt koncept - Svenska Tecknare
Digitalt koncept - Svenska Tecknare
 
Mobil webb och responsive design - Frukostseminarium
Mobil webb och responsive design - FrukostseminariumMobil webb och responsive design - Frukostseminarium
Mobil webb och responsive design - Frukostseminarium
 
Utbildning interaktiva moten
Utbildning interaktiva motenUtbildning interaktiva moten
Utbildning interaktiva moten
 
Planeringsmall digital kompetens yngre åldrar
Planeringsmall digital kompetens yngre åldrarPlaneringsmall digital kompetens yngre åldrar
Planeringsmall digital kompetens yngre åldrar
 
Appar och mobil webb
Appar och mobil webbAppar och mobil webb
Appar och mobil webb
 

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, flygplatsen 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", startsida där man gick ner i olika "ben" 4. ”Extra taps are evil”. Klick är inte dåligt, kommer från tiden med modem och laddningstider -   men ett klick måste ge något! Ge användare innehållet i olika delar i taget
  • 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 (se Karen McGrane)
  • 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 flera = 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, folk läser inte • L: Visa saker efter hand inte allt på en gång, avbryt och be dem demonstrera att de förstår, Cut the rope som exempel • 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 flesta gör ofta, 2 det flesta 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 del i appen/ sajten, dvs man har lärt användaren hur det fungerar • Vad gör användaren om han inte vet vad han ska göra? Ingenting. Letar hjälp. Testar! - DS • ”Users come for 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 - you switch!” - 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 - notifikationer, begränsa antalet visningar av ikoner etc
  • 16. • Byta mellan appar stör, bättre att bädda in (i Keynote hämtar man in bilder via ett verktyg, man går inte in i iPhoto) • Konfigurator för bil, där man gick igenom antal steg -> visa bilen klar och man kunde konfigurera den om man ville. Ökade andelen som konfigurerade 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 val man gör och man kan ändra sig senare 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 • Inte bara övertyga anvä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, Dropbox etc 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 i arbetsgruppen för att ha gemensam uppfattning och mål • Enheten vet om du är på 3G eller wifi, om du är hemma eller borta - och agerar/anpassar sig utifrån det
  • 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 i 2 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, exempel från Amazon som tar bitar 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!