Een website die werkt

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

3 comments

Comments 1 - 3 of 3 previous next Post a comment

  • + guestc457ee guestc457ee 2 years ago
    Zeer interessant. Deze ga ik nogeens bekijken wanneer ik meer tijd heb.

  • + ernomijland Erno Mijland 2 years ago
    Via naamgenoot Erno op je presentatie gekomen. Altijd benieuwd naar goede tips over vormgeving van een website. Ik heb ook een tip voor jou: kies voor meer contrast tussen tekst en achtergrond. Met name de links in groenblauw zijn slecht leesbaar, maar ook voor de zwarte tekst op rode achtergrond zou ik een alternatief kiezen. Witte tekst op rode achtergrond is al beter...

  • + ernohannink Erno Hannink 2 years ago
    Ziet er goed uit Bart. Mooi.

    Ik ga deze verwerken in een artikel op enthousiasmeren.nl

Post a comment
Embed Video
Edit your comment Cancel

14 Favorites

Een website die werkt - Presentation Transcript

  1. Ee n w e t Tite l te ksbsite die w e rkt 9 praktische tips B e s c h rijving s lide Ze g h e t m e t vorm - 16/ 2007 10/
  2. Ik be n… B a rt De Wa e le Zaakvoerder webbureau Netlash Evangelist bij MetaTale
  3. Ik be n… www.onde rne me ring e nt.b e www.ne tla s h .c om www.me ta ta le .e u www.kob e de wa e le .b e www.kopje koffie .be
  4. Ee n w e bsite die w e rkt
  5. Vuistre ge ls Nie uwe te c h nolog ie : drie g olve n - kopiëren - vertalen - eigenheid
  6. Vuistre ge ls He t we b h e e ft z ijn e ig e n ta a l - géén brochure - géén videoclip - zeker géén radio (podcast is dead)
  7. Vuistre ge ls 8 koe pe lb e g rippe n Consistentie, typografie, draagbaarheid, inhoud, toegankelijkheid, snelheid, technologie, interactie.
  8. 1. Co nsiste ntie
  9. 1. Co nsiste ntie Ve rwa c h ting s pa trone n Conventies op het web. Logo, taalkeuze, ‘home’, breadcrumb, zoekbox, navigatie, disclaimer, sitemap.
  10. 1. Co nsiste ntie Log o Links bovenaan. Evt. met tagline. Mét link eronder naar homepagina.
  11. 1. Co nsiste ntie Ta a lke uz e Links bovenaan, onder logo. ISO-aanduiding (NL-FR-EN). Allemaal tonen.
  12. 1. Co nsiste ntie Home Links bovenaan. Wordt altijd verwacht. Engelse term is ok!
  13. 1. Co nsiste ntie B re a dc rumb Onder de hoofdnavigatie. Duidt het afgelegde pad aan. Klikbaar, behalve laatste pagina.
  14. 1. Co nsiste ntie Zoe kb ox Rechts bovenaan. Gevaarlijk! Gebruiker verwacht Google…
  15. 1. Co nsiste ntie Na vig a tie Liefst horizontaal bovenaan. Subnavigatie in linkerkolom. Zeker niét rechts of onderaan.
  16. 1. Co nsiste ntie Dis c la ime r Onderaan, in footer. Idem: privacy statement, sitemap. Bij grote sites ook: contact webmaster, about.
  17. 2. Typo grafie
  18. 2. Typo grafie He t we b is te ks t Er wordt op dit moment nog steeds méér naar elkaar geschreven dan er met elkaar getelefoneerd wordt.
  19. 2. Typo grafie Le e s le ng te Géén oneindig lange regels. +- 55 karakter per regel. Dus: géén liquid design.
  20. 2. Typo grafie S c h a a lb a re le tte rtype s Laat mensen zelf vergroten. Geen pixelwaarde (wel relatief). a-A is een pleister.
  21. 2. Typo grafie S e rif / S a ns S e rif Op het scherm: schreefloos.
  22. 3. Draagbaar
  23. 3. Draagbaar Moh a mme d e n de b e rg Probeer niet om bezoekers te lokken naar jouw website. Verspreid jouw inhoud naar die plaatsen waar er bezoekers zijn.
  24. 3. Draagbaar RS S RSS = Really Simple Syndication. Maakt inhoud draagbaar. http ://nl.wikipedia.org/wiki/Really_Simple_Syndication
  25. 3. Draagbaar AP I API = Application Programming Interface. Geef derden toegang tot je data. http://nl.wikipedia.org/wiki/Application_Programming_Int
  26. 4. Sne lhe id
  27. 4. Sne lhe id B e z oe ke r is ong e duldig - snel laden (technische snelheid) - to the point (inhoudelijke snelheid) - scanbaar (structurele snelheid)
  28. 4. Sne lhe id Te s te n! http://www.websiteoptimization.com/services/analyze/
  29. 5. Inho ud
  30. 5. Inho ud Nie uw! “Het web is als ondergoed. Elke dag vers is beter.”
  31. 5. Inho ud P ub lic e e r re g e lma tig Een vast patroon. Meerwaarde en relevantie. Actualiteit.
  32. 5. Inho ud CMS Gebruik een Content Management Systeem. Website beheren : NIET via IT!
  33. 6. To e ganke lijk
  34. 6. To e ganke lijk B ouw e e n toe g a nke lijke s ite : - gebruiksvriendelijk - cross-browser/cross-platform - Anysurfer - Google
  35. 6. To e ganke lijk G e bruiks vrie nde lijk - user centered design - user testing - usability
  36. 6. To e ganke lijk Cros s -b rows e r - werkt op PC / Apple / Linux - werkt op IE / Firefox / Safari - vergeet mobiel niet!
  37. 6. To e ganke lijk Anys urfe r - introductie nodig? - ToeWeb http://www.anysurfer.be
  38. 6. To e ganke lijk G oog le - grootste traffic driver - SEO-vriendelijk!
  39. 7. Te chno lo gie
  40. 7. Te chno lo gie Voortdure nd nie uwe te c h nolog ie - Flash – Flex - Air - AJAX - Podcast - Video
  41. 7. Te chno lo gie Te c h nolog ie is g é é n drive r - goed nadenken over meerwaarde
  42. 8. Inte ractie
  43. 8. Inte ractie La a t doe lg roe p de e lne me n - tests, applicaties, formulieren - feedbackmechanismen (rating, review) - commentaren, forum - inhoud!
  44. 8. Inte ractie We b 2.0 Web 2.0 neemt het artificiële membraan tussen organisatie en publiek weg.
  45. 9. We b 2.0
  46. 9. We b 2.0 \"Web 2.0, according to conference sponsor Tim O'Reilly, is an \"architecture of participation\" -- a constellation made up of links between web applications that rival desktop applications, the blog publishing revolution and self-service advertising. This architecture is based on social software where users generate content, rather than simply consume it, and on open programming interfaces that let developers add to a web service or get at data. It is an arena where the web rather than the desktop is the dominant platform, and organization appears spontaneously through the actions of the group, for example, in the creation of folksonomies created through tagging.\"
  47. 9. We b 2.0 We b 2.0 is nie t - gradiënten - pastelkleuren - afgeronde hoeken
  48. 9. We b 2.0 We b 2.0 = me ns e n Web 2.0 gaat over een shift van site -ce ntric naar use r-ce ntric.
  49. 9. We b 2.0 He t ‘S oyle nt G re e n’ mome nt
  50. The We b is Pe o ple
  51. B a rt De Wa e le b a rt@ne tla s h .c om www.ne tla s h .c om www.onde rne me ring e nt.b e

+ Bart De waeleBart De waele, 2 years ago

custom

6103 views, 14 favs, 10 embeds more stats

9 praktische tips voor een website die werkt.

More Info

© All Rights Reserved

Go to text version
  • Total Views 6103
    • 5142 on SlideShare
    • 961 from embeds
  • Comments 3
  • Favorites 14
  • Downloads 208
Most viewed embeds
  • 860 views on http://www.netlash.com
  • 71 views on http://www.enthousiasmeren.nl
  • 8 views on file://
  • 7 views on http://www.netvibes.com
  • 6 views on http://feed.benjamincarlier.be

more

All embeds
  • 860 views on http://www.netlash.com
  • 71 views on http://www.enthousiasmeren.nl
  • 8 views on file://
  • 7 views on http://www.netvibes.com
  • 6 views on http://feed.benjamincarlier.be
  • 4 views on http://netlash.be
  • 2 views on http://66.102.9.104
  • 1 views on http://www.rssdump.be
  • 1 views on http://www.webwatch.be
  • 1 views on http://64.233.183.104

less

Flagged as inappropriate Flag as inappropriate
Flag as innappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel

Categories