Een website die werkt

Slide 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/

Slide 2: Ik be n… B a rt De Wa e le Zaakvoerder webbureau Netlash Evangelist bij MetaTale

Slide 7: 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

Slide 8: Ee n w e bsite die w e rkt

Slide 9: Vuistre ge ls Nie uwe te c h nolog ie : drie g olve n - kopiëren - vertalen - eigenheid

Slide 10: 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)

Slide 11: Vuistre ge ls 8 koe pe lb e g rippe n Consistentie, typografie, draagbaarheid, inhoud, toegankelijkheid, snelheid, technologie, interactie.

Slide 12: 1. Co nsiste ntie

Slide 13: 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.

Slide 15: 1. Co nsiste ntie Log o Links bovenaan. Evt. met tagline. Mét link eronder naar homepagina.

Slide 16: 1. Co nsiste ntie Ta a lke uz e Links bovenaan, onder logo. ISO-aanduiding (NL-FR-EN). Allemaal tonen.

Slide 17: 1. Co nsiste ntie Home Links bovenaan. Wordt altijd verwacht. Engelse term is ok!

Slide 18: 1. Co nsiste ntie B re a dc rumb Onder de hoofdnavigatie. Duidt het afgelegde pad aan. Klikbaar, behalve laatste pagina.

Slide 19: 1. Co nsiste ntie Zoe kb ox Rechts bovenaan. Gevaarlijk! Gebruiker verwacht Google…

Slide 20: 1. Co nsiste ntie Na vig a tie Liefst horizontaal bovenaan. Subnavigatie in linkerkolom. Zeker niét rechts of onderaan.

Slide 21: 1. Co nsiste ntie Dis c la ime r Onderaan, in footer. Idem: privacy statement, sitemap. Bij grote sites ook: contact webmaster, about.

Slide 23: 2. Typo grafie

Slide 24: 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.

Slide 26: 2. Typo grafie Le e s le ng te Géén oneindig lange regels. +- 55 karakter per regel. Dus: géén liquid design.

Slide 27: 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.

Slide 28: 2. Typo grafie S e rif / S a ns S e rif Op het scherm: schreefloos.

Slide 30: 3. Draagbaar

Slide 31: 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.

Slide 33: 3. Draagbaar RS S RSS = Really Simple Syndication. Maakt inhoud draagbaar. http ://nl.wikipedia.org/wiki/Really_Simple_Syndication

Slide 34: 3. Draagbaar AP I API = Application Programming Interface. Geef derden toegang tot je data. http://nl.wikipedia.org/wiki/Application_Programming_Int

Slide 35: 4. Sne lhe id

Slide 37: 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)

Slide 38: 4. Sne lhe id Te s te n! http://www.websiteoptimization.com/services/analyze/

Slide 39: 5. Inho ud

Slide 40: 5. Inho ud Nie uw! “Het web is als ondergoed. Elke dag vers is beter.”

Slide 41: 5. Inho ud P ub lic e e r re g e lma tig Een vast patroon. Meerwaarde en relevantie. Actualiteit.

Slide 42: 5. Inho ud CMS Gebruik een Content Management Systeem. Website beheren : NIET via IT!

Slide 43: 6. To e ganke lijk

Slide 45: 6. To e ganke lijk B ouw e e n toe g a nke lijke s ite : - gebruiksvriendelijk - cross-browser/cross-platform - Anysurfer - Google

Slide 46: 6. To e ganke lijk G e bruiks vrie nde lijk - user centered design - user testing - usability

Slide 47: 6. To e ganke lijk Cros s -b rows e r - werkt op PC / Apple / Linux - werkt op IE / Firefox / Safari - vergeet mobiel niet!

Slide 48: 6. To e ganke lijk Anys urfe r - introductie nodig? - ToeWeb http://www.anysurfer.be

Slide 49: 6. To e ganke lijk G oog le - grootste traffic driver - SEO-vriendelijk!

Slide 50: 7. Te chno lo gie

Slide 52: 7. Te chno lo gie Voortdure nd nie uwe te c h nolog ie - Flash – Flex - Air - AJAX - Podcast - Video

Slide 53: 7. Te chno lo gie Te c h nolog ie is g é é n drive r - goed nadenken over meerwaarde

Slide 54: 8. Inte ractie

Slide 56: 8. Inte ractie La a t doe lg roe p de e lne me n - tests, applicaties, formulieren - feedbackmechanismen (rating, review) - commentaren, forum - inhoud!

Slide 57: 8. Inte ractie We b 2.0 Web 2.0 neemt het artificiële membraan tussen organisatie en publiek weg.

Slide 58: 9. We b 2.0

Slide 59: 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.\"

Slide 63: 9. We b 2.0 We b 2.0 is nie t - gradiënten - pastelkleuren - afgeronde hoeken

Slide 67: 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.

Slide 69: 9. We b 2.0 He t ‘S oyle nt G re e n’ mome nt

Slide 70: The We b is Pe o ple

Slide 71: 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