Merking (labeling) Information Architecture. Kap 6. Peter Morville & Louise Rosenfeld

Transkript

1 Merking (labeling) Information Architecture Peter Morville & Louise Rosenfeld Kap

2 Merker (1) Merker gir en representasjon av informasjon. Gode merker er konsistente gjennom hele nettstedet: Lik grovhet (biler, Volvo, Franske biler ) Helhetlig (jakke, bukse, slips ) Publikum (hodepine, Intoxicatio alimentaria) Syntaks (blanding av verb substantiv og spørsmål) Stil (tegnsetting, store/små bokstaver) Presentasjon (font, fontstørrelse, farge, gruppering) Gode merker gir brukerne riktige assosiasjoner HåkonTolsby 2

3 Merking (2) Merking er sannsynligvis den viktigste måten å visualisere organisasjon og navigasjon på et nettsted. Målet er å kommunisere mening effektivt: Uten å ta opp for mye plass på siden Uten å ta opp for mye kognitive plass Snakke brukerens språk Kontekst: beskrive innholdet entydig Tekst eller ikoner

4 Forekomster av merker Kontekstuelle linker Linker til andre sider eller et annet sted på samme side Overskrifter Merker som beskriver innholdet som følger Navigasjonsvalg Merker som beskriver navigeringsvalg Indekstermer Nøkkelord, tagger og overskrifter som beskriver innhold for søking og browsing OBS: Kategoriene er ikke gjensidig ekskluderende

5 Merker som kontekstuelle linker (1) HåkonTolsby 5

6 Merker som kontekstuelle linker (2) Linker innenfor kroppen til et dokument Ad hoc og ikke systematisk Ofte utenfor informasjonsarkitektens kontroll Viktig at de er: relevante (fører linken dit brukeren forventer?) konsistente

7 Merker som overskrifter (1) Brukes ofte til å skape en hierarkisk struktur på innholdet Tall kan brukes for å kommunisere progresjon Må være mer systematiske enn kontekstuelle linker Konsistens

8 Merker som overskrifter (2)

9 Merker som overskrifter (3)

10 Merker i navigasjonsvalg (1) Må være konsistente og skape gjenkjenning Bruk rollover/mouseover for utfyllende informasjon Bruk kjente merker. Ingen grunn til å være oppfinnsom Main, Main Page, Home, Hjem, Hovedside Search, Find, Browse, Søk Site map, Contents, Table of contents, Index, Nettstedskart Contact, Contact us, Kontakt oss Help, FAQ, Hjelp News, News and Events, Announcements, Nyheter About, About Us, Who we are, Om oss

11 Merker i navigasjonsvalg (2)

12 Merker som indekstermer (1) Indekstermer : nøkkelord, tagger, beskrivende metadata, taksonomier (klassifiseringer) og thesauri (begrepsordbok) som brukes til å beskrive innhold. Bidrar til bedre og mer presis søking enn fulltekst. Browsbare indekser og lister alternativ organisering av informasjon. Indekstermer er vanligvis usynlig for brukeren. <meta name= keywords content= merking, informasjonsarkitektur, ia, labeling, webdesign >

13 Merker som indekstermer (2)

14 Øvelse 4: Gjør et søk på ulike nettsteder og gi eksempler på merker som gir deg feil assosiasjoner wwww.hiof.no HåkonTolsby 14

15 Bruk av Ikoner som merker (1) Ikoner er vanskelig ofte avhengig av kultur og kontekst Bruk med forsiktighet Brukertesting, Think aloud, for å sjekke at ikonene tolkes riktig

16 Bruk av Ikoner som merker (3) Hva betyr ikonene?

17 Bruk av Ikoner som merker (3)

18 Designe merkesystem (1) Merking er ingen eksakt vitenskap Begrens rekkevidden innhold, kontekst og brukere påvirker alle et merke. Konsistent merkesystem ikke merker Stil (tegnsetting, store/små bokstaver) Presentasjon (font, fontstørrelse, farge, gruppering) Syntaks (blanding av verb substantiv og spørsmål) Lik grovhet (biler, Volvo, Franske biler ) Helhetlig (jakke, bukse, slips ) Publikum (hodepine, Intoxicatio alimentaria )

19 Designe merkesystem (2) Ta utgangspunkt i eksisterende websteder Eget, konkurrent, tilsvarende Lag tabeller over merkesystemet - merketabeller Analyser innhold (manuelt eller ved bruk av verktøy) Spør innholdsforfattere Spør brukere Bruk kortsortering (åpne /lukkede kategorier) Åpen listing / brainstorming over en sak Søkelogger

