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.

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?

vegard@ramsalt.com

www.ramsalt.com www.facebook.com/ramsaltlab

www.twitter.com/ramsalt