SITE BOUWEN IN 10 STAPPEN
Nov 01, 2014
SITE BOUWEN IN 10 STAPPEN
Goeiemiddag, ik ben Bart.
Ik werk voor webbureau Netlash.
... en nog een aantal andere bedrijven:
http://slideshare.net/netlash
EEN WEBSITE BOUWENIN 10 STAPPEN27/4/2010, KMO-IT Dag
Dus je wil een website bouwen...
back-end programmatie, front-end
programmatie, database, design, html/css,
usability, conversie, SEO, copy-writing, fotografie,
wettelijke bepalingen, typografie...
Skills
‣ business doelstellingen: rendabel
‣ vormgeving: mooi
‣ programmatie: functioneel
‣ bruikbaarheid: makkelijk
4 grote delen
‣ project manager
‣ designer
‣ developer
‣ informatie-architect
4 grote “ridders”
Proces
1. Planning
2. Analyse
3. Structuur
4. Design
5. Slice
6. Development
7. Integratie
8. Testen
9. Content
10. Support
‣ Concrete datums
‣ 2 partijen
‣ Niet in beton gegoten!
‣ Richtlijn
1. Planning
‣ Concrete datums
‣ 2 partijen
‣ Niet in beton gegoten!
‣ Richtlijn
Project Manager
1. Planning
2. Analyse
Luister...
‣ Luister naar je doelgroep!
‣ In kaart brengen
‣ Doelstelling, doelgroep, organisatie
2. Analyse
‣ Luister naar je doelgroep!
‣ In kaart brengen
‣ Doelstelling, doelgroep, organisatie
Informatie-architect
2. Analyse
‣ “architectuurplannen”
‣ mindmap, wireframe, structuurdocument
‣ klikbaar
‣ iteratief!
3. Structuur
Architectuurplannen
‣ “architectuurplannen”
‣ mindmap, wireframe, structuurdocument
‣ klikbaar
‣ iteratief!
Informatie-architect
3. Structuur
‣ vertaling van structuurdocument
‣ legt de stijl vast - nog niet de details
‣ iteratief
‣ voldoende input!
4. Design
‣ vertaling van structuurdocument
‣ legt de stijl vast - nog niet de details
‣ iteratief
‣ voldoende input!
Designer
4. Design
‣ omzetten naar html/css, taal van het web
‣ taak van designer!
‣ templates
5. Slice
‣ omzetten naar html/css, taal van het web
‣ taak van designer!
‣ templates
Designer
5. Slice
‣ maatwerk programmatie
‣ -billities!
‣ modules
6. Development
accessibility, scalability, sustainability, usability,
findability, measurability, reliability
-billities
Het ijsberg-principe
Voorbeeld: snelheid.
Google!
http://www.websiteoptimization.com/services/analyze/
-billities
‣ maatwerk programmatie
‣ -billities!
‣ modules
Developer
6. Development
‣ structuur, development, design
‣ integratie met CMS
‣ modules
7. Integratie
‣ structuur, development, design
‣ integratie met CMS
‣ modules
Developer
7. Integratie
‣ 2 partijen!
‣ integratie met CMS
‣ “zit alles er in”
8. Testen
‣ 2 partijen!
‣ integratie met CMS
‣ “zit alles er in”
Project Manager
8. Testen
‣ CMS
‣ klant? of copy-writer?
‣ oefenen!
9. Content
‣ inbegrepen / uitgebreid
‣ formeel evaluatie- en afsluitmoment
‣ (het blijft software...)
10. Support
Proces
1. Planning
2. Analyse
3. Structuur
4. Design
5. Slice
6. Development
7. Integratie
8. Testen
9. Content
10. Support
Hoe win je een estafette?
Hoe win je een estafette?
1. Snelle lopers
Hoe win je een estafette?
1. Snelle lopers
2. Aandacht voor de overdracht
VRAGEN?
twitter.com/[email protected]