SlideShare a Scribd company logo
1 of 49
ICA Re-design Lammert Postma [email_address] Re-design
Opdracht ,[object Object],[object Object]
Ontwerp een website Ontwerp de  homepage  en een pagina waar men jouw magazine kan  bestellen .
Ontwerpen van een website Hoe  ontwerp  je een website?
Hoe ontwerp ik een website Jesse James Garrett
Hoe ontwerp ik een website
AJAX?
Ajax! AJAX  Asynchronous JavaScript and XHTML
The Elements of UX-Design
The Elements of UX-Design
Ontwikkeling van het web Web 1.0 Get noise Web 2.0 Make noise Web 3.0 Filter the noise Web 4.0 …
Ontwikkeling van het web De  interactie  op het web is steeds  rijker
Ontwikkeling van het web Niet meer  gebonden  aan een computer
Ontwikkeling van het web Locatie onafhankelijk
The Elements of UX-Design
Strategie Bepaal de  strategie
Strategie ,[object Object],[object Object],[object Object]
Strategie Wat is het  doel ,[object Object],[object Object]
Strategie Bepaal de  succesfactoren ,[object Object],[object Object]
Strategie Wat wil de gebruiker Doel afstemmen op de behoefte van je doelgroep / gebruiker
Strategie Persona Deze persoon staat representatief voor een gebruikersgroep
Scope Bepaal de  scope
Scope “ The work that  needs to be accomplished to deliver a product  service or result with the specified features and functions."
Waarom een scope Zodat je weet wat je  wel bouwt  maar ook wat je  niet bouwt
Scope Definieer de  functionaliteiten
Scope Definieer de  content elementen
Structuur Bepaal de  structuur
Structuur ,[object Object],[object Object],[object Object]
Structuur Interactie model Hoe reageert het systeem op de gebruiker.
Structuur
Structuur Informatie architectuur Het rangschikken van de content in het ‘informatie domein’
Structuur Team structuur en rollen Bepaal wie welke rol heeft binnen het project.
Structuur
Skeleton Bepaal het  raamwerk
Skeleton ,[object Object],[object Object],[object Object]
Skeleton Information Design Presenteren van informatie zodat het de gebruiker ondersteund bij het begrijpen de informatie/systeem.
Skeleton Information Design
Skeleton Information Design
Skeleton Interface Design Het rangschikken van interface elementen zodat de gebruiker met het systeem kan interacteren.
Skeleton Interface Design
Skeleton Interface Design
Skeleton Navigation Design Ontwerp van de navigatie over meerdere schermen binnen de informatie architectuur
Skeleton
Skeleton Bepaal het  design
Design ,[object Object],[object Object],[object Object],[object Object],[object Object]
Design
Design
Design
Design

More Related Content

Similar to Week5 Woensdag Website 1

Vertaling Seo Concepten Naar Implementatie
Vertaling Seo Concepten Naar ImplementatieVertaling Seo Concepten Naar Implementatie
Vertaling Seo Concepten Naar Implementatieefocus.im
 
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
 
Presentatie Wildcard
Presentatie WildcardPresentatie Wildcard
Presentatie WildcardOmnilevel
 
UX DESIGN EXPERTS - AS A SERVICE
UX DESIGN EXPERTS - AS A SERVICEUX DESIGN EXPERTS - AS A SERVICE
UX DESIGN EXPERTS - AS A SERVICEOnline Department
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Tom Krabben
 
Usability Engineering world 2009
Usability Engineering world 2009Usability Engineering world 2009
Usability Engineering world 2009architecto
 
Engineering world 2009 Usability
Engineering world 2009 UsabilityEngineering world 2009 Usability
Engineering world 2009 Usabilityarchitecto
 
Functioneel Ontwerp - brochure
Functioneel Ontwerp - brochureFunctioneel Ontwerp - brochure
Functioneel Ontwerp - brochureAnne-Mieke.nl
 
Sdb Presentatie
Sdb PresentatieSdb Presentatie
Sdb Presentatiemenfey
 
Webcommunicatie / college 4
Webcommunicatie / college 4Webcommunicatie / college 4
Webcommunicatie / college 4Igor ter Halle
 
Internet Strategie Model: Van Visie Naar Realisatie
Internet Strategie Model: Van Visie Naar RealisatieInternet Strategie Model: Van Visie Naar Realisatie
Internet Strategie Model: Van Visie Naar RealisatieSteven van Roon
 
