brukervennliginformasjons-arkitektur7. oktober 2003

Hvem er monare?

• Mona og Are• Gift i vår, 1 barn, snart 2• Fokus på brukervennlig design• Mona er informasjonspsykolog i

Halogen, psykologi hovedfag• Are er informasjonsarkitekt i

WM-data, medievitenskap hovedfag• Monare: kurs, foredrag, rådgivning

"på-si"

Agenda

• Hva er informasjonsarkitektur?• Hva er egentlig brukervennlighet?• IA-prosessen

– Strategi og brukerkrav– Spesifikasjon – Struktur– Skjelett– Sminke

• Navigasjon som retorikk• Et veikart for informasjonsarkitekter

Hva er IA?

Hva er informasjonsarkitektur?

• Strukturering og organisering av informasjonssystemer forå hjelpe brukerne å nå sine mål

Kontekst

Brukere

Innhold

IA

IA: prosessen

Konkret

Strategi

Spesifikasjon

Struktur

Skjelett

Sminke

• ---------• ---------• ---------

Abstraktjjg.net/elements

IA: rollen

Abstrakt

Konkret

Sminke

Skjelett

Spesifikasjon

Strategi

Struktur

Applikasjon Hypertekst

Interaksjons-design

Informasjons-arkitektur

Funksjonellspesifikasjon

Innholds-spefikasjon

Visuell design

Informasjonsdesign

Grensesnittdesign Navigasjonsdesign

Brukerkrav

Mål for nettstedet

jjg.net/elements

Hva er egentligbrukervennlighet?

Myter om brukervennlighet

• Enkel å lære• Enkel å bruke• Morsom å bruke• Max tre klikk til innhold• "Fine farger"

"Datajournalist-versjonen"• Mye funksjonalitet• Fint design

Kjært barn, mange navn...

• Brukskvalitet– fagområdet (usability)

• Brukervennlig– kvalitet ved produktet (usable)

• Brukeropplevelse– brukerens subjektive totalopplevelse– mer enn bare brukervennlighet (user experience)

• I tillegg: Nytteverdi/relevans (utility)

Hva er egentlig brukervennlighet?

• Brukervennlighet handler om:– at menneskene som vil bruke tjenesten– kan bruke den til å oppnå sine mål, utføre sine oppgaver

og få svar på sine spørsmål– i sin egen naturlige kontekst (fysiske og sosiale omgivelser)– enkelt (i løpet av den tiden og med de anstrengelsene de

- altså brukerne - mener den er verdt)

• Brukervennlighet er subjektivt

et lite eksempel....

• Brukernes mentale modeller

Mentale modeller

•Designtrender•Lage noe nytt•Prinsipper•Retningslinjer

Dokumentasjon

System

•Hvor finner jeg informasjon om..?•Hvordan får jeg tak i...?•Hvordan bestiller jeg..?•Hva skal jeg ha til middag?•Hvem er ansvarlig for...?

Designer Bruker

•Plattform•Utviklingsverktøy•Guidelines•Enkel programmering•Gjenbruk

Hvilken modell passer for deg?

Mottaker: Dato: Kontonr.: Kidnr.: Beløp:Viken Energi V 07.10.2003 15941722222

Velg V

Betal regninger!

x Fast betaling

Fast betaling

Fast betalingVelg V

Informasjonspsykologi

• Brukerne ønsker kontroll over grensesnittet • Tillit skapes/brytes gjennom erfaring• "Paradox of the active user"• Leser ikke på nett• Brukerne vil i prinsippet ikke lære noe nytt

IA-prosessen

Konkret

Strategi

Spesifikasjon

Struktur

Skjelett

Sminke

• ---------• ---------• ---------

Abstraktjjg.net/elements

Tre grunnleggende spørsmål1. Hvem er brukerne?

2. Hvilke mål har de?

3. Hvordan kan vi hjelpe dem å nå sine mål?

Forretningsmål vs brukermål

Brukermål

