Informasjonsarkitektur og Prototyping

Transkript

1 Informasjonsarkitektur og Prototyping Håkon Tolsby Håkon Tolsby 1

2 Hva er informasjonsarkitektur? Definisjon 1. The structural design of shared information environments 2. The combination of organization, labeling, search, and navigation systems. 3. The art and science of shaping information products and experiences to support usability and findability 4. An emerging dicipline and community of practice focused on bringing prinsiples of design and architecture to the digital landscape - Planlegging og design av store nettsteder Håkon Tolsby 2

3 Informasjonsarkitekturens rammeverk -en holistisk tilnærming HåkonTolsby 3 Skaffe oversikt og forståelse Design og dokumentasjon Prosjektledelse Kontekst Foretningsmål, finansiering, politikk, Kultur, teknologi, menneskelige ressurser Innhold Brukere Ulike dokumenter/data; Objekter, metadata, omfang, Eksisterende struktur Publikum, oppgaver, behov, Søkeadferd, erfaringer, vokabular, alder, kultur

4 Sentrale komponenter Informasjonsorganisering Merkesystemer Navigasjonssystemer Søkesystemer Metadata Håkon Tolsby 4

5 Informasjonsorganisering Informasjon kan kategoriseres på mange måter Kronologisk Geografisk Emne Publikum God IA gir tilgang til informasjon på flere måter Hvorfor? Håkon Tolsby 5

6 Hvorfor er informasjonsorganisering vanskelig? Tvetydighet Ord kan tolkes på ulike måter Ikke alltid opplagt hvilken kategori et element tilhører Ulike brukere har ulike perspektiver Heterogenitetsproblemet Håkon Tolsby 6

7 Merkesystemer Organisasjon og navigasjon på et nettsted visualiseres gjennom merker: Navnevalg og bruk av farger og ikoner 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åkon Tolsby 7

8 Navigasjonssystemer Designelementer og strukturer som gjør at brukerne kan finne frem Gir svar på: Hvor er jeg? Hva finnes her? Hva kan jeg gjøre nå? Hvor har jeg vært? Brukere kommer ikke alltid via hovedsiden Håkon Tolsby 8

9 HåkonTolsby 9 Global, lokal og kontekstuell navigasjon HVOR ER JEG HVA ER I NÆRHETEN RELATERT

10 Søkesystemer Hva skal søkes? Intern Hele nettstedet Kun utvalgte nøkkelområder Hva slags søk? Fritekst Indeksert Hvordan listes resultatene? Håkon Tolsby 10

11 Metadata Data om data Tittel Beskrivelse Dato Nøkkelord Ikke all informasjon inneholder ord Basis for all informasjonsorganisering Relatere informasjon Håkon Tolsby 11

12 Metoder for å samle data Kontekst Bakgrunnsundersøkelse Presentasjoner og møter Intervju med stakeholders Teknologivurdering Innhold Heuristisk evaluering Metadata og innholdsanalyse Kartlegging av innhold Benchmarking Brukere Analyse av søkelogger og klikkestrømmer Use cases og brukerprofiler Kontekstuell undersøkelse Brukerintervju og -testing Håkon Tolsby 12

13 Til å visualisere brukes prototyper En prototype kan være ulike ting: Low-fidelity En serie med skisser av websider Scenario (i kombinasjon med skisser) En storyboard, serie med sener (tegneserie) En Powerpoint presentasjon High-fidelity Et websted, men med begrenset funksjonalitet HåkonTolsby 13

14 Hvorfor lager vi prototyper? For å forstå tidlig i prosessen hva vi skal utvikle. Utfordringer, idé og konsept For å kunne kommuniser med: Andre designere Oppdragsgiver Brukere For å inndra brukere i prosessen. VIKTIG! Håkon Tolsby 14

15 Husk at design og utvikling er en iterativ prosess Håkon Tolsby 15

16 Det er mulig å involvere «klienten» i hele prosessen Håkon Tolsby 16

