HCC presentation webdesign 2005

820 views

Published on

Speech for HCC (Home Computer Club) meeting about webdesign history and future developments.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
820
On SlideShare
0
From Embeds
0
Number of Embeds
49
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HCC presentation webdesign 2005

  1. 2. 20 april 2005, Peter Kentie De wording van het Web 10 jaar webdesign in theorie & praktijk
  2. 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
  3. 4. Webdesign of computerzetwerk? De eerste generatie websites werden gekenmerkt door eenvoud, grijsheid en een gebrek aan creatieve middelen. De wording van het Web
  4. 5. Corporate identity online? Dit is de tweede homepage van IBM in 1996! De wording van het Web
  5. 6. Corporate identity Op het web! Dit is de huidige homepage van IBM in 2005 (een ontwerp uit 2002...). De wording van het Web
  6. 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’
  7. 8. Vier sleutels tot succes Voorbeeld www.ilse.nl Navigatie nn content rangorde
  8. 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?
  9. 10. Gebruiksgemak is alles! Consistentie zorgt voor snelle acceptatie > Alle ilse diensten bezitten dezelfde navigatie > Grotere diensten hebben eigen kleurvariant
  10. 11. Gebruiksgemak is meer… www.drempelsweg.nl
  11. 12. Gebruiksgemak is meer… Code ‘Lang=nl’ is toegevoegd aan de HTML code.
  12. 13. Vormgeving of rangschikking?
  13. 14. Anwb.nl Autokoers- lijst pagina uit 2000. Vormgeving of rangschikking?
  14. 15. Anwb.nl Autokoers- lijst 2005 Vormgeving of rangschikking?
  15. 16. Telegraaf online Ontwerp(?) uit 1999 Vormgeving of rangschikking?
  16. 17. Telegraaf online Ontwerp(?) uit 2005 Vormgeving of rangschikking?
  17. 18. AH.nl Ontwerp(!) uit 1999 Vormgeving of rangschikking?
  18. 19. AH.nl Ontwerp(!) uit 2005 Hoeveelheid informatie en navigatie opties gelijk Vormgeving of rangschikking?
  19. 20. Tweede Kamer.nl Ontwerp(!) uit 1999 Vormgeving of rangschikking?
  20. 21. Tweede Kamer.nl Ontwerp(?) uit 2005 Vormgeving of rangschikking?
  21. 22. Het vak en zijn geschiedenis
  22. 23. Het vak en zijn geschiedenis
  23. 24. Google Cache gelimiteerd archief Het vak en zijn geschiedenis
  24. 25. Amazon Design uit 1997 - identiteit - functie - fun Het vak en zijn geschiedenis
  25. 26. Amazon Design uit 2001 + identiteit - functie + fun Het vak en zijn geschiedenis
  26. 27. Amazon Design uit 2005 + identiteit + functie + fun Het vak en zijn geschiedenis
  27. 28. Amazon Design uit 2010? Het vak en zijn geschiedenis
  28. 29. Na zenden komt interactie
  29. 30. Van webdesign naar experience design Na zenden komt interactie
  30. 31. My first Philips De website van Philips Electron Optics in 1995. Photoshop rulez! (toen al :) Na zenden komt interactie
  31. 32. <ul><li>My first Philips Live! </li></ul><ul><li>De website van Philips </li></ul><ul><li>Electron Optics begin 1996. </li></ul><ul><li>Vormgeving beperkt door </li></ul><ul><li>verbindingssnelheden </li></ul><ul><li>browserwars </li></ul><ul><li>geen (Gif)animatie </li></ul><ul><li>Stapvoorwaarts: </li></ul><ul><li>gekleurde achtergronden </li></ul><ul><li>eigen linkkleur </li></ul>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
  33. 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
  34. 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
  35. 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
  36. 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
  37. 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
  38. 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
  39. 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
  40. 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
  41. 42. Hans Anders.nl Interactief concept: al in 1997! Na zenden komt interactie
  42. 43. Hans Anders.nl Bril passen op eigen gezicht, interactie met winkel Na zenden komt interactie
  43. 44. Interactie met user Opkomst Java en Flash levert dynamisch design op. Na zenden komt interactie
  44. 45. Flash is the way forward > Flashmovie is ideaal voor experience design Na zenden komt interactie
  45. 46. Omgevingsfactoren
  46. 47. Gevaren liggen op de loer > techniek > normen > hackers Omgevingsfactoren
  47. 48. Gevaren liggen op de loer Onderschat de waarde van de URL niet... Omgevingsfactoren
  48. 49. Gevaren liggen op de loer > spielerij > browser- verschil > te zwaar > statisch Omgevingsfactoren
  49. 50. Vlucht naar voren: Personalisatie en One-to-one marketing of is het One-to-none marketing geworden? Omgevingsfactoren
  50. 51. Gevaren liggen op de loer > banners > botsing van merken > adver- teerder betaalt niet voor exposure Omgevingsfactoren
  51. 52. Gevaren liggen op de loer > banners > botsing van merken > adver- teerder betaalt niet voor exposure Omgevingsfactoren
  52. 53. Gevaren liggen op de loer > Maar gek doen moet ook kunnen: Ilse homo 100 site Omgevingsfactoren
  53. 54. Koning Google De search engine bepaalt uw succes en wordt een slokop van diensten. Met zelfs een eigen Google Browser..? Omgevingsfactoren
  54. 55. <ul><li>(My) lessons learned: </li></ul><ul><li>Vakgebied negeert zijn eigen historie... </li></ul><ul><li>...en kijkt alleen vooruit </li></ul><ul><li>webbouwer is vaak ‘technology driven’, </li></ul><ul><li>de eindgebruiker absoluut niet </li></ul><ul><li>en bovenal... </li></ul>
  55. 56. Content is king traffic is keizer ! Peter Kentie [email_address]

×