Præsentation er lastning. Vent venligst

Præsentation er lastning. Vent venligst

Webdesign og informationsarkitektur

Lignende præsentationer


Præsentationer af emnet: "Webdesign og informationsarkitektur"— Præsentationens transcript:

1 Webdesign og informationsarkitektur
BDMD 1. Sem. John Paulin Hansen Sept

2 Mentale modeller

3 Navigation Forskel mellem digitale og virkelige verdener:
Ingen fornemmelse for skalaer Ingen retningsfornemmelse Ingen lokalitets-sans Hjemmesiden bliver et fix-punkt som man søger tilbage mod “Navigation er ikke en feature ved et web site - det ER web sitet!” Krugh: Don´t´make me think (2000)

4 Krugs navigations test
Hvilket site er dette ? (Site ID) Hvilken side er jeg på ? (Sidens navn) Hvad er de væsentlige sektioner på dette web-sted ? (Tabs eller andre angivelser) Hvad kan jeg gøre på det niveau jeg befinder mig? (Lokal navigation) Hvor er jeg i den store sammenhæng? (brødkrumme-stier eller andre ”Her-er-du”) Hvordan kan jeg foretage søgninger?

5 Informationsarkitekter
Gør det muligt for brugeren at navigere i og forstå informationerne brugerens skal ideelt set kunne forudsige, hvad der vil ske ved hvert valg han/hun foretager Brugeren vil selv forsøge at skabe et mønster for hvordan et emne er organiseret, også selv om der ikke er noget mønster kan testes om brugeren kan forudsige konsekvenserne af valg - hvordan?

6 Grundlag for at arbejde med IA
Etablere en terminologi for emneområdet Hvordan er brugernes mentale modeller for domænet organiseret? udforskning af kontekst gennem interviews opgaveanalyser kortsortering dagbøger mentale modeller for organisering af varer i supermarkeder Ellinor Ross - prototype-teorien (tjek op)

7 Organiserings problemer
Benævnelser (labels) kan være tvetydige Indholdet på sites kan være meget forskelligartet Klassifikationssystemerne er ofte idiosynkratiske (baseret på egne kategorier) Påvirket af organisationspolitik finde rundt på en anden persons harddisk

8 Organisationsskemaer
Eksakte organisationsskemaer: Alfabetiske Kronologiske Geografiske Tvetydige organisationsskemaer Emneopdeling Opgave-bestemte Publikums-bestemte Metafor-bestemte Hybrid skemaer (mix af flere) fokusere på den logiske gruppering af informationer den hierarkiske organisationsstruktur er ofte de primære navigationssystem supermarkeder, telefonbøger, rubrikannoncer m.m. er eksempler på organisationsskemaer

9 Organisationsstrukturer
Liniære Spatiale Hierarkiske Database-orienterede Hypertekst Liniære: Bøger og film Spatiale: Kort

10 Hierarkier ITU, Ørestad Nord, Amager, København, Sjælland, Danmark, Norden, Europa...... Gensidigt udelukkende indenfor samme skema (ideal) 7 plus-minus 2 reglen Undgå mere end 4 -5 niveauer i dybden Hovedstrukturen skal være langtidsholdbar (derfor bedre med et bredt og lavt anslag)

11 Hierarkier

12 Balance mellem bredt og dybt

13 Direkte adgang

14 Hypertekst Bruges sjældent som primære organisationsprincip, men til at komplementere hierarkiet eller database-strukturen Giver inspiration og kreative forbindelser på tværs af siderne Giver ikke en mental model af landskabet

15 Database-modellen Meget udbredte, men begrænset af det rigide format, som gør det svært at indplacere alt heterogent materiale i databasen Ikke særlig forførende (dog Amazon, e-bay, m.fl.) Kontrolleret vokabular Statiske og dynamiske løsninger

16 Browsing og søgning: 80/20 reglen

17 Sekventiel struktur

18 Web

19 Navigation, brugere og indhold

20 AI og ROI Hvad koster det at finde informationen?
Hvad koster det hvis man ikke kan finde informationen? Hvad koster det at bygge? Hvad koster det vedligeholde? Hvad koster det i (tabt) brand-value?

21

22

23

24

25

26 Hvem gør de? Hvem er du? Grafisk designer Interaktionsdesigner
Usability specialist Oplevelsesansvarlig (UE Designer) Software udvikler Indholds-bestyrer (Content Manager) Videns-bestyrer (Knowledge Manager)

27 Øvelse 13:00 Kortlæg informations arkitekturen på en af de studenterportfolier du synes godt omhttp://ctrlaltdelete.dk/mitbillede/welcome/oversigt 14:00 skriv betegnelserne for navigations-elementerne på gule Post-IT sedler og lad din makker forsøge at skabe strukturen med en åben kort-sortering og en lukket kortsortering – noter rigtige og forkerte samt makkerens kommentarer 14:30 Byt 15:00 Lav det første udkast til en informationsarkitektur for din egen portfolio 16:00 diskuter din struktur med din makker

28 5-minuters recap Brug fem minutter på at vurdere hvad de vigtigste pointer fra forelæsningen har været og skriv dem ned– nu!: Immediately After 1 day After 1 week After 2 weeks After 3 weeks


Download ppt "Webdesign og informationsarkitektur"

Lignende præsentationer


Annoncer fra Google