17 Prototyping innebærer kompromisser Begrenset funksjonalitet, sakte respons, simple ikoner og grafikk. To sentrale kompromisser Horisontal prototyping: Mange funksjoner, men liten detalj Vertikal prototyping: Mange detaljer, men få funksjoner Farlig å ignorere kompromissene Begrenset hvilke konklusjoner du kan trekke basert på tilbakemelding på veldig enkle prototyper HåkonTolsby 17

18 Prototyping er virkeliggjøring av idéen Det er et produkt som skal lages Evolusjonær prototyping Throw-away prototyping Hvilke funksjoner skal produktet utføre Hva skal produktet gjøre og hva skal brukerne gjøre Er strukturen og kategoriene riktige Hvilken informasjon må være tilgjengelig? Hva kreves for å utføre oppgaven? HåkonTolsby 18

19 Eksempler på prototyper Blueprints Wireframes Brukerscenarier Metaforer Historier Konseptuelle diagrammer Enkle implementasjoner Håkon Tolsby 19

20 Blueprints Illustrerer sammenhenger mellom sider og innholdskomponenter Kalles også sitemaps Håkon Tolsby 20

21 Blueprint - enkel

22 High-level blueprints Håkon Tolsby 22

23 Ulike typer wireframes Lages for nettstedets viktigste sider Hovedside Sider til viktige kategorier Viktige applikasjoner som søkegrensesnitt Nøyaktighetsnivå avhenger av hvor i prosessen man befinner seg Skisse (håndtegnet) Generert med for eksempel HTML eller Adobe illustrator Fungerer også som prototyper Håkon Tolsby 23

24 Wireframe

25 Wireframes eksempel 2 Flere detaljer Layout Reelt innhold Forklaringer Håkon Tolsby 25

26 Wireframes eksempel 3 Høy grad av nøyaktighet Prototype Tidkrevende Håkon Tolsby 26

27 Brukerscenarier Vise hvordan brukere med ulike behov vil navigere nettstedet Utgangspunkt: brukerprofilene fra forundersøkelsen 3 eller 4 ulike typer Navn, tittel og årsak til at de besøker hjemmestedet Scenarier som demonstrerer behov for forskjellige navigasjons- og søkemuligheter Prosessen med: mål, overveielser og beslutninger. Kan kombineres med storyboard.

28 Eksempel brukerscenario Det er morgen og Kari stopper på bensinstasjonen på veg til arbeidet. Mens hun fyller bensin bestemmer hun seg for å sjekke om dansegruppa hennes har blitt enig om neste trening. Kari tar frem telefonen. Hun logger seg på en tjeneste og får en oversikt over foreslåtte datoer. Kari noterer seg at bare 11 av 15 personer har svart. Hun ser også at det passer best for de fleste neste mandag og lørdag. Kari trenger et endelig svar så rakt som mulig og sender en påminnelse til dem som ikke har svart med de foreslåtte datoene. Så avslutter hun tjenesten, legger telefonen i veska og kjører videre Håkon Tolsby 28

29 scenario mapping Håkon Tolsby 29

30 Morville: visuell kommunikasjon

31 Hvem lager prototypene? Designer/utvikler Kan oppdragsgiver og brukere delta? Design in action (Susanne Bødker og Kaj Grønbæk) Hvem bør delta, hvem bør ikke? Oversikt, entusiasme, representativ, erfaring Tillit og likeverd Håkon Tolsby 31

32 Contextual Inquiry En tilnærming til etnografisk studie (observasjon, feltstudie) hvor: brukeren er ekspert og designeren er lærling En form for intervju på brukerens arbeidsplass 2 til 3 timers varighet Fire hovedprinsipper: 1. Kontekst: Se arbeidsplassen og hva som skjer 2. Arbeidskollegaer: Bruker og utvikler samarbeider 3. Fortolkning: Observasjoner fortolkes av bruker og utvikler sammen. 4. Fokus: Fremlegg fokus for å gjøre det enklere å forstå hva man skal se etter.

33 Contextual Inquiry Hvordan kan prototyper brukes for å skape større tilnærming til kontekst når man ønsker tilbakemelding fra brukere og klienter? Håkon Tolsby 33

34 Hvordan bruker dere prototyper i deres prosjekt? Håkon Tolsby 34