SlideShare a Scribd company logo
1 of 56
 
20 april 2005, Peter Kentie De wording  van het Web 10 jaar webdesign in theorie & praktijk
Even voorstellen Mijn naam is  Peter Kentie, 44 (morgen 45). Manager Media & Merchandising PSV Auteur van bestseller  ‘ Webdesign in de praktijk.  Webervaring: Codim, ilse media,  Philips Design, PSV   > Krant februari ‘95 De wording van het Web
Webdesign of  computerzetwerk? De eerste generatie  websites werden gekenmerkt door eenvoud, grijsheid  en een gebrek aan creatieve middelen. De wording van het Web
Corporate identity online? Dit is de tweede  homepage van IBM in 1996! De wording van het Web
Corporate identity Op het web! Dit is de huidige  homepage van IBM in 2005 (een ontwerp uit 2002...). De wording van het Web
Vier sleutels tot succes Een succesvolle website wordt gekenmerkt  door vier cruciale eigenschappen: Kwaliteit  van de content: fris, actueel Gebruiksgemak  van de website: navigatie  Bereik  van de website: url, zoekmachines Kennis  van de bezoeker en bezoekgedrag Let op: ‘zonder volgorde’
Vier sleutels tot succes Voorbeeld www.ilse.nl  Navigatie nn content rangorde
Gebruiksgemak is alles! ‘ Don’t make me think’ is het uitgangspunt  > Consequente en heldere navigatie > Ruimtebesparend en uitnodigend voor de gebruiker Waar ben ik, waar kom ik vandaan, waar kan ik heen?
Gebruiksgemak is alles! Consistentie zorgt voor snelle acceptatie  > Alle ilse diensten bezitten dezelfde navigatie > Grotere diensten hebben eigen kleurvariant
Gebruiksgemak is meer… www.drempelsweg.nl
Gebruiksgemak is meer… Code ‘Lang=nl’ is toegevoegd aan de HTML code.
Vormgeving of rangschikking?
Anwb.nl Autokoers- lijst pagina uit 2000. Vormgeving of rangschikking?
Anwb.nl Autokoers- lijst 2005 Vormgeving of rangschikking?
Telegraaf online Ontwerp(?)  uit 1999 Vormgeving of rangschikking?
Telegraaf online Ontwerp(?)  uit 2005 Vormgeving of rangschikking?
AH.nl Ontwerp(!) uit 1999 Vormgeving of rangschikking?
AH.nl Ontwerp(!) uit 2005 Hoeveelheid informatie  en navigatie  opties gelijk Vormgeving of rangschikking?
Tweede Kamer.nl Ontwerp(!) uit 1999 Vormgeving of rangschikking?
Tweede Kamer.nl Ontwerp(?) uit 2005 Vormgeving of rangschikking?
Het vak en zijn geschiedenis
Het vak en zijn geschiedenis
Google Cache gelimiteerd  archief  Het vak en zijn geschiedenis
Amazon Design uit 1997 - identiteit - functie - fun Het vak en zijn geschiedenis
Amazon Design uit 2001 + identiteit -  functie + fun Het vak en zijn geschiedenis
Amazon Design uit 2005 + identiteit + functie + fun Het vak en zijn geschiedenis
Amazon Design uit 2010? Het vak en zijn geschiedenis
Na zenden komt interactie
Van  webdesign  naar experience design Na zenden komt interactie
My first Philips De website van Philips Electron  Optics in  1995. Photoshop  rulez! (toen al :) Na zenden komt interactie
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Na zenden komt interactie
My last Philips: Project newhome uit 1999 Corporate homepage creëert experience en toont  diversiteit van bedrijf. Concept is tot oktober 2004 online  Na zenden komt interactie
Nu: Sense & simplicity Corporate homepage weer terug in de tijd.  De nieuwe slogan is  op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
Nu: Sense & simplicity Corporate homepage weer terug in de tijd.  De nieuwe slogan is  op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
Nu: Sense & simplicity Corporate homepage weer terug in de tijd.  De nieuwe slogan is  op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
Nu: Sense & simplicity Corporate homepage weer terug in de tijd.  De nieuwe slogan is  op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
Nu: Sense & simplicity Corporate homepage weer terug in de tijd.  De nieuwe slogan is  op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
Nu: Sense & simplicity Corporate homepage weer terug in de tijd.  De nieuwe slogan is  op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
Corporate website is meer dan ‘het gezicht naar buiten’ Het is een vertaling van al waar het bedrijf voor staat in pixels! Na zenden komt interactie
Nu: Sense & simplicity Screendump van  vandaag:  Philips heeft de  kwartaalcijfers (tegenvallend) gepresenteerd. Geen enkele verwijzing op de  corporate page! Is dat Sense? Simplicity wel  goed gelukt Na zenden komt interactie
Hans Anders.nl Interactief concept: al in 1997! Na zenden komt interactie
Hans Anders.nl Bril passen op eigen gezicht, interactie met winkel Na zenden komt interactie
Interactie met user Opkomst  Java en Flash  levert dynamisch design op. Na zenden komt interactie
Flash is the way forward >  Flashmovie is ideaal voor experience design Na zenden komt interactie
Omgevingsfactoren
Gevaren liggen op  de loer > techniek > normen > hackers Omgevingsfactoren
Gevaren liggen op  de loer Onderschat de waarde van de URL niet... Omgevingsfactoren
Gevaren liggen op  de loer > spielerij > browser- verschil > te zwaar > statisch Omgevingsfactoren
Vlucht naar voren: Personalisatie  en One-to-one  marketing of is het One-to-none marketing geworden? Omgevingsfactoren
Gevaren liggen op  de loer > banners > botsing van  merken > adver- teerder betaalt niet voor exposure Omgevingsfactoren
Gevaren liggen op  de loer > banners > botsing van  merken > adver- teerder betaalt niet voor exposure Omgevingsfactoren
Gevaren liggen op  de loer > Maar  gek doen moet ook kunnen: Ilse homo  100 site Omgevingsfactoren
Koning Google De search engine  bepaalt uw succes en wordt een slokop van  diensten. Met zelfs een eigen Google Browser..? Omgevingsfactoren
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Content is king traffic is  keizer ! Peter Kentie [email_address]

