1 / 24

Webdesign og informationsarkitektur

Webdesign og informationsarkitektur. BDMD 1. Sem. John Paulin Hansen Sept. 16 2011. 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

gaston
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. 16 2011

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

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

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

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

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

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

  8. Hierarkier

  9. Balance mellem bredt og dybt

  10. Direkte adgang

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

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

  13. Browsing og søgning: 80/20 reglen

  14. Sekventiel struktur

  15. Web

  16. Navigation, brugere og indhold

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

  18. Øvelse • 12:00 Kortlæg informations arkitekturen på en af de studenterportfolier du finder på: http://dreisig.net/bfpw/?class=E2010 • 12:30 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 • 12:50 Byt • 13:00 Lav det første udkast til en informationsarkitektur for din egen portfolio • 13:30 diskuter din struktur med din makker og/eller din hjælpelærer

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