dirty fingers

45
DIRTY FINGERS

Upload: jakobt

Post on 02-Jul-2015

483 views

Category:

Technology


9 download

TRANSCRIPT

Page 1: Dirty fingers

DIRTY FINGERS

Page 2: Dirty fingers
Page 3: Dirty fingers

Nettbruk - noen tall

Operativsystem Desember 2010 Januar 2011

Windows 78,45 % 77,68 %

MacOS 5,61 % 6,11 %

iPhone/iPad 3,14 % 3,72 %

Android 0,69 % 0,83 %

Page 4: Dirty fingers

Hva er annerledes med lesebrett og mobil?

Page 5: Dirty fingers

Nå bruker vi fingrene

Page 6: Dirty fingers

Mouseover finnes ikke lenger

• Siden lesebrett og mobiler ikke bruker mus, finnes det heller ingen muspeker

• Nettsider som bruker mouseover til å vise tilleggsinformasjon vil fungere annerledes, og kanskje miste funksjonalitet

• Lenker som markeres som klikkbare på mouseover er spesielt sårbare

Page 7: Dirty fingers

Større berøringsområde

• En fingertupp berører et relativt stort område i forhold til en muspeker

• Fingeren kan lett skjule det man peker på

• Klikkbare elementer må være større for å fungere godt på mobiler og lesebrett

• Tekstlenker bør være lengre (flere ord), og linjeavstanden bør kanskje økes

Page 8: Dirty fingers

Størrelse på treffpunkt på mobil

Page 9: Dirty fingers

Størrelsen er viktigere enn du tror

• Skjermer på mobiler og lesebrett er vesentlig mindre enn på en PC, og har i tillegg gjerne høy oppløsning

• Dette får konsekvenser for skriftstørrelse og størrelsen på andre skjermelementer

• Avstanden mellom elementer trenger også å være større

Page 10: Dirty fingers

Relative størrelser på PC, lesebrett og mobil

Page 11: Dirty fingers

Betjening via berøringsskjerm

• Det er lett å komme borti klikkbare ting med fingeren under scrolling, spesielt på overfylte nettsider

• Det er lettere å zoome inn på siden enn på PC

• Skriftstørrelse på nettsider kan ikke uten videre endres

Page 12: Dirty fingers

Vi flytter på oss

Page 13: Dirty fingers

Stedsbaserte tjenester

• Stedsbaserte tjenester og tilbud øker raskt i antall

• Vi får flere koblinger mellom lokasjon og informasjon

Page 14: Dirty fingers

Nedlastingshastigheten er lavere

Page 15: Dirty fingers

Båndbredde

• Bilder kan ikke være for store

• Video må brukes med forsiktighet

• Eventuelle annonser må begrenses i størrelse og antall

• Totalstørrelse på siden bør ikke være så liten som mulig

• Prisen kunden betaler pr. Mb er høyere, særlig i utlandet

Page 16: Dirty fingers

Flash kan være på vei ut

• iPhone og iPad støtter ikke Flash

• Vær derfor forsiktig med bruk av Flash-basert innhold hvis du vil at også disse brukerne skal se det

• Lesebrett og mobiler som har Flash-støtte sliter med treghet og redusert batterilevetid

Page 17: Dirty fingers

3 svar på den mobile utfordringen

Page 18: Dirty fingers

Lage en app Tilpasse innhold Gjøre ingenting

Page 19: Dirty fingers

Å lage en app

Page 20: Dirty fingers

Gode grunner til å lage en app

• Man kan finne bruksområder til innhold man har fra før

• Man kan nå nye brukergrupper

• Man kan finne nye forretningsmodeller og inntektsstrømmer

Page 21: Dirty fingers

Gode grunner til ikke å lage en app

• Det er vanskelig å finne gode inntektsmodeller

• Utviklingskostnadene er høye

• Man kan risikere å miste kunder på en dårlig app

Page 22: Dirty fingers

Andre ting å tenke på

• Apps er sexy - men har ditt nettkonsept behov for en?

• A-scenariet ditt er primærkandidaten for en app

• Folk sparer på apps de har nytte av og bruker ofte

• “Kule” apps kan ha kort levetid

Page 23: Dirty fingers

Hva kjennetegner en god app?

Page 24: Dirty fingers

Reell verdi for brukeren

• Appen bør ha nytte- eller underholdningsverdi

• Nytteverdi: mulighet for å utføre nyttige oppgaver (bruke nettbank, få værvarsel, finne ut når trikken kommer)