•Informere om virksomheten•Holde på brukeren•Kvitte seg med lager•Best mulig pris•Mest mulig kundeinformasjon

Forretnings-strategi

•Få svar på spørsmål•Bruker minst mulig tid•Finne én bestemt vare•Best mulig pris•Gi fra seg minst mulig informasjon

Eksempel: registreringsprosesser

Brukerkrav - noen metoderVerktøy: Kvalitetskriterier:

BrukertestEkspertevalueringObservasjoner DybdeintervjuerFokusgrupper

SpørreundersøkelseLogg-analyse

Validitet

Reliabilitet

Nytteverdi

Kostnad

Tid

Valg:

Kvalitativ

Kvantitativ

?

Personas og scenarier

• Persona– en beskrivelse av en av de viktigste brukerne av tjenesten– vanligvis ikke en faktisk bruker– basert på brukere du har obeservert, intervjuet, møtt eller kjenner– en fiksjonell bruker som er realistisk og representativ for en viktig

gruppe brukere

• Scenario– en realistisk historie om bruk av tjenesten– brukes til å hente ut funksjonelle krav

Trygve SivertsenNorwegian67 years old, newly retiredHave two grandchildrenVery interested in sports

Lilly Collier Smith44 years old, English secretaryHas always been interested in royaltyHas a four years old birded collier

Erik Pärsson33 years old, singleSwedish, IT consultantInterested in diving and hunting and surfing the webHas collected ”everything” as a child

Mr. Ralf Rüstenburg54 years oldDutch business manMarried two grown up sonsFamily collections

IA-prosessen: spesifikasjon

Konkret

Strategi

Spesifikasjon

Struktur

Skjelett

Sminke

• ---------• ---------• ---------

Abstraktjjg.net/elements

Typisk innholdsprosess

• Kartlegge eksisterende innhold (så langt hensiktsmessig)• Kartlegge evt. fremtidig (ønsket) innhold• Identifisere og prioritere metadata• Utarbeide kravspesifikasjon for CMS (ifht. innhold)• Utarbeide ny(e) innholdsmodell(er)• Utarbeide ny(e) navigasjonsmodell(er)• Wireframe (prototype)• Utvikle eksempelsider (studium, kurs, program, etc)• Dokumentere prosess for innholdsutvikling• Skrive nye tekster, omarbeide eksisterende innhold

Innholdskartlegging• Innholdskartlegging er prosessen vi må gjennom

for å få full oversikt over innholdet vårt• Innholdsoversikten er verktøyet vi bruker

Formål med innholdskartleggingen

• Dokumentasjon av eksisterende innhold:– Identifisere alle innholdselementer– Identifisere ansvarlige personer/organisasjoner– Identifisere metadata– Dokumentere problemer ifht. brukeropplevelse

• Dokumentasjonen gir oss muligheter til å...– Fjerne ROT (Redundant, Outdated, Trivial content)– Bearbeide/omskrive/slå sammen eksisterende nytt innhold– Kartlegge hva som mangler (nytt innhold)– Stille krav til publiseringssystem– Grunnlag for å utvikle strategi for omfang, format, utvikling

og vedlikehold av fremtidig innhold

Kortsortering (Card Sorting)

• Enkel, men effektiv måte å sikre brukerfokus• Sortere 40-50 kort i 3-5 hauger utifra hva

som ”hører sammen”• Forklaring/diskusjon