More Related Content

Similar to HCC presentation webdesign 2005

Spreekbeurt
SpreekbeurtSpreekbeurt
Spreekbeurthotspot
 
Seo voor webwinkels
Seo voor webwinkelsSeo voor webwinkels
Seo voor webwinkelsvalantic NL
 
Usability Martin van Kranenburg
Usability Martin van KranenburgUsability Martin van Kranenburg
Usability Martin van KranenburgChickelien
 
SEO strategie Bol.com - voor de RTaaf & Wolf #Jachtdag
SEO strategie Bol.com - voor de RTaaf & Wolf #JachtdagSEO strategie Bol.com - voor de RTaaf & Wolf #Jachtdag
SEO strategie Bol.com - voor de RTaaf & Wolf #JachtdagRik de Fluiter
 
Google, best enemy or worst friend?
Google, best enemy or worst friend?Google, best enemy or worst friend?
Google, best enemy or worst friend?bakermen
 
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie Group
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie GroupStarten met een succesvolle webwinkel - Safe Shopping concept van Indie Group
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie GroupIndie Group
 
Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!AB the unbound agency
 
Branding en design in e-commerce: in-house of agency?
Branding en design in e-commerce: in-house of agency?Branding en design in e-commerce: in-house of agency?
Branding en design in e-commerce: in-house of agency?Pieter Jongerius
 
Zoekmachine optimalisatie (SEO) voor webshops
Zoekmachine optimalisatie (SEO) voor webshopsZoekmachine optimalisatie (SEO) voor webshops
Zoekmachine optimalisatie (SEO) voor webshopsvalantic NL
 
