SlideShare a Scribd company logo
1 of 32
Het verder uitwerken van een sitestructuur
Structuren Uit:  http://www.webstyleguide.com/ , Patrick Lynch & Sarah Horton
Linear structure
Hub and spoke: an extension of linear structure
Web structure
Hierarchical structures
Polyhierarchical structure
Facets
Examples ,[object Object],[object Object],[object Object]
Site maps/content inventory
Site maps/content inventory
Flow charts ,[object Object]
Navigatie ,[object Object],[object Object],[object Object],[object Object],[object Object]
Navigatiepatronen
Labels: plaatjes of tekst ,[object Object]
Labels: plaatjes of tekst Plaatjes Tekst Ambigu en snel onduidelijk  Eenduidig en helder Leercurve Geen leercurve voor het ‘herkennen’ Eenvoudig en snel te herkennen Kost meer tijd om te herkennen
Soorten labels ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Labels voor contextuele links ,[object Object]
Labels voor contextuele links ,[object Object],[object Object]
Labels voor koppen (‘headings’) ,[object Object],[object Object],[object Object]
Labels voor navigatie opties ,[object Object],[object Object],[object Object]
Labels voor navigatie opties
Flow, navigatie en stucturen ,[object Object]
Flow, navigatie en stucturen ,[object Object]
Het aanbrengen van visuele structuur ,[object Object]
Het aanbrengen van visuele structuur ,[object Object]
Het aanbrengen van visuele structuur ,[object Object]
Het aanbrengen van visuele structuur ,[object Object],http://www.csszengarden.com/
Het aanbrengen van visuele structuur ,[object Object],[object Object],[object Object],[object Object]
Het aanbrengen van visuele structuur ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Het aanbrengen van visuele structuur ,[object Object],[object Object]
Bedankt voor jullie aandacht ,[object Object],[object Object],[object Object]

More Related Content

Viewers also liked

1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
Hans Kemp
 
0809 UXD minors graduation information
0809 UXD minors graduation information0809 UXD minors graduation information
0809 UXD minors graduation information
Hans Kemp
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoff
Hans Kemp
 
Week 25 Sponges
Week 25 SpongesWeek 25 Sponges
Week 25 Sponges
Corey Topf
 
Week 21 Sponges
Week 21 SpongesWeek 21 Sponges
Week 21 Sponges
Corey Topf
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
Hans Kemp
 
Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09
zappos
 
Ep 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetasEp 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetas
laurahe
 
Unit1 characteranalysis
Unit1 characteranalysisUnit1 characteranalysis
Unit1 characteranalysis
Corey Topf
 

Viewers also liked (20)

1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
 
Tekirdağ mem
Tekirdağ memTekirdağ mem
Tekirdağ mem
 
European Outdoor Summit 2013 Keynote
European Outdoor Summit 2013 Keynote European Outdoor Summit 2013 Keynote
European Outdoor Summit 2013 Keynote
 
0809 UXD minors graduation information
0809 UXD minors graduation information0809 UXD minors graduation information
0809 UXD minors graduation information
 
Dark data para la mejora de los procesos de negocio
Dark data para la mejora de los procesos de negocioDark data para la mejora de los procesos de negocio
Dark data para la mejora de los procesos de negocio
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoff
 
Week 25 Sponges
Week 25 SpongesWeek 25 Sponges
Week 25 Sponges
 
Проект «Нова Країна» - презентация в Харькове
Проект «Нова Країна» - презентация в ХарьковеПроект «Нова Країна» - презентация в Харькове
Проект «Нова Країна» - презентация в Харькове
 
Blogging
BloggingBlogging
Blogging
 
Week 21 Sponges
Week 21 SpongesWeek 21 Sponges
Week 21 Sponges
 
Iad1 0809 Q2 Hoorcollege 4
Iad1 0809 Q2 Hoorcollege 4Iad1 0809 Q2 Hoorcollege 4
Iad1 0809 Q2 Hoorcollege 4
 
Techo aug.29
Techo aug.29Techo aug.29
Techo aug.29
 
The Effects of Cross-Pollination : How non-library mass market services are c...
The Effects of Cross-Pollination : How non-library mass market services are c...The Effects of Cross-Pollination : How non-library mass market services are c...
The Effects of Cross-Pollination : How non-library mass market services are c...
 