Agency introduction eFocus 2009
Agency introduction eFocus 2009Agency introduction eFocus 2009
Agency introduction eFocus 2009bramtimmers
 
Share Point Seminar New
Share Point Seminar NewShare Point Seminar New
Share Point Seminar NewKjeld Punt
 
Usability Martin van Kranenburg
Usability Martin van KranenburgUsability Martin van Kranenburg
Usability Martin van KranenburgChickelien
 
2009 10 Sdc09 Iw01 Nick Boumans Social Networking
2009 10 Sdc09 Iw01 Nick Boumans   Social Networking2009 10 Sdc09 Iw01 Nick Boumans   Social Networking
2009 10 Sdc09 Iw01 Nick Boumans Social NetworkingNick Boumans
 
Websites do's en don'ts
Websites do's en don'tsWebsites do's en don'ts
Websites do's en don'tsDany Daelemans
 
Presentatie Masterclass Internet Marketing Strategie Nyenrode 2010 door eFocus
Presentatie Masterclass Internet Marketing Strategie Nyenrode 2010 door eFocusPresentatie Masterclass Internet Marketing Strategie Nyenrode 2010 door eFocus
Presentatie Masterclass Internet Marketing Strategie Nyenrode 2010 door eFocusValtech
 

Similar to Week5 Woensdag Website 1 (20)

Vertaling Seo Concepten Naar Implementatie
Vertaling Seo Concepten Naar ImplementatieVertaling Seo Concepten Naar Implementatie
Vertaling Seo Concepten Naar Implementatie
 
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
 
Presentatie Wildcard
Presentatie WildcardPresentatie Wildcard
Presentatie Wildcard
 
UX DESIGN EXPERTS - AS A SERVICE
UX DESIGN EXPERTS - AS A SERVICEUX DESIGN EXPERTS - AS A SERVICE
UX DESIGN EXPERTS - AS A SERVICE
 
Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)Afstudeerverslag + reflectie (definitief)
Afstudeerverslag + reflectie (definitief)
 
BI-Architectuur
BI-ArchitectuurBI-Architectuur
BI-Architectuur
 
Usability Engineering world 2009
Usability Engineering world 2009Usability Engineering world 2009
Usability Engineering world 2009
 
Engineering world 2009 Usability
Engineering world 2009 UsabilityEngineering world 2009 Usability
Engineering world 2009 Usability
 
Functioneel Ontwerp - brochure
Functioneel Ontwerp - brochureFunctioneel Ontwerp - brochure
Functioneel Ontwerp - brochure
 
Sdb Presentatie
Sdb PresentatieSdb Presentatie
Sdb Presentatie
 
Webcommunicatie / college 4
Webcommunicatie / college 4Webcommunicatie / college 4
Webcommunicatie / college 4
 
Internet Strategie Model: Van Visie Naar Realisatie
Internet Strategie Model: Van Visie Naar RealisatieInternet Strategie Model: Van Visie Naar Realisatie
Internet Strategie Model: Van Visie Naar Realisatie
 
Agency introduction eFocus 2009
Agency introduction eFocus 2009Agency introduction eFocus 2009
Agency introduction eFocus 2009
 
Interaction Design Jungle Rating
Interaction Design Jungle RatingInteraction Design Jungle Rating
Interaction Design Jungle Rating
 
Share Point Seminar New
Share Point Seminar NewShare Point Seminar New
Share Point Seminar New
 
Usability Martin van Kranenburg
Usability Martin van KranenburgUsability Martin van Kranenburg
Usability Martin van Kranenburg
 
2009 10 Sdc09 Iw01 Nick Boumans Social Networking
2009 10 Sdc09 Iw01 Nick Boumans   Social Networking2009 10 Sdc09 Iw01 Nick Boumans   Social Networking
2009 10 Sdc09 Iw01 Nick Boumans Social Networking
 
Websites do's en don'ts
Websites do's en don'tsWebsites do's en don'ts
Websites do's en don'ts
 
Presentatie Masterclass Internet Marketing Strategie Nyenrode 2010 door eFocus
Presentatie Masterclass Internet Marketing Strategie Nyenrode 2010 door eFocusPresentatie Masterclass Internet Marketing Strategie Nyenrode 2010 door eFocus
Presentatie Masterclass Internet Marketing Strategie Nyenrode 2010 door eFocus
 

Week5 Woensdag Website 1