Presentatie zakenfestival Prins Willem Alexander 29 october over Business 2.0
Presentatie zakenfestival Prins Willem Alexander 29 october over Business 2.0Presentatie zakenfestival Prins Willem Alexander 29 october over Business 2.0
Presentatie zakenfestival Prins Willem Alexander 29 october over Business 2.0Vincent Everts
 
Jeroen van de Wiel - Klanten scoren met adwords
Jeroen van de Wiel - Klanten scoren met adwordsJeroen van de Wiel - Klanten scoren met adwords
Jeroen van de Wiel - Klanten scoren met adwordsredactiebizz
 
Digital Trend Event OrangeValley 2023 - SEO_ Evolutie van de SERP
Digital Trend Event OrangeValley 2023 - SEO_ Evolutie van de SERPDigital Trend Event OrangeValley 2023 - SEO_ Evolutie van de SERP
Digital Trend Event OrangeValley 2023 - SEO_ Evolutie van de SERPOrangeValley
 
Virtuele assistenten
Virtuele assistentenVirtuele assistenten
Virtuele assistentenBusiness 2.0
 
Virtuele assistenten
Virtuele assistentenVirtuele assistenten
Virtuele assistentenSenne Vaeyens
 
Bureaupresentatie Internetbureau Cream
Bureaupresentatie Internetbureau CreamBureaupresentatie Internetbureau Cream
Bureaupresentatie Internetbureau CreamCream
 

Similar to HCC presentation webdesign 2005 (20)

Spreekbeurt
SpreekbeurtSpreekbeurt
Spreekbeurt
 
Score with internet
Score with internetScore with internet
Score with internet
 
Seo voor webwinkels
Seo voor webwinkelsSeo voor webwinkels
Seo voor webwinkels
 
Usability Martin van Kranenburg
Usability Martin van KranenburgUsability Martin van Kranenburg
Usability Martin van Kranenburg
 
SEO strategie Bol.com - voor de RTaaf & Wolf #Jachtdag
SEO strategie Bol.com - voor de RTaaf & Wolf #JachtdagSEO strategie Bol.com - voor de RTaaf & Wolf #Jachtdag
SEO strategie Bol.com - voor de RTaaf & Wolf #Jachtdag
 
SEO Basic - Ronald Bruin
SEO Basic - Ronald BruinSEO Basic - Ronald Bruin
SEO Basic - Ronald Bruin
 
Industrie Online
Industrie OnlineIndustrie Online
Industrie Online
 
Google, best enemy or worst friend?
Google, best enemy or worst friend?Google, best enemy or worst friend?
Google, best enemy or worst friend?
 
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie Group
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie GroupStarten met een succesvolle webwinkel - Safe Shopping concept van Indie Group
Starten met een succesvolle webwinkel - Safe Shopping concept van Indie Group
 
Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!Digitale marketing & media-aankoop: de wereld is in beta!
Digitale marketing & media-aankoop: de wereld is in beta!
 
Branding en design in e-commerce: in-house of agency?
Branding en design in e-commerce: in-house of agency?Branding en design in e-commerce: in-house of agency?
Branding en design in e-commerce: in-house of agency?
 
Zoekmachine optimalisatie (SEO) voor webshops
Zoekmachine optimalisatie (SEO) voor webshopsZoekmachine optimalisatie (SEO) voor webshops
Zoekmachine optimalisatie (SEO) voor webshops
 
Presentatie zakenfestival Prins Willem Alexander 29 october over Business 2.0
Presentatie zakenfestival Prins Willem Alexander 29 october over Business 2.0Presentatie zakenfestival Prins Willem Alexander 29 october over Business 2.0
Presentatie zakenfestival Prins Willem Alexander 29 october over Business 2.0
 
Klanten winnen met Google
Klanten winnen met GoogleKlanten winnen met Google
Klanten winnen met Google
 