Zappos All Hands 2008 02 29 Public
Zappos All Hands 2008 02 29 PublicZappos All Hands 2008 02 29 Public
Zappos All Hands 2008 02 29 Public
 
1011q1 design for mobile les 3 patterns for mobile
1011q1 design for mobile les 3   patterns for mobile1011q1 design for mobile les 3   patterns for mobile
1011q1 design for mobile les 3 patterns for mobile
 
Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09
 
Ep 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetasEp 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetas
 
Sip2012 :: outbound
Sip2012 :: outboundSip2012 :: outbound
Sip2012 :: outbound
 
Unit1 characteranalysis
Unit1 characteranalysisUnit1 characteranalysis
Unit1 characteranalysis
 
Fordonsindustrin — Kunskap och kompetens i framtiden
Fordonsindustrin — Kunskap och kompetens i framtidenFordonsindustrin — Kunskap och kompetens i framtiden
Fordonsindustrin — Kunskap och kompetens i framtiden
 

Similar to Iad1 Q2 Hoorcollege 2 Labels En Visuele Structuur

IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele StructuurIAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
Hans Kemp
 
Iadd1 0910 Q2 Structuur En Navigatie
Iadd1 0910 Q2 Structuur En NavigatieIadd1 0910 Q2 Structuur En Navigatie
Iadd1 0910 Q2 Structuur En Navigatie
Hans Kemp
 
Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronen
Hans Kemp
 
Gebruikersgericht Ontwerpen
Gebruikersgericht OntwerpenGebruikersgericht Ontwerpen
Gebruikersgericht Ontwerpen
culturelestudies
 
Week5 Woensdag Website 1
Week5 Woensdag Website 1Week5 Woensdag Website 1
Week5 Woensdag Website 1
Joey van Boxel
 
20081126 Hands On Presentatie Bram
20081126 Hands On Presentatie Bram20081126 Hands On Presentatie Bram
20081126 Hands On Presentatie Bram
FARO
 

Similar to Iad1 Q2 Hoorcollege 2 Labels En Visuele Structuur (17)

IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele StructuurIAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
IAD1 0809 Q3 Hoorcollege 2 Labels En Visuele Structuur
 
Iadd1 0910 Q2 Structuur En Navigatie
Iadd1 0910 Q2 Structuur En NavigatieIadd1 0910 Q2 Structuur En Navigatie
Iadd1 0910 Q2 Structuur En Navigatie
 
Iad2 0910 q4 les 1 ontwerpen met patronen
Iad2 0910 q4 les 1   ontwerpen met patronenIad2 0910 q4 les 1   ontwerpen met patronen
Iad2 0910 q4 les 1 ontwerpen met patronen
 
Gebruikersgericht Ontwerpen
Gebruikersgericht OntwerpenGebruikersgericht Ontwerpen
Gebruikersgericht Ontwerpen
 
Week5 Woensdag Website 1
Week5 Woensdag Website 1Week5 Woensdag Website 1
Week5 Woensdag Website 1
 
HAN - ReDesign -Introductie The Elements of User Experience Design
HAN - ReDesign -Introductie The Elements of User Experience DesignHAN - ReDesign -Introductie The Elements of User Experience Design
HAN - ReDesign -Introductie The Elements of User Experience Design
 
Gastcollege: Basis HTML, CSS en JavaScript
Gastcollege: Basis HTML, CSS en JavaScriptGastcollege: Basis HTML, CSS en JavaScript
Gastcollege: Basis HTML, CSS en JavaScript
 
20081126 Hands On Presentatie Bram
20081126 Hands On Presentatie Bram20081126 Hands On Presentatie Bram
20081126 Hands On Presentatie Bram
 
20081126 Hands On Presentatie Bram
20081126 Hands On Presentatie Bram20081126 Hands On Presentatie Bram
20081126 Hands On Presentatie Bram
 
Eduvision - Usability webinar
Eduvision - Usability webinarEduvision - Usability webinar
Eduvision - Usability webinar
 
Schrijven voor het web
Schrijven voor het webSchrijven voor het web
Schrijven voor het web
 
