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