Een website die werkt

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/

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

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

Ee n w e bsite die w e rkt

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

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)

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

1. Co nsiste ntie

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.

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

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

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

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

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

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

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

2. Typo grafie

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.

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

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.

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

3. Draagbaar

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.

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

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

4. Sne lhe id

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)

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

5. Inho ud

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

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

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

6. To e ganke lijk

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

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

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

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

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

7. Te chno lo gie

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

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

8. Inte ractie

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

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

9. We b 2.0

9. We b 2.0 quot;Web 2.0, according to conference sponsor Tim O'Reilly, is an quot;architecture of participationquot; -- 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.quot;

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

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.

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

The We b is Pe o ple

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

http://www.netlash.com	1062
http://www.enthousiasmeren.nl	73
http://www.slideshare.net	8
file://	8
http://www.netvibes.com	7
http://feed.benjamincarlier.be	6
http://netlash.be	4
http://66.102.9.104	2
http://www.rssdump.be	1
http://www.webwatch.be	1
http://64.233.183.104	1

Een website die werkt

by Bart De Waele on Oct 16, 2007

Accessibility

Categories

Tags

Upload Details

Usage Rights

11 Embeds 1,173

Statistics

Een website die werkt — Presentation Transcript