20 Tabell over merkesystem Merke Destinasjons overskriftmerke Destinasjons <title> merke Global meny Våre tjenester Våre tjenester Våre tjenester Finansiering Finansiering Finansiering Våre kontorer Våre kontorer Våre kontorer Ledige stillinger Ledige stillinger Ledige stillinger Ikon meny Ny ide eller starte bedrift Ny ide eller starte bedrift Ny ide eller starte bedrift Internasjonale ambisjoner Internasjonalisering Internasjonalisering Sjømatnæring Marin Marin

21 Kortsortering Representative brukere sorterer en rekke med kort, merket med innhold eller funksjonalitet, inn i kategorier som gir mening for dem. Åpen: sortere merket innhold inn i egne kategorier. Lukket: sortere merket innhold inn i allerede eksisterende kategorier HåkonTolsby 21

22 Øvelse 5: Ta utgangspunkt i sine websider og sett opp en merketabell. Er merkene deres konsistente? HåkonTolsby 22

23 Triggerord Triggerord er merkeord som er særlig viktig for brukerens navigasjon gjennom et nettsted. Webnavigasjon rundt triggerord er tuftet på lenkerike sider. For eksempel, se under Tema på: Begrunnelse: Når brukeren ser triggerordet i en link, så klikker han på det. Poenget med triggerord er dels å øke sidens synlighet i søkemotorene, dels å lette brukerens navigasjon innenfor nettstedet

24 Åtte kjennetegn for gode triggerord (1-4) 1. Enkle: Kall en spade for en spade, ikke graveredskap. Unngå stammespråk og fremmedord. "Briller" er et godt trigger-ord, "Synshjelpemidler" er det ikke. 2. Beskrivende: Menypunkter på et nettsted skal være merkelapper for det innholdet brukeren får når han klikker på dem. "Anoreksi" er et godt triggerord. "Når maten blir et problem" er det ikke. 3. Konkrete: Dersom du tenker deg en skala fra det helt konkrete ("Dagros") til det helt abstrakte ("Vesener"), med begrep som "Kyr", "Husdyr", etc. et sted i mellom, så ligger gode trigger-ord så langt mot det konkrete som mulig på denne skalaen. Det betyr at "Gensere" er et bedre trigger-ord enn "Dameklær" eller "Klær" 4. Substantiver: 97% av verdens 1000 mest påsøkte søkeord er substantiver. "Lån" er nemlig et mye bedre trigger-ord enn "Låne", og "Fag" eller "Studier" er bedre trigger-ord enn "Studere". Kilde:Nina Furu (

25 Åtte kjennetegn for gode triggerord (5-6) 5. Gode trigger-ord er ikke problemer, men løsninger: Ordet "antivirus er faktisk 10 ganger så mye søkt på som ordet "virus". De gode triggerordene er løsninger, ikke problemer. Dette betyr for eksempel at "Kontaktannonser" er et mye bedre trigger-ord enn "Ensom". Unntaket her er for medisinske diagnoser og andre tilfeller hvor brukeren ikke kan gjette seg til hva som er løsningen, og derfor søker mer informasjon om problemet. 6. Gode triggerord er brukerdefinerte: Sagt på en annen måte, de gode trigger-ordene er det brukeren tror han trenger, ikke nødvendigvis det han faktisk trenger. Tror brukeren at han trenger briller er det "briller" som er det gode trigger-ordet selv om du heller vil selge kontaktlinser. Kilde:Nina Furu (

26 Åtte kjennetegn for gode triggerord (7-8) 7. Gode trigger-ord beskriver ikke brukeren selv. Dette er spikeren i kisten for målgruppesegmentering av typen "Bedriftskunde/Privatkunde" (som menyvalg). Brukeren søker ikke etter beskrivelser av seg selv, han søker etter - og klikker på - de produktene/den informasjonen han leter etter. Det er derfor "Lønnskonto" er det gode trigger-ordet og ikke "Lønnsmottaker"; "Regnskapsprogram" og ikke "Småbedriftsløsninger" osv. 8. Du kan ikke introdusere nye trigger-ord. Fordi trigger-ord er brukerens egne ord (og ikke dine), kan du heller ikke finne på nye trigger-ord som ikke allerede er i vanlig bruk. Du syns kanskje at trigger-ordet Kunnskapstorget" er et fint menypunkt for all din forskningsinformasjon, men når dette ikke er ord brukeren kjenner, blir det ikke klikket på. Kilde:Nina Furu (