Web Ontwikkelingstrends om naar uit te kijken in 2017
Web Ontwikkelingstrends om naar uit te kijken in 2017Web Ontwikkelingstrends om naar uit te kijken in 2017
Web Ontwikkelingstrends om naar uit te kijken in 2017
 
Presentatie webrichtlijnen
Presentatie webrichtlijnenPresentatie webrichtlijnen
Presentatie webrichtlijnen
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)
 
Responsive presentatie
Responsive presentatieResponsive presentatie
Responsive presentatie
 
Hoe kom ik aan een nieuwe website
Hoe kom ik aan een nieuwe websiteHoe kom ik aan een nieuwe website
Hoe kom ik aan een nieuwe website
 
Web X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlandsWeb X.0 (evolution from the static web to the intelligent web) in nederlands
Web X.0 (evolution from the static web to the intelligent web) in nederlands
 

More from Hans Kemp

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011
Hans Kemp
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd beleving
Hans Kemp
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platform
Hans Kemp
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobile
Hans Kemp
 
1011 q1 iadd1 de gebruiker heeft altijd gelijk
1011 q1 iadd1   de gebruiker heeft altijd gelijk1011 q1 iadd1   de gebruiker heeft altijd gelijk
1011 q1 iadd1 de gebruiker heeft altijd gelijk
Hans Kemp
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductie
Hans Kemp
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-off
Hans Kemp
 
1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures
Hans Kemp
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshop
Hans Kemp
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisaties
Hans Kemp
 
User experience design web en mobile - introduction
User experience design   web en mobile - introductionUser experience design   web en mobile - introduction
User experience design web en mobile - introduction
Hans Kemp
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick off
Hans Kemp
 
1011q1 design for mobile les 1 the carry principle
1011q1 design for mobile les 1   the carry principle1011q1 design for mobile les 1   the carry principle
1011q1 design for mobile les 1 the carry principle
Hans Kemp
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4
Hans Kemp
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteers
Hans Kemp
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactie
Hans Kemp
 
Iad2 0910 q4 les 3 documenteren van rijke interactie
Iad2 0910 q4 les 3   documenteren van rijke interactieIad2 0910 q4 les 3   documenteren van rijke interactie
Iad2 0910 q4 les 3 documenteren van rijke interactie
Hans Kemp
 
Uxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieUxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotie
Hans Kemp
 

More from Hans Kemp (20)

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd beleving
 
Ict lab
Ict labIct lab
Ict lab
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platform
 
1011q1 design for mobile les 4 - usabilitytesting for mobile
1011q1 design for mobile    les 4 - usabilitytesting for mobile1011q1 design for mobile    les 4 - usabilitytesting for mobile
1011q1 design for mobile les 4 - usabilitytesting for mobile
 
1011 q1 iadd1 de gebruiker heeft altijd gelijk
1011 q1 iadd1   de gebruiker heeft altijd gelijk1011 q1 iadd1   de gebruiker heeft altijd gelijk
1011 q1 iadd1 de gebruiker heeft altijd gelijk
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductie
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-off
 
1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures1011Q1 Design For Mobile Les 2 - wireless, context en postures
1011Q1 Design For Mobile Les 2 - wireless, context en postures
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshop
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisaties
 
User experience design web en mobile - introduction
User experience design   web en mobile - introductionUser experience design   web en mobile - introduction
User experience design web en mobile - introduction
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick off
 
1011q1 design for mobile les 1 the carry principle
1011q1 design for mobile les 1   the carry principle1011q1 design for mobile les 1   the carry principle
1011q1 design for mobile les 1 the carry principle
 
Bio
BioBio
Bio
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteers
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactie
 
Iad2 0910 q4 les 3 documenteren van rijke interactie
Iad2 0910 q4 les 3   documenteren van rijke interactieIad2 0910 q4 les 3   documenteren van rijke interactie
Iad2 0910 q4 les 3 documenteren van rijke interactie
 
Uxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotieUxd 0910 q4 hoorcollege expressie en emotie
Uxd 0910 q4 hoorcollege expressie en emotie
 

Iad1 Q2 Hoorcollege 2 Labels En Visuele Structuur