Tips og triks for bedre brukeropplevelser
Upcoming SlideShare
Loading in...5
×
 

Tips og triks for bedre brukeropplevelser

on

  • 382 views

Presentasjon for IT-forum Nord-Norge, Sjøgata 12, 15. juni 2011

Presentasjon for IT-forum Nord-Norge, Sjøgata 12, 15. juni 2011

Statistics

Views

Total Views
382
Views on SlideShare
382
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

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

Tips og triks for bedre brukeropplevelser Tips og triks for bedre brukeropplevelser Presentation Transcript

  • Tips og triks for bedre brukeropplevelser Vegard A. JohansenInformasjonsarkitekt / interaksjonsdesigner vegard@ramsalt.com
  • Ramsalt Lab● Etablert 2010 etter sammenslåing av Ramsalt Web og Aurora Labs● 4 ansatte: Yngve, Martin, Ole og Vegard● Rådgivning og utvikling av nettløsninger● Spesialister på webplattformen Drupal● Ambassadører for fri programvare
  • Drupal ● Er fri programvare = sikkerhet for våre kunder ● Aktiv utvikling ● Gir få føringer på hvilke løsninger du kan lage med det ● Er søkemotoroptimalisert ● Kan utvides lett ● Kan integreres lett med både sosiale medier og interne systemer
  • Drupal i verden
  • Drupal fra oss
  • ..noen flere ● Senter for IKT i utdanningen ● Morgenbladet ● Kommunal Rapport ● Svalbardposten ● Tromsø internasjonale filmfestival ● Kongsberg Sattelite Service ● Nasjonalt senter for samhandling og telemedisin ● Douc Universidad Católica de Chile ● Sparebanken Nord-Norge ● Buktafestivalen ● Eiendomsmegler1 ● Rica Ishavshotell, ● Studentparlamentet ● +++
  • Meg● Vegard A. Johansen● Hovedfag i medievitenskap fra Universitetet i København● 34 år, samboer og 0,9 barn (ett i august)● Arbeidet på Universitetet i Tromsø, Grey Digital i København, Nasjonalt senter for samhandling og telemedisin, freelance webutvikler og nå på Ramsalt Lab.
  • InformasjonsarkitekturInformasjonsarkitektur handler om å sortere, kategorisere ogorganisere innhold på den mest logiske måten for brukeren.Hensikten er å gjøre informasjonen oversiktlig og forståeligog å effektivisere navigasjon og gjenfinning. (Halogen) ~Ofte brukt som stillingsbetegnelse på oss som arbeider medde mer strategiske og konseptuelle aspektene av webutvikling.
  • Bransjeutvikling ● Programmereren ● Prosjektlederen ● Webredaktøren ● Webskribenten ● Markedsføreren ● Søkemotoroptimalisereren ● Designeren ● Informasjonsarkitekten ● Interaksjonsdesigneren ● Stategen ○ sosiale medie-stategen ● Dialogsjef (community manager) ● Programmereren ● Driftseksperten ● ++
  • Hovedområder● Strategi● Design / estetikk● Brukeropplevelse● Teknologi● Markedsføring (inkludert søkemotoroptimalisering)
  • "Brukeropplevelse"totalopplevelsen en brukerhar ved anvendelse av etprodukt, tjeneste eller etsystem
  • "Nyttig"Er den mest etterspurte /nyttigste informasjonensentralt plassert, og derbrukerne ønsker å finnedet?Lider du av nyhetssyken?
  • "Brukervennlig"● Lett å lære● Effektiv å bruke● Lett å huske● Relativt feilfritt og feiltolerant● Behagelig å bruke
  • "Finnbar"Brukeres mulighet til å finnerelevante websider, og å finnerelevant informasjon på de.Ekstern ● Søkemotoroptimalisering ● Optimalisering for sosiale medier: "Like", "Share"Intern ● Finn lett frem i eksisterende informasjon hos deg
  • "Tilgjengelig"Universell tilrettelegging:Nettstedet kan brukes avalle uansettfunksjonshemming ● WAI / WCAG ● 6-8% er fargeblinde ● Google er en blind bruker ● Tilgjengelighet = søkemotoroptimert
  • RestenKredibel ● Hva gir tillit og kredibilitet? ● OverbevisningspsykologiAttråverdig ● Hva påvirker oss på et mer emosjonelt plan?Verdifull ● Sluttmålet: må gi verdi til de som står bak (flere medlemmer, mer salg etc.)
  • Spørsmål så langt?
  • "Its not rocket science" - Steve Krug
  • Metodikker, uten brukere ● Interne søkelogger, Google analytics og Google webmaster tools ● Split-testing ● WAI / WCAG-validatorer + fargeblindfilter + skjermleserfilter ● Heuristikker / ekspertevalueringer
  • Google Analytics
  • Google Webmaster Tools
  • Meta descriptions og Google (og Facebook)
  • Sosiale medier
  • Sosiale medier
  • Noen ting å ta med ● Førstesiden ikke alltid viktigst! (bruk footer) ● Hva gir treff? Nyheter eller faktasider? Sier bounce rate noe? ● Tilsvarer din ordbruk brukernes ordbruk? ● Utnytter du sosiale medier? ● Optimere sidene med mest treff ● Fjerne sider som ikke har treff
  • Split-testing ● Google Website Optimizer ● Styr brukere mot to eller flere forskjellige inngangsporter, mål resultatene
  • Split-testing
  • Validatorer ● Automatisk validering av sider etter standarder: HTML, WAI / WCAG ● www.cynthiasays.com / validator.w3.org
  • Heuristikker (indikatorer) / ekspertevalueringer
  • Heuristikker (indikatorer) / ekspertevalueringer ● Bør ikke brukes ukritisk, men veldig bra som sjekklister og for å gjøre seg oppmerksom på ting man kanskje ikke har tenkt på ● Må kunne tolke og forstå resultatene ● Bedre på tilgjengelighet enn på brukervennlighet, da tilgjengelighet ofte handler om rene tekniske implementeringer.
  • Spørsmål så langt?
  • Metodikker, med brukere ● Brukertester ○ Lag scenarier basert på strategi / mål: ■ Finn parkeringsplass i forbindelse med fødsel på UNN. ■ Ditt scenarie? ○ 3-5 korte tester identifiserer nesten alltid noe ○ Juster, test på nytt. ● (Papir)prototypetesting og Kortsortering
  • Prototypetesting
  • Prototypetesting
  • Prototypetesting
  • Prototypetesting
  • Kortsortering ● La brukerne sortere innholdet ditt, gir unik innsikt i hva de assosierer med det. ● Flere metoder, men skriv eksempelvis alle titler på undersider på post-it-lapper, og la brukerne sortere dem i frie eller faste kategorier.
  • KortsorteringSiste nyttom tilbudenekontakt ossnettbaserte kursguider og veiledningerfagnettopptakoversiktvideokonferanserom helsekompetansebrukerveiledningervåre tjenester
  • Kortsortering - finn logiske inngangsporter til innholdet
  • Andre metodikker ● Spørreundersøkelser ● Andre kvalitative metoder (workshops, intervjuer) ● Personas
  • Oppsummering ● Ramsalt, Drupal, Vegard ● Hovedområder i bransjen ● Teoretisk bakteppe ● Metodikker uten brukere ○ søkelogger / analyseverktøy ○ integrere med sosiale medier / trafikk-kilder ○ split-testing ○ validatorer / sjekklister ● Metodikker med brukere ○ brukertester ○ kortsortering ○ workshops / intervju / personas
  • Spørsmål? Kommentarer? vegard@ramsalt.com www.ramsalt.com www.facebook.com/ramsaltlab www.twitter.com/ramsalt