SlideShare uma empresa Scribd logo
1 de 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]

Mais conteúdo relacionado

Destaque

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 mobileHans Kemp
 
European Outdoor Summit 2013 Keynote
European Outdoor Summit 2013 Keynote European Outdoor Summit 2013 Keynote
European Outdoor Summit 2013 Keynote Johan Ronnestam
 
0809 UXD minors graduation information
0809 UXD minors graduation information0809 UXD minors graduation information
0809 UXD minors graduation informationHans Kemp
 
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 negocioJorge Fernandez Gonzalez
 
1011 q1 minor kickoff
1011 q1 minor kickoff1011 q1 minor kickoff
1011 q1 minor kickoffHans Kemp
 
Week 25 Sponges
Week 25 SpongesWeek 25 Sponges
Week 25 SpongesCorey Topf
 
Проект «Нова Країна» - презентация в Харькове
Проект «Нова Країна» - презентация в ХарьковеПроект «Нова Країна» - презентация в Харькове
Проект «Нова Країна» - презентация в ХарьковеAlexey Makeev
 
Week 21 Sponges
Week 21 SpongesWeek 21 Sponges
Week 21 SpongesCorey Topf
 
Iad1 0809 Q2 Hoorcollege 4
Iad1 0809 Q2 Hoorcollege 4Iad1 0809 Q2 Hoorcollege 4
Iad1 0809 Q2 Hoorcollege 4Hans Kemp
 
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...Baden Hughes
 
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 Publiczappos
 
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 mobileHans Kemp
 
Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09Zappos - Connect 09 - 5-13-09
Zappos - Connect 09 - 5-13-09zappos
 
Ep 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetasEp 2012 week4-piaget_para-tarjetas
Ep 2012 week4-piaget_para-tarjetaslaurahe
 
Unit1 characteranalysis
Unit1 characteranalysisUnit1 characteranalysis
Unit1 characteranalysisCorey Topf
 
Fordonsindustrin — Kunskap och kompetens i framtiden
Fordonsindustrin — Kunskap och kompetens i framtidenFordonsindustrin — Kunskap och kompetens i framtiden
Fordonsindustrin — Kunskap och kompetens i framtidenJohan Ronnestam
 

Destaque (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
 

Semelhante a 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 StructuurHans Kemp
 
Iadd1 0910 Q2 Structuur En Navigatie
Iadd1 0910 Q2 Structuur En NavigatieIadd1 0910 Q2 Structuur En Navigatie
Iadd1 0910 Q2 Structuur En NavigatieHans 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 patronenHans Kemp
 
Gebruikersgericht Ontwerpen
Gebruikersgericht OntwerpenGebruikersgericht Ontwerpen
Gebruikersgericht Ontwerpenculturelestudies
 
Week5 Woensdag Website 1
Week5 Woensdag Website 1Week5 Woensdag Website 1
Week5 Woensdag Website 1Joey van Boxel
 
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 DesignLammert Postma
 
Gastcollege: Basis HTML, CSS en JavaScript
Gastcollege: Basis HTML, CSS en JavaScriptGastcollege: Basis HTML, CSS en JavaScript
Gastcollege: Basis HTML, CSS en JavaScriptMilan van Bruggen
 
20081126 Hands On Presentatie Bram
20081126 Hands On Presentatie Bram20081126 Hands On Presentatie Bram
20081126 Hands On Presentatie BramFARO
 
20081126 Hands On Presentatie Bram
20081126 Hands On Presentatie Bram20081126 Hands On Presentatie Bram
20081126 Hands On Presentatie BramFARO
 
Schrijven voor het web
Schrijven voor het webSchrijven voor het web
Schrijven voor het webAqtion
 
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 2017Rasin Bekkevold
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Tom Krabben
 
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 websiteMaarten Pedroli
 
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 nederlandsKaren De Groof
 

Semelhante a 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
 

Mais de Hans Kemp

Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Voorlichting tweedejaars 16 februari 2011
Voorlichting tweedejaars 16 februari 2011Hans Kemp
 
Mijn cmd beleving
Mijn cmd belevingMijn cmd beleving
Mijn cmd belevingHans Kemp
 
Multimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformMultimodal, crossmedia, multi platform
Multimodal, crossmedia, multi platformHans 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 mobileHans 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 gelijkHans Kemp
 
Iadd1 1011 q1 introductie
Iadd1 1011 q1 introductieIadd1 1011 q1 introductie
Iadd1 1011 q1 introductieHans Kemp
 
Gobelins hro workshop kick-off
Gobelins hro workshop kick-offGobelins hro workshop kick-off
Gobelins hro workshop kick-offHans 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 posturesHans Kemp
 
Uxd blog workshop
Uxd blog workshopUxd blog workshop
Uxd blog workshopHans Kemp
 
Interactieve datavisualisaties
Interactieve datavisualisatiesInteractieve datavisualisaties
Interactieve datavisualisatiesHans 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 - introductionHans Kemp
 
1011 q1 project 5 kick off
1011 q1 project 5 kick off1011 q1 project 5 kick off
1011 q1 project 5 kick offHans 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 principleHans Kemp
 
Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Iad2 0910 q1 hoorcollege 4
Iad2 0910 q1 hoorcollege 4Hans Kemp
 
User experiencedesignfronteers
User experiencedesignfronteersUser experiencedesignfronteers
User experiencedesignfronteersHans 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 interactieHans 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 interactieHans 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 emotieHans Kemp
 

Mais de 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