• Underholdningsverdi: mulighet for å gjøre morsomme ting (spille spill, se på film, høre på musikk)

Page 25: Dirty fingers
Page 26: Dirty fingers
Page 27: Dirty fingers

Relevans og holdbarhet

• Vi vil gjerne at appen vår skal ligge på mobilen til så mange som mulig så lenge som mulig

• Appen bør være relevant for så mange som mulig

• Appen bør ikke minke i relevans over tid eller være sesongpreget (det kan gjøres enkelte unntak, f. eks. hvis appen er ekstremt nyttig i den aktuelle perioden)

Page 28: Dirty fingers

Responstid

• Siden apper ofte brukes på farten, bør responstiden være så rask som mulig

• Funksjonalitet som krever at mobilen går online (GPS, hente data fra server) øker responstiden, og bør brukes med forsiktighet, og bare der det er nødvendig. Legg til rette for offline bruk hvis mulig

• Ikke legg til unødvendig funksjonalitet som har en negativ effekt på responstiden

• Unngå oppstartsskjermer

Page 29: Dirty fingers
Page 30: Dirty fingers

Oversiktlighet

• Grensesnittet må være så enkelt og lettlest som mulig, særlig fordi brukeren ofte er på farten

• Begrens mengden informasjon pr. skjermbilde

• Bruk store lettleste fonter, og store knapper som er lette for brukeren å treffe med fingertuppen

• Pass på at appen har god lesekontrast

Page 31: Dirty fingers
Page 32: Dirty fingers

Standardisering

• Ikke finn på nye måter å gjøre ting på med mindre det er nødvendig (eller er en vesentlig forbedring fra den etablerte måten)

• Bruk standardfunksjonalitet så langt det er mulig

• Ikke lag ting som ser ut som standardfunksjonalitet, men som oppfører seg annerledes

Page 33: Dirty fingers

Metaforer og betjening

• Prøv å bruke metaforer som tar utgangspunkt i appens formål og funksjonalitet

• Tenk på størrelsen - det som fungerer betjeningsmessig på en iPad virker ikke nødvendigvis like godt på en iPhone

• Vær varsom med “eye candy” - det er lett å gå over streken

• Ikke vær for ivrig med å etterlikne “analog” funksjonalitet

Page 34: Dirty fingers
Page 35: Dirty fingers
Page 36: Dirty fingers

Å tilpasse innhold

Page 37: Dirty fingers

Lage tilpasset versjon for mobil nettleser

• Gjøres ofte ved å bruke et eget CSS for mobilversjonen

• Tenk på størrelsen på klikkbare elementer, tekststørrelse, linjeavstander og lengden på tekstlenker.

• Det kan hende du må redusere antall funksjoner - pass på at du får med de vesentligste

• Test sidene på så mange mobile nettlesere som mulig

Page 38: Dirty fingers
Page 39: Dirty fingers
Page 40: Dirty fingers
Page 41: Dirty fingers

Å gjøre ingenting

Page 42: Dirty fingers

Gjøre ingenting

• Å gjøre ingenting er det billigste

• Følger du webstandarder, vil de fleste mobile nettlesere kunne lese ditt innhold uten videre

• Hvis du også følger gjeldende retningslinjer for tilgjengelighet, vil nettstedet ditt ha full funksjonalitet på mobil, i tillegg til å ha god tilgjengelighet

• Det beste for et vanlig nettsted er ofte også det beste for et mobilt nettsted

Page 43: Dirty fingers

Andre ting å tenke på

• Den mobile utviklingen fører også til endringer i hvordan og i hvilke sammenhenger innholdet ditt blir lest eller brukt - på bussen, i kassakøen eller sofakroken

• Tenk på hva slags konsekvenser dette kan få for innholdet ditt. Bør det organiseres annerledes? Bør man skrive kortere? Bør navigasjonen endres?

Page 44: Dirty fingers

Slik blir du mobil- og brettvennlig

• Følg webstandarder! Tekniske “snarveier” og hacks har en tendens til å ikke fungere ordentlig på mobil

• Vær tilgjengelig! Følger du (f. eks.) DIFI’s tilgjengelighetskrav sparer du deg mye bry

• Unngå Flash. Flash vises ikke på iPhone og iPad, og fungerer dårlig på resten

• Gi fingrene plass!

Page 45: Dirty fingers

Hendene er kommet for å bli!