![Page 1: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/1.jpg)
Servicepunt Detailhandel GroningenCorné Kox - CKM Extended
22 mei 2012
Het ontwerpen en bouwenvan een goede website
foto: http://www.flickr.com/photos/rbos/1408503489
Tuesday, May 22, 2012
![Page 2: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/2.jpg)
Docent digitale mediaZZP’er in een digitale omgevingBlogger Dutch Cowboys
And yes, my cellphone is on 24/7
Wie ben ik?
Tuesday, May 22, 2012
![Page 3: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/3.jpg)
Voor merkenZowel klein als grootOp zoek naar de match in Noord Nederland
Sociaal kapitaal groeit immers overal
Waar werk ik voor?
foto: http://www.flickr.com/photos/hadock/4185986382
Tuesday, May 22, 2012
![Page 4: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/4.jpg)
Makkelijk om verward te raken in het ‘web’ van webontwikkeling...
Het begin...
Tuesday, May 22, 2012
![Page 5: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/5.jpg)
Taxonomie, PHP, CMS, .NET, Databases, Mashup,(x)HTML, WEB2.0, ......
Wat weet u van...
Tuesday, May 22, 2012
![Page 6: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/6.jpg)
U weet dan ook niet goed welke kant het op moet?De route
Tuesday, May 22, 2012
![Page 7: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/7.jpg)
Hoeveel tijd het in beslag zal nemen?De route
Tuesday, May 22, 2012
![Page 8: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/8.jpg)
Hoe het proces zal verlopen?De route
Tuesday, May 22, 2012
![Page 9: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/9.jpg)
Of wat u allemaal aan kennis in huis dient te hebben?De route
Tuesday, May 22, 2012
![Page 10: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/10.jpg)
De te nemen stappen zijn redelijk overzichtelijk.Wees gerust...
Tuesday, May 22, 2012
![Page 11: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/11.jpg)
Een goede planning is essentieel maar niet heilig.Een goede planning
Tuesday, May 22, 2012
![Page 12: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/12.jpg)
Stel de gebruiker centraal, ontwerp rondom die gebruiker(s)Hoe ziet uw gebruiker er eigenlijk uit (persona)?
De gebruiker centraal
Tuesday, May 22, 2012
![Page 13: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/13.jpg)
Het kopen van een product...Stel taken centraal
Tuesday, May 22, 2012
![Page 14: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/14.jpg)
Ik beland hier via Google...Wie bent u precies, wat doet u precies?
Stel taken centraal
Tuesday, May 22, 2012
![Page 15: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/15.jpg)
Ik ben eigenlijk alleen maar op zoek naar uw telefoonnummer... waar vind ik het snel?
Stel taken centraal
Tuesday, May 22, 2012
![Page 16: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/16.jpg)
Mensen komen op verschillende manieren op hun bestemmingen, bij een webgebruiker is dat niet anders.
Web routing
Tuesday, May 22, 2012
![Page 17: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/17.jpg)
Teken het eens uit... (cardsorting)Web routing
Tuesday, May 22, 2012
![Page 18: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/18.jpg)
Maak schetsen en geef de belangrijkste taken en functies een plekje.
Schets
Tuesday, May 22, 2012
![Page 19: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/19.jpg)
Controleer eens of uw gedachtengang klopt, betrek de gebruiker daarbij.
Paper prototyping
Tuesday, May 22, 2012
![Page 20: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/20.jpg)
Zorg dat het er ‘mooi’ uitziet en dat het functioneel is.Ontwikkeling
Tuesday, May 22, 2012
![Page 21: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/21.jpg)
‘te saai’... ‘niet door de navigatie te komen’... ‘ik kan het niet vinden’...
Soms werkt een website niet
Tuesday, May 22, 2012
![Page 22: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/22.jpg)
Een webontwikkelaar is niet hetzelfde als een webdesigner.Webontwikkeling = techniek.Webdesign = ontwerp, gebruiksvriendelijkheid.
Wie was uw webontwikkelaar?
Tuesday, May 22, 2012
![Page 23: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/23.jpg)
Een webontwikkelaar is niet hetzelfde als een webdesigner.Webontwikkeling = techniek.Webdesign = ontwerp, gebruiksvriendelijkheid.
Wie was uw webontwikkelaar?
Tuesday, May 22, 2012
![Page 24: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/24.jpg)
Als iemand uw website prettig vindt (navigeren bijvoorbeeld), is de betrokkenheid hoog, ook bij uw merk.
Niet vergeten, marketing
Tuesday, May 22, 2012
![Page 25: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/25.jpg)
de eerste indruk telt...Een goed (grafisch) ontwerp
Tuesday, May 22, 2012
![Page 26: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/26.jpg)
Probeer bij de gebruiker een positief gevoel teweeg te brengen (gebruiksgemak, beleving).
Gebruikerservaring
Tuesday, May 22, 2012
![Page 27: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/27.jpg)
Zorg ervoor dat mensen het gevoel hebben dat ze op de juiste plek zijn.
De juiste plek
Tuesday, May 22, 2012
![Page 28: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/28.jpg)
Zorg dat mensen hun informatie ook kunnen vinden (navigatieschema).
Nu ze er toch zijn
Tuesday, May 22, 2012
![Page 29: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/29.jpg)
Stem (beeld)taal en visuele elementen goed op elkaar af, zorg voor consistentie.
Consistentie
Tuesday, May 22, 2012
![Page 30: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/30.jpg)
Zorg ook voor congruentie in uw verhaal.Wie bent u / wilt u zijn en wat toont u daarbij?
Congruentie
Tuesday, May 22, 2012
![Page 31: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/31.jpg)
Als je een actie van de gebruiker verwacht, maak deze dan ook duidelijk.
Sturen op gedrag
Tuesday, May 22, 2012
![Page 32: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/32.jpg)
Zoveel mensen, zoveel wensen.En dus evenveel meningen van de mensen met wie u werkt binnen uw organisatie.
Meningen
Tuesday, May 22, 2012
![Page 33: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/33.jpg)
Betrek mensen (van verschillende afdelingen) vroegtijdig in het proces. Maar houd zelf de controle.
Betrekken
Tuesday, May 22, 2012
![Page 34: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/34.jpg)
Vind het wiel niet opnieuw uit!De realisatie
Tuesday, May 22, 2012
![Page 35: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/35.jpg)
Stel techniek niet centraal maar de gebruiker.De realisatie
Tuesday, May 22, 2012
![Page 36: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/36.jpg)
Ben niet bang op Open Source software te gebruiken.Het hoeft tegenwoordig niet allemaal ‘custom’ te zijn.
De realisatie
Tuesday, May 22, 2012
![Page 37: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/37.jpg)
Denk aan webstandaarden en toegankelijkheid.De realisatie
Tuesday, May 22, 2012
![Page 38: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/38.jpg)
Betrek eindgebruikers in een vroegtijdig stadium.Je bouwt de website immers voor hun, niet voor jezelf.
De realisatie
Tuesday, May 22, 2012
![Page 39: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/39.jpg)
Voldoet de basis aan uw standaarden?Is de standaard makkelijk aan te passen als u het nét iets anders wilt?
De realisatie
Tuesday, May 22, 2012
![Page 40: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/40.jpg)
Maak het te behappen.Deel het project desnoods op in kleinere stukjes.Delen van de website kunnen wellicht op die manier eerder live.
De realisatie
Tuesday, May 22, 2012
![Page 41: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/41.jpg)
Testen, vaak een ondergeschoven kindje.Internet Explorer, Firefox, Safari, Mozilla, iPhone, Android...
De realisatie
Tuesday, May 22, 2012
![Page 42: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/42.jpg)
Zoekmachine optimalisatie heeft niets te maken met de hoeveelheid content die op uw website staat.
Finetuning
Tuesday, May 22, 2012
![Page 43: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/43.jpg)
Probeer zoektermen van uw bezoekers te achterhalen, waar zoekt men op?
Zoekmachine optimalisatie
Tuesday, May 22, 2012
![Page 44: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/44.jpg)
Gebruik juist die zoektermen in de teksten voor uw website.
Zoekmachine optimalisatie
Tuesday, May 22, 2012
![Page 45: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/45.jpg)
Zorg daarnaast voor relevante inhoud.Zoekmachine optimalisatie
Tuesday, May 22, 2012
![Page 46: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/46.jpg)
Om hoger te eindigen in de ‘ranking’ heeft u stemmen nodig.Een externe verwijzing (link) naar uw website is zo’n stem’.
Zoekmachine optimalisatie
Tuesday, May 22, 2012
![Page 47: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/47.jpg)
Zoekmachine optimalisatie kost tijd (en inspanning).Optimaliseer, stel af, bouw ‘inward links’.
Zoekmachine optimalisatie
Tuesday, May 22, 2012
![Page 48: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/48.jpg)
Zorg dat de website deel uitmaakt van uw communicatiemix.
Communicatiemix
Tuesday, May 22, 2012
![Page 49: SP Groningen - Het ontwerpen en bouwen van een goede website](https://reader034.vdocument.in/reader034/viewer/2022052619/5551f1dcb4c905f56f8b50b2/html5/thumbnails/49.jpg)
Corné Kox
CKM Extendednetwerk voor doelgerichte communicatie
twitter: @corneLinkedIn: http://www.linkedin.com/in/cornekoxSlideshare: http://www.slideshare.net/corne
[email protected] 065 7000
finis...
Tuesday, May 22, 2012