1 / 28

Webdesign og informationsarkitektur

Webdesign og informationsarkitektur. BDMD 1. Sem. John Paulin Hansen Sept. 17 2010. Mentale modeller. Navigation. Forskel mellem digitale og virkelige verdener: Ingen fornemmelse for skalaer Ingen retningsfornemmelse Ingen lokalitets-sans

tamera
Download Presentation

Webdesign og informationsarkitektur

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  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

  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

  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

  8. Organisationsskemaer Eksakte organisationsskemaer: • Alfabetiske • Kronologiske • Geografiske Tvetydige organisationsskemaer • Emneopdeling • Opgave-bestemte • Publikums-bestemte • Metafor-bestemte • Hybrid skemaer (mix af flere)

  9. Organisationsstrukturer • Liniære • Spatiale • Hierarkiske • Database-orienterede • Hypertekst

  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

  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. 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)

  22. Ø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

  23. 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

More Related