Tips og triks for bedre brukeropplevelser
Vegard A. JohansenInformasjonsarkitekt / interaksjonsdesigner
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.
Informasjonsarkitektur
Informasjonsarkitektur handler om å sortere, kategorisere og organisere innhold på den mest logiske måten for brukeren.
Hensikten er å gjøre informasjonen oversiktlig og forståelig og å effektivisere navigasjon og gjenfinning. (Halogen)
~
Ofte brukt som stillingsbetegnelse på oss som arbeider med de 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 bruker har ved anvendelse av et produkt, tjeneste eller et system
"Nyttig"Er den mest etterspurte / nyttigste informasjonen sentralt plassert, og der brukerne ønsker å finne det?
Lider du av nyhetssyken?
"Brukervennlig"● Lett å lære● Effektiv å bruke● Lett å huske● Relativt feilfritt og
feiltolerant● Behagelig å bruke
"Finnbar"Brukeres mulighet til å finne relevante websider, og å finne relevant 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 av alle uansett funksjonshemming
● WAI / WCAG● 6-8% er fargeblinde● Google er en blind
bruker● Tilgjengelighet =
søkemotoroptimert
RestenKredibel
● Hva gir tillit og kredibilitet?
● Overbevisningspsykologi
Attrå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?
"It's 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.
Kortsortering
Siste nyttom tilbudenekontakt ossnettbaserte kurs guider og veiledninger fagnettopptak oversikt videokonferanser om helsekompetanse brukerveiledningervå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?
www.ramsalt.com www.facebook.com/ramsaltlab
www.twitter.com/ramsalt
Top Related