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

Slides:



Advertisements
Lignende præsentationer
[indsæt selv arbejdspladsnavn og dato]
Advertisements

Opgaveskrivning Informationssøgning
SKOLEBIBLIOTEKET PÅ NETTET Udarbejdet af Jette Hansen.
DEN PRIMÆRE NAVIGATION JOEK © TEC 2011 Dit websteds primære navigation er det område på sitet, der indeholder links til de primære sektioner af dit websted,
1 Innovation i AT i 2g på Fjerritslev Gymnasium Branding (2.22) Fremtidens by ( )
Arkitektur - data.
Vold og job Viden, inspiration og værktøjer : Velkommen 12.15: Hvad ved vi om vold og trusler? 12.50: Spil dig til en god dialog 13.20: Pause 13.35:
Usability E2002, IT-højskolen CPH, Paulin Hansen Fjernstyret og automatiseret usability John Paulin Hansen (7)
Samarbejde bibliotek og uddannelse – et bud på hvordan
Kvantitative metoder
DIGITAL DESIGN OG KOMMUNIKATION
Distribuerte Objekter Våren 2011 Professor II Eric Jul.
Kondenceret konceptudvikling DDK ITU F2007 John Paulin Hansen.
Usability på Her fungerer det godt 1.Sitet imødekommer ifølge vores testpersoner et informationsbehov hos målgruppen. 2.Sprogbrug.
Usability på Anvendte Metoder Kortsortering –En medstuderende Heuristisk inspektion –5 (begynder)eksperter Tænke-højt test –4 HTX-lærere.
SLP 4 Samarbejde med vejleder Planlægning og styring
Organisering og navigation John Paulin Hansen September 04 Usability.
IT i undervisningen.
Velkommen til dag 2 på AUs vejlederuddannelse!
Webtekstens byggeklodser Argumentationsmåden Organisering af teksten Brugen af links.
Kortsortering. Vælg elementer Udvælg elementer fra navigationen Brug topmenupunkter alt efter metode Max 50 elementer.
Usability 17. marts Oplæg: Om heuristisk inspektion: Metro Om tænke højt forsøg: Virk 2. Fremtidige oplæg 3. Dagens øvelse 4. Aflevering af testrapporter.
Design af brugergrænseflader Fokus på strategisk arbejde med brugergrænsefladedesign samt heuristisk evaluering / ekspertvurdering Usability oktober.
IT Jobs Dine muligheder. Der mangler medarbejdere i IT-branchen Hvad kan IT-branchen tilbyde dig? Hvad skal du kunne for at få et job i IT-branchen?
IT Jobs Kompetencer og muligheder. Der mangler medarbejdere i IT-branchen Der er brug for dig!
Webdesign og informationsarkitektur
Psykologi, Human Factors og HCI
Søgning - et værktøj til videndeling Inspirationsseminar 31. oktober 2006.
Relationer – Omgangstone
Masterpages/Otto Knudsen 1 Master Pages Master Pages i ASP.NET 2.0.
Kortlægning af offentlig innovation i Danmark Bilag B til udbudsmateriale oktober 2014: Tre metaforer til inspiration.
Grafisk design Grafisk design kan beskrives som et visuelt sprog, der bruges til at sende en besked til publikum. Formål:  Overtale  Branding  Informere.
Usability ITU, efterår Informationsarkitektur ITU E2008.
God læring God undervisning
Vidensamfundet (netværkssamfundet) ”Jeg kan jo ikke vide alt. Som topleder i en stor virksomhed er jeg nødt til at træffe beslutninger på baggrund af den.
Dagbladet Information Agenda for onsdag den IT-Universitet og faget usability Brugerproblemer ved information.dk Overordnet anbefalinger Kortsortering.
3.Lektion: Identitet 3.Lektion i undervisningsforløbet ”Identitet i forandring”, baseret på kapitel 3 i Luk Samfundet Op! af Brøndum og Hansen, Columbus.
DKABM som grundlag for en samlet og konsistent adgang til den arkivalske kulturarv ODA 13/
Fundamentale principper for brugervenlige web-sites WEB 1 IT-C 24. Feb
Perception og disposition af grænseflader
Forberedelse 2.0 ”Store your knowledge in your Friends” © UFFE SØRENSEN.
LP-MODELLEN Vejlednings-opgaven Tirsdag aften
Usability – øvelse 1: Kortsortering
ANALYSE AF WEBADFÆRD - OAW OAW – LEKTIONSGANG 1. ANALYSE AF WEBADFÆRD - OAW FAGETS EMNER OG STRUKTUR Operationel analyse af webadfærd Bredt fag. Både.
Introduktion til databaser (databaser, del 1)
Usability øvelse: Kortsortering Opfølgning opdragsgivere Feedback på rapporter Ændring af kursusplan Dagens øvelse.
Interaktionsformer En begrebsmæssig model kan understøttes med forskellige interaktionsformer Interaktionsformen fastlægger centrale egenskaber: Hvordan.
Modul 4A Ideudvikling 2&2 alene med en bunke blandede stimulikort (Spillet)
DIGITAL DESIGN OG KOMMUNIKATION Introdag F07 JONAS HEIDE SMITH
’Card sort’ Kort sortering  Om ’Usability testing’  Praktisk information vedr. øvelserne  Dagens øvelse  Aflevering af testrapporter  Diverse.
Dagbladet Information Agenda for onsdag den IT-Universitet og faget usability Brugerproblemer ved information.dk Overordnet anbefalinger Kortsortering.
Dagbladet Information Agenda for onsdag den IT-Universitet og faget usability Brugerproblemer ved information.dk Overordnet anbefalinger Kortsortering.
Psykologi, Human Factors og HCI John Paulin Hansen ITC, Usability f2003.
Øvelser Usability Metoder. I dag Evaluering af opgaver.  Aflevering.  Strukturen – (se senere). Aftenens øvelse: Usability plan.
Mobilitet og usability John Paulin Hansen. Informations-apparater Begrænset formål og funktion Ingen/begrænset udvidelse eller opgradering Forventes udskiftet.
Mobilitet og usability John Paulin Hansen. Situationer FlyBusMetroGaden.
Øvelser Kortsortering.
Usability f2065, IT-højskolen CPH, Paulin Hansen Brugertestning John Paulin Hansen.
Næste uges opgave Forbered interview med opdragsgiver Spørg til målgruppe, primær sekundær Primære mål og funktioner Alle typer data de kan stille til.
Organisering og navigation John Paulin Hansen September 04 Usability.
Usability ITU, efterår Informations arkitektur ITU Efterår 2007.
Organisering og navigation Ole Gregersen 22. Februar 2006 Usability.
Usability ITU, efterår Usability i designprocessen 25. september IT-Universitetet, efterår 2008.
Usability ITU, forår Usability metoder. Usability ITU, forår 2008 Overvej undervejs ”- Hvilke metoder kunne være relevante at bruge ift. til de.
Usability ITU, forår 2008 Usability ITU Forår 2008 ’Teori 2’ 3. kursusgang, 14. februar 2008.
Usability – øvelse 6: Sammenfatning på usability-rapport Oplæg Fremtidige oplæg Dagens øvelse Fremtidige fremlæggelser Dagens øvelse Aflevering af usability-rapport.
Usability ITU, forår Informationsarkitektur ITU F2008.
Organisering og navigation John Paulin Hansen Februar 05 Usability.
Usability ITU, Forår Informationsarkitektur 12. marts, 2009 Bruger Kontekst Indhold IA.
Opdragsgiver Planlægning og udførelse af møde med jeres opdragsgiver.
Præsentationens transcript:

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

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)

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

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

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

Organisationsstrukturer Liniære Spatiale Hierarkiske Database-orienterede Hypertekst

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)

Hierarkier

Balance mellem bredt og dybt

Direkte adgang

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

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

Browsing og søgning: 80/20 reglen

Sekventiel struktur

Web

Navigation, brugere og indhold

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)

Øvelse 12:00 Kortlæg informations arkitekturen på en af de studenterportfolier du finder på: 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

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