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
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
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
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