Informasjonskategori Sissel Kry Laila Kry Org.plasseriInnkjøpsrutiner 1.1 1 ?Håndbøker 1.1 1 SRFKontorstøtte 1.1 1 SOIBPROST 3 1 (bla. EFO)Kontoplan, kostn.st. etc 3 1 SRFTOP+ 3 1 SRFStyringsdokumenter 4 1 areKvalitet 4 1 SSKSystemer 4 1 SOIBIT-standarder 5 1 SOIBTerminer 5 1 SRFBarometer 5 1 SRFParlando 1 2 ?Valutakurser 1 2 ?Kurs 2 2 STCStilling ledig 2 2 ?Reiser 2 2 FMPersonalhåndbok 2 2 SAPERSForeninger 2 2 SAPERSInformasjon til nyansatte 2 2 areAnsattinfo 2 2 SAPERSPAGA 2 2 SAPERSNyheter (personal) 2 2 SAPERSBiladministrasjon 2 2 FMOrganisasjonskart 3 2 ?Lederutvikling 3 2 SLOStatistikk 4 2 SAPERSUtvalg 5 2 SAPERSSimenslaget 2 2.2 ?AnSalg 2 2.2 FMHMS 2 3 2.1 SSKProMark 2 2.1 SAPERSFysisk sikring 2 2.1 SSKBedriftshelsetjenesten 2 2.1 NYBygninger uteanlegg 3 2.1 FMYtre miljø 5 2.1 SSKSøk 1 3 ?Aktuelle linker 1 3 ?Konsernadresser 1 3 areApplikasjoner/verktøy 1 3 1 areWebmaster 1 3 SAMOm nettstedet 1 3 areKopiering 1.1 3 FMKontortjenester 1.1 3 FMÅrsrapporter 3 3 SAMFellesprosjekter 3 3 areOverheadserien '99 3 3 SAMFra direksjonen 3 3 ?Konsernmaler (fax, brev, etc. 3 3 areÅr 2000 3 3 SSE/TLC/etcOrganisering 3 3 SRFProduktoversikt 4 3 areTrykksaker 1.1 6 SAMPressemeldinger 6 6 SAMNyheter (konsern) 6 6 areMarkedsinformasjon 6 6 areCorportate Design 6 6 SAMMediakontakt og PR 6 6 areHelp Desk 1 1 7 ?Tilbakemelding 1 7 areTeletjenester 1 7 FMStrategiarbeid 3 7 SAMFM Intern 5 7 FMMobil/Gigaset/PC ?Vår bedriftsfilosofi

Informasjonskategori Sissel Kry Laila Kry Org.plasseriParlando 1 2 ?Valutakurser 1 2 ?Søk 1 3 ?Aktuelle linker 1 3 ?Konsernadresser 1 3 areApplikasjoner/verktøy 1 3 1 areWebmaster 1 3 SAMOm nettstedet 1 3 areHelp Desk 1 1 7 ?Tilbakemelding 1 7 areTeletjenester 1 7 FMInnkjøpsrutiner 1.1 1 ?Håndbøker 1.1 1 SRFKontorstøtte 1.1 1 SOIBKopiering 1.1 3 FMKontortjenester 1.1 3 FMTrykksaker 1.1 6 SAMKurs 2 2 STCStilling ledig 2 2 ?Reiser 2 2 FMPersonalhåndbok 2 2 SAPERSForeninger 2 2 SAPERSInformasjon til nyansatte 2 2 areAnsattinfo 2 2 SAPERSPAGA 2 2 SAPERSNyheter (personal) 2 2 SAPERSBiladministrasjon 2 2 FMSimenslaget 2 2.2 ?AnSalg 2 2.1 FMHMS 2 3 2.2 SSKProMark 2 2.1 SAPERSFysisk sikring 2 2.1 SSKBedriftshelsetjenesten 2 2.1 NYPROST 3 1 (bla. EFO)Kontoplan, kostn.st. etc 3 1 SRFTOP+ 3 1 SRFOrganisasjonskart 3 2 ?Lederutvikling 3 2 SLOBygninger uteanlegg 3 2.1 FMÅrsrapporter 3 3 SAMFellesprosjekter 3 3 areOverheadserien '99 3 3 SAMFra direksjonen 3 3 ?Konsernmaler (fax, brev, etc. 3 3 areÅr 2000 3 3 SSE/TLC/etcOrganisering 3 3 SRFStrategiarbeid 3 7 SAMStyringsdokumenter 4 1 areKvalitet 4 1 SSKSystemer 4 1 SOIBStatistikk 4 2 SAPERSProduktoversikt 4 3 areIT-standarder 5 1 SOIBTerminer 5 1 SRFBarometer 5 1 SRFUtvalg 5 2 SAPERSYtre miljø 5 2.1 SSKFM Intern 5 7 FMPressemeldinger 6 6 SAMNyheter (konsern) 6 6 areMarkedsinformasjon 6 6 areCorportate Design 6 6 SAMMediakontakt og PR 6 6 areMobil/Gigaset/PC ?Vår bedriftsfilosofi

