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
\"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.\"

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