sammanfattning av mobxcon
DESCRIPTION
En kort sammanfattning av MobXCon i Berlin.TRANSCRIPT
![Page 1: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/1.jpg)
Min sammanfattning av
MobXConBerlin 17-18 november 2011
![Page 2: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/2.jpg)
Speakers
Dan Saffer - DS
Darryl Feldman - DF
Gabriel White - GW
Giles Colborne - GC
Josh Clark - JC
Karen McGrane - KM
Nancy Birkhölzer - NB
Stephanie Rieger - SR
Rod Farmer - RF
Peter Sikking - PS
Mina kompletta anteckningar hittar du på:
Anteckningar workshop Josh Clark
Anteckningar fredagens seminarium
![Page 3: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/3.jpg)
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!
![Page 4: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/4.jpg)
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
![Page 5: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/5.jpg)
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)
![Page 6: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/6.jpg)
7. ”Content and API are for database nerds”. Metadata is the new art direction. Ha en innehållsstrategi inte en plattformsstrategi
![Page 7: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/7.jpg)
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
![Page 8: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/8.jpg)
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
![Page 9: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/9.jpg)
• ”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?
![Page 10: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/10.jpg)
• 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
![Page 12: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/12.jpg)
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
![Page 13: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/13.jpg)
• 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
![Page 14: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/14.jpg)
Nancy Birkhölzer, Fjord Interactive
![Page 15: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/15.jpg)
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
![Page 16: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/16.jpg)
• 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
![Page 17: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/17.jpg)
Prototyping
• "We got a cross platform solution" - "No you don't" - PS
• Demonstration av FluidUI
![Page 18: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/18.jpg)
189 slides och 9 månader till wireframes på 1 vecka- Peter Sikking
![Page 19: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/19.jpg)
Vinnare av en bra bok om prototyping
![Page 20: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/20.jpg)
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
![Page 21: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/21.jpg)
Ubiquity Paradigm - Gabriel White
![Page 22: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/22.jpg)
• 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
![Page 23: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/23.jpg)
Scrabble för iPad och iPhone
![Page 24: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/24.jpg)
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
![Page 25: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/25.jpg)
• 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
![Page 26: Sammanfattning av MobXCon](https://reader034.vdocuments.site/reader034/viewer/2022052209/55896603d8b42ad7738b457c/html5/thumbnails/26.jpg)
Vinnare av Nokia Lumia 800!