Informasjonskategori Sissel Kry Laila Kry Org.plasseriPROST 3 1 (bla. EFO)Parlando 1 2 ?Valutakurser 1 2 ?Søk 1 3 ?Aktuelle linker 1 3 ?Help Desk 1 1 7 ?Innkjøpsrutiner 1.1 1 ?Stilling ledig 2 2 ?Simenslaget 2 2.2 ?Organisasjonskart 3 2 ?Fra direksjonen 3 3 ?Mobil/Gigaset/PC ?Konsernadresser 1 3 areApplikasjoner/verktøy 1 3 1 areOm nettstedet 1 3 areTilbakemelding 1 7 areInformasjon til nyansatte 2 2 areFellesprosjekter 3 3 areKonsernmaler (fax, brev, etc. 3 3 areStyringsdokumenter 4 1 areProduktoversikt 4 3 areNyheter (konsern) 6 6 areMarkedsinformasjon 6 6 areMediakontakt og PR 6 6 areTeletjenester 1 7 FMKopiering 1.1 3 FMKontortjenester 1.1 3 FMReiser 2 2 FMBiladministrasjon 2 2 FMAnSalg 2 2.2 FMBygninger uteanlegg 3 2.1 FMFM Intern 5 7 FMBedriftshelsetjenesten 2 2.1 NYWebmaster 1 3 SAMTrykksaker 1.1 6 SAMÅrsrapporter 3 3 SAMOverheadserien '99 3 3 SAMStrategiarbeid 3 7 SAMPressemeldinger 6 6 SAMCorportate Design 6 6 SAMPersonalhåndbok 2 2 SAPERSForeninger 2 2 SAPERSAnsattinfo 2 2 SAPERSPAGA 2 2 SAPERSNyheter (personal) 2 2 SAPERSProMark 2 2.1 SAPERSStatistikk 4 2 SAPERSUtvalg 5 2 SAPERSLederutvikling 3 2 SLOKontorstøtte 1.1 1 SOIBSystemer 4 1 SOIBIT-standarder 5 1 SOIBHåndbøker 1.1 1 SRFKontoplan, kostn.st. etc 3 1 SRFTOP+ 3 1 SRFOrganisering 3 3 SRFTerminer 5 1 SRFBarometer 5 1 SRFÅr 2000 3 3 SSE/TLC/etcHMS 2 3 2.1 SSKFysisk sikring 2 2.1 SSKKvalitet 4 1 SSKYtre miljø 5 2.1 SSKKurs 2 2 STCVår bedriftsfilosofi

IA-prosessen

Konkret

Strategi

Spesifikasjon

Struktur

Skjelett

Sminke

• ---------• ---------• ---------

Abstraktjjg.net/elements

Top-down vs bottom-up

Kategorier

Innhold

Kategorier

Innhold

Hva er metadata?

• Metadata er informasjon om informasjon• Gir mulighet til krysspublisering, personalisering,

intelligente søk, etc.• Tre hovedtyper av metadata

– Identifiserende data (som f.eks. sidetittel og URL) – Beskrivende data (som identifiserer f.eks. sidetype og innhold) – Administrative data (som f.eks. hvem som ansvarlige,

markering av innhold som skal konverteres/skrives om, etc.).

• I første fase fokuserer vi på identifiserende og beskrivende metadata

• Administrative metadata blir mer aktuelt senere

Dublin Core• Name - A name given to the resource• Author - An entity primarily responsible for making the content of the resource• Subject and Keywords - The topic of the content of the resource • Description - An account of the content of the resource• Publisher - An entity responsible for making the resource available • Contributor - An entity responsible for making contributions to the content of the resource.• Date - A date associated with an event in the life cycle of the resource• Resource Type - The nature or genre of the content of the resource• Format – The physical or digital manifestation of the resource • Resource Identifier - An unambiguous reference to the resource within a given context • Source - A reference to a resource from which the present resource is derived • Language - A language of the intellectual content of the resource • Relation - A reference to a related resource • Coverage - The extent or scope of the content of the resource • Rights Management - Information about rights held in and over the resource • Audience - A class of entity for whom the resource is intended or useful• Alternative - Any form of the title used as a substitute or alternative to the formal title of the resource • Table Of Contents - A list of subunits of the content of the resource • Abstract - A summary of the content of the resource.• Created - Date of creation of the resource• Valid - Date (often a range) of validity of a resource • Available - Date (often a range) that the resource will become or did become available.• Modified - Date on which the resource was changed

http://dublincore.org/

IA-prosessen

Konkret

Strategi

Spesifikasjon

Struktur

Skjelett

Sminke

• ---------• ---------• ---------

Abstraktjjg.net/elements

Lynkurs i navigasjonsdesign

• Navigasjon er viktig, men ofte overvurdert – God navigasjon tillater brukeren å fokusere på innholdet

• Navigasjon skal besvare to spørsmål:– Kvar er eg no?– Kvar kan eg gå herifra?

• Ulike typer navigasjon– Global vs lokal navigasjon– Diverse mellomnivåer av navigasjon– "Personlig" navigasjon (logg inn/personalisering)– "Verktøy" - søk, hjelp, sitemap, tilbakemelding, etc– Andre hjelpemidler: navigasjonssti, etc.– Kontekstuell navigasjon - i innhaldsfeltet

innhold

Global navigasjon/verktøy

Lokal naviga-

sjon

Kontekst-avhengig

navigasjon

Kontekst-avhengig

navigasjon

Eksempel

E Venstre-

meny(to

nivåer)

F Innholdsfelt:

nyheter/aktuelt

GModul

GModul

GModul

GModul

GModul

Ansvarlig: Lars Lystad Sist oppdatert: 3. september 1999

SidetittelDu er her: Forside: Divisjoner: Olje og Gass: Produkter: Behandlingssystemer

Aktuelt Verktøy og Maler Konsern Ansatt i Siemens

Divisjons-ID

Innhold Søk Kontakt Linker Internett IntraPortal Forside | Intranett Class B

B ”Enheter”C Globale verktøy

A

IA-prosessen

Konkret

Strategi

Spesifikasjon

Struktur

Skjelett

Sminke

• ---------• ---------• ---------

Abstraktjjg.net/elements

Ekte skjønnhet kommer innenfra

baxleydesign.com

Abstrakt

Konkret

Sminke

Skjelett

Spesifikasjon

Strategi

Struktur

Applikasjon Hypertekst

Interaksjons-design

Informasjons-arkitektur

Funksjonellspesifikasjon

Innholds-spefikasjon

Visuell design

Informasjonsdesign

Grensesnittdesign Navigasjonsdesign

Brukerkrav

Mål for nettstedet

jjg.net/elements

Navigasjon som retorikk

• Problem: offentlige nettstader kommuniserer dårleg– Frustrerande brukaropplevingar (ex. finne barnehage på norge.no)– Avsenderorientering

• Mål: Analysere retorisk potensiale i navigasjon• Teoretiske innfallsvinklar

– Vegfinning (wayfinding)– Informasjonssanking (information foraging)

Bøker

Nettressursar

• www.brukaropplevingar.com• www.boxesandarrows.com• www.aifia.org - /tools• www.iawiki.net

Takk for oss!

mona@halland.us & are@halland.us