Jeroen van de Wiel - Klanten scoren met adwords
Jeroen van de Wiel - Klanten scoren met adwordsJeroen van de Wiel - Klanten scoren met adwords
Jeroen van de Wiel - Klanten scoren met adwords
 
Digital Trend Event OrangeValley 2023 - SEO_ Evolutie van de SERP
Digital Trend Event OrangeValley 2023 - SEO_ Evolutie van de SERPDigital Trend Event OrangeValley 2023 - SEO_ Evolutie van de SERP
Digital Trend Event OrangeValley 2023 - SEO_ Evolutie van de SERP
 
Over Netlash
Over NetlashOver Netlash
Over Netlash
 
Virtuele assistenten
Virtuele assistentenVirtuele assistenten
Virtuele assistenten
 
Virtuele assistenten
Virtuele assistentenVirtuele assistenten
Virtuele assistenten
 
Bureaupresentatie Internetbureau Cream
Bureaupresentatie Internetbureau CreamBureaupresentatie Internetbureau Cream
Bureaupresentatie Internetbureau Cream
 

HCC presentation webdesign 2005

  • 1.  
  • 2. 20 april 2005, Peter Kentie De wording van het Web 10 jaar webdesign in theorie & praktijk
  • 3. Even voorstellen Mijn naam is Peter Kentie, 44 (morgen 45). Manager Media & Merchandising PSV Auteur van bestseller ‘ Webdesign in de praktijk. Webervaring: Codim, ilse media, Philips Design, PSV > Krant februari ‘95 De wording van het Web
  • 4. Webdesign of computerzetwerk? De eerste generatie websites werden gekenmerkt door eenvoud, grijsheid en een gebrek aan creatieve middelen. De wording van het Web
  • 5. Corporate identity online? Dit is de tweede homepage van IBM in 1996! De wording van het Web
  • 6. Corporate identity Op het web! Dit is de huidige homepage van IBM in 2005 (een ontwerp uit 2002...). De wording van het Web
  • 7. Vier sleutels tot succes Een succesvolle website wordt gekenmerkt door vier cruciale eigenschappen: Kwaliteit van de content: fris, actueel Gebruiksgemak van de website: navigatie Bereik van de website: url, zoekmachines Kennis van de bezoeker en bezoekgedrag Let op: ‘zonder volgorde’
  • 8. Vier sleutels tot succes Voorbeeld www.ilse.nl Navigatie nn content rangorde
  • 9. Gebruiksgemak is alles! ‘ Don’t make me think’ is het uitgangspunt > Consequente en heldere navigatie > Ruimtebesparend en uitnodigend voor de gebruiker Waar ben ik, waar kom ik vandaan, waar kan ik heen?
  • 10. Gebruiksgemak is alles! Consistentie zorgt voor snelle acceptatie > Alle ilse diensten bezitten dezelfde navigatie > Grotere diensten hebben eigen kleurvariant
  • 11. Gebruiksgemak is meer… www.drempelsweg.nl
  • 12. Gebruiksgemak is meer… Code ‘Lang=nl’ is toegevoegd aan de HTML code.
  • 14. Anwb.nl Autokoers- lijst pagina uit 2000. Vormgeving of rangschikking?
  • 15. Anwb.nl Autokoers- lijst 2005 Vormgeving of rangschikking?
  • 16. Telegraaf online Ontwerp(?) uit 1999 Vormgeving of rangschikking?
  • 17. Telegraaf online Ontwerp(?) uit 2005 Vormgeving of rangschikking?
  • 18. AH.nl Ontwerp(!) uit 1999 Vormgeving of rangschikking?
  • 19. AH.nl Ontwerp(!) uit 2005 Hoeveelheid informatie en navigatie opties gelijk Vormgeving of rangschikking?
  • 20. Tweede Kamer.nl Ontwerp(!) uit 1999 Vormgeving of rangschikking?
  • 21. Tweede Kamer.nl Ontwerp(?) uit 2005 Vormgeving of rangschikking?
  • 22. Het vak en zijn geschiedenis
  • 23. Het vak en zijn geschiedenis
  • 24. Google Cache gelimiteerd archief Het vak en zijn geschiedenis
  • 25. Amazon Design uit 1997 - identiteit - functie - fun Het vak en zijn geschiedenis
  • 26. Amazon Design uit 2001 + identiteit - functie + fun Het vak en zijn geschiedenis
  • 27. Amazon Design uit 2005 + identiteit + functie + fun Het vak en zijn geschiedenis
  • 28. Amazon Design uit 2010? Het vak en zijn geschiedenis
  • 29. Na zenden komt interactie
  • 30. Van webdesign naar experience design Na zenden komt interactie
  • 31. My first Philips De website van Philips Electron Optics in 1995. Photoshop rulez! (toen al :) Na zenden komt interactie
  • 32.
  • 33. My last Philips: Project newhome uit 1999 Corporate homepage creëert experience en toont diversiteit van bedrijf. Concept is tot oktober 2004 online Na zenden komt interactie
  • 34. Nu: Sense & simplicity Corporate homepage weer terug in de tijd. De nieuwe slogan is op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
  • 35. Nu: Sense & simplicity Corporate homepage weer terug in de tijd. De nieuwe slogan is op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
  • 36. Nu: Sense & simplicity Corporate homepage weer terug in de tijd. De nieuwe slogan is op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
  • 37. Nu: Sense & simplicity Corporate homepage weer terug in de tijd. De nieuwe slogan is op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
  • 38. Nu: Sense & simplicity Corporate homepage weer terug in de tijd. De nieuwe slogan is op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
  • 39. Nu: Sense & simplicity Corporate homepage weer terug in de tijd. De nieuwe slogan is op het Web gevaarlijk: > practice what you preach! Na zenden komt interactie
  • 40. Corporate website is meer dan ‘het gezicht naar buiten’ Het is een vertaling van al waar het bedrijf voor staat in pixels! Na zenden komt interactie
  • 41. Nu: Sense & simplicity Screendump van vandaag: Philips heeft de kwartaalcijfers (tegenvallend) gepresenteerd. Geen enkele verwijzing op de corporate page! Is dat Sense? Simplicity wel goed gelukt Na zenden komt interactie
  • 42. Hans Anders.nl Interactief concept: al in 1997! Na zenden komt interactie
  • 43. Hans Anders.nl Bril passen op eigen gezicht, interactie met winkel Na zenden komt interactie
  • 44. Interactie met user Opkomst Java en Flash levert dynamisch design op. Na zenden komt interactie
  • 45. Flash is the way forward > Flashmovie is ideaal voor experience design Na zenden komt interactie
  • 47. Gevaren liggen op de loer > techniek > normen > hackers Omgevingsfactoren
  • 48. Gevaren liggen op de loer Onderschat de waarde van de URL niet... Omgevingsfactoren
  • 49. Gevaren liggen op de loer > spielerij > browser- verschil > te zwaar > statisch Omgevingsfactoren
  • 50. Vlucht naar voren: Personalisatie en One-to-one marketing of is het One-to-none marketing geworden? Omgevingsfactoren
  • 51. Gevaren liggen op de loer > banners > botsing van merken > adver- teerder betaalt niet voor exposure Omgevingsfactoren
  • 52. Gevaren liggen op de loer > banners > botsing van merken > adver- teerder betaalt niet voor exposure Omgevingsfactoren
  • 53. Gevaren liggen op de loer > Maar gek doen moet ook kunnen: Ilse homo 100 site Omgevingsfactoren
  • 54. Koning Google De search engine bepaalt uw succes en wordt een slokop van diensten. Met zelfs een eigen Google Browser..? Omgevingsfactoren
  • 55.
  • 56. Content is king traffic is keizer ! Peter Kentie [email_address]