• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Dirty fingers
 

Dirty fingers

on

  • 578 views

 

Statistics

Views

Total Views
578
Views on SlideShare
577
Embed Views
1

Actions

Likes
0
Downloads
20
Comments
0

1 Embed 1

http://www.techgig.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Dirty fingers Dirty fingers Presentation Transcript

    • 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 %
    • Hva er annerledes med lesebrett og mobil?
    • Nå bruker vi fingrene
    • 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
    • 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
    • Størrelse på treffpunkt på mobil
    • 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
    • Relative størrelser på PC, lesebrett og mobil
    • 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
    • Vi flytter på oss
    • Stedsbaserte tjenester • Stedsbaserte tjenester og tilbud øker raskt i antall • Vi får flere koblinger mellom lokasjon og informasjon
    • Nedlastingshastigheten er lavere
    • 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
    • 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
    • 3 svar på den mobile utfordringen
    • Lage en app Tilpasse innhold Gjøre ingenting
    • Å lage en app
    • 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
    • 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
    • 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
    • Hva kjennetegner en god app?
    • 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)
    • 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)
    • 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
    • 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
    • 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
    • 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
    • Å tilpasse innhold
    • Lage tilpasset versjon for mobilnettleser • 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
    • Å gjøre ingenting
    • 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
    • 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?
    • 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!
    • Hendene er kommet for å bli!