25
Informationsarkite ktur på Websites

Informationsarkitektur på websites

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Informationsarkitektur på websites

Informationsarkitektur

Informationsarkitektur

på Websitespå Websites

Page 2: Informationsarkitektur på websites

Informationsarkitekten

“the individual who organizes the patterns inherent in data, making the

complex clear.”

“a person who creates the structure or map of information, which allows others

to find personal paths to knowledge.”

(Veen, 2000: 78)

Page 3: Informationsarkitektur på websites

Matchmaker

Informationsarkitekten:

»Skal forstå brugerens motivation og mål.

»Bearbejder forskellige repræsentationer af data baseret på brugerens behov.

»Er matchmaker og tilrettelægger information ud fra brugerens perspektiv.

(Veen, 2000: 80-81)

Page 4: Informationsarkitektur på websites

"Make the pattern clear"

Informationsarkitekten:

»Skaber overblik ved at organisere data med forskellige virkemidler.

»Bygger mønstre/struktur der leder brugeren hen til den rette information.

(Veen, 2000: 80-81)

Page 5: Informationsarkitektur på websites

Morville & Rosenfeld

DokumenterDatatyperIndholdsobjekterMængdeEksisterende struktur

ForretningsmålØkonomi

ResourcerPolitikKultur

TeknologiForhindringer

PublikumOpgaverBehovInformationssøgningAdfærdOplevelseFølelse

Morville & Rosenfeld 2002:24

Page 6: Informationsarkitektur på websites

Findability

“Information Architecture is not only the discipline of organizing information, but getting people

 to that information.” (Veen, 2000: 83)

Page 7: Informationsarkitektur på websites

Struktur & OrganisationStruktur &

Organisation

Page 8: Informationsarkitektur på websites

Struktur & Organisation

Grundlæggende set er der to tilgange til strukturering af information.

» Top-down-tilgangen inddeles al informationen efter kategorier og underkategorier (parrent/child).

»Bottom-up-tilgangen tager udgangspunkt i kildematerialets funktioner og indhold.

»En node er den mindste enhed indenfor struktureringen af information og kan være af vilkårlig type og størrelse.

Page 9: Informationsarkitektur på websites

Hierarkisk struktur

En hierarkisk struktur er kendetegnet ved, at noder er organiseret i en træstruktur med andre noder. Et hierarki kaldes også et strukturtræ og toppen af dette kaldes roden (Garrett, 2003: 98).

Page 10: Informationsarkitektur på websites

Matrix-strukturMatrix-struktur

Page 11: Informationsarkitektur på websites
Page 12: Informationsarkitektur på websites
Page 13: Informationsarkitektur på websites

Organisk strukturOrganisk struktur

Page 14: Informationsarkitektur på websites

Sekventiel strukturSekventiel struktur

Page 15: Informationsarkitektur på websites

Folksonomy (tags)

Page 16: Informationsarkitektur på websites

Breadcrumbs

Page 17: Informationsarkitektur på websites

• Labeling = navngivning af menupunkter, overskrifter mv.

• Nomenklatur = fortegnelse over en videnskabs eller et fags fagudtryk eller terminologi.

• Metadata = data om data.

Andre begreber

Page 18: Informationsarkitektur på websites

bit.ly/opgave1

Opgave 1: Card Sorting

Opgave 1: Card Sorting

Page 19: Informationsarkitektur på websites

Navigationsdesign

• Navigationsdesign handler om at kunne orientere sig og finde rundt på et website.

• Det vigtigt, at navigationssystemerne giver adgang til de forskellige områder, og at disse kommunikeres effektivt, så brugeren ved hvor han og hvor han kan gå hen.

• De fleste hjemmesider indeholder flere slags navigationssystemer, som hver udfylder en bestemt rolle for brugeren.

Page 20: Informationsarkitektur på websites

Global navigation

Global navigation er betegnelsen for en type af navigation, der er hierarkisk og gør brugeren i stand til at navigere overordnet mellem flere kategorier. (Garrett, 2003: 127).

Page 21: Informationsarkitektur på websites

Kontekstuel navigation

Kontekstuel navigation er være en gruppering af hyperlinks, der linker til relateret indhold. (Garrett, 2003: 129).

Page 22: Informationsarkitektur på websites

Lokal navigation

Lokal navigation er den navigationstype, der er tilknyttet én kategori eller et bestemt område på et websted og vil kun være synlig i dette område (Garrett, 2003: 128).

Page 23: Informationsarkitektur på websites

Supplerende navigation

Supplerende navigation er betegnelsen for navigationstyper, som giver mulighed for genveje til relateret indhold, som ikke nødvendigvis er repræsenteret gennem den globale eller lokale navigation. (Garrett, 2003: 128). Fx et sitemap, en alfabetisk ordnet indeksside eller en søgefunktion (Morville & Rosenfeld, 2008: 117).

Page 24: Informationsarkitektur på websites

Vælg én opgavebit.ly/opgave2

Med udgangspunkt i den aktuelle linksamling, skal I analysere nogle af de forskellige websites og finde eksempler på struktur, navigation, sidelayout og funktionalitet. Argumenter hvordan og hvorfor disse passer til litteraturen fra kurset, men også hvilken oplevelse der understøttes.

bit.ly/opgave3

Hvordan kan strukturen fremme et budskab eller understøtte branding? Hvilke værdier er i fokus? Og hvordan opleves hjemmesiderne? I skal som minimum bruge to websites fra linksamlingen - men gerne flere.

Page 25: Informationsarkitektur på websites

Litteratur

Garrett, Jesse James: The Elements of User Experience, New Riders, 2002, 86-111.

Pearrow, Mark: Web Site Usability Handbook, Charles River Media, Massachusetts, 2000, pp. 63-69.

Veen, Jeffrey: The Art & Science of Web Design, New Riders, 2001, pp. 72-101.