Nieuwe website voor People Unlimited

Door  trainer en coach Nico Koomans ben ik gevraagd na te denken over zijn online présence. Op veel vlakken kon dat beter.

Samen met een team specialisten zijn we aan de slag gegaan:
 Patrick Kok van iPako: Advies voor de opzet van de content
 Jimmy Reek van Reyk.: SEO Tekstschrijver
 Jiska Howard van jizzca.:  Online Adviezen
 Herman Molema van Exigent: Hosting
 Marnix Bras van Marnix Bras internet creatief: Creatieve begeleiding, design en realisatie

Website ontwikkeling : een proces in stappen

1. We zijn begonnen bij de content. Wat is het verhaal. Waar wil je op gevonden worden? wie zijn je doelgroepen
2. Hoe herschrijven we het verhaal zodat het aansluit op de belevingswereld van de doelgroepen?
3. Vervolgens zijn we de content in een hiërarchie gaan plaatsen, en rolde er een sitemap uit.
4. We hebben samen bepaald wat de belangrijkste boodschap en de secundaire informatie op de homepage moet zijn
5. We hebben gezien dat vertrouwen en aanbeveling de 2 belangrijkste persuasion-krachten zijn in deze doelgroep
6. 

   Wireframes

   Daarna ben ik begonnen aan het visuele gedeelte: Een wireframe werd de basis voor home- en vervolgpagina’s

7. Een visueel ontwerp ondersteunde de hiërarchie en gaf rust en focus in de content
8. Een uitgekiende implementatie van WordPress deed de rest:
   • Code is Poetry: schone semantische code, goed accesible
   • volledig responsive, dus toont goed op mobiel en ipad
   • een website die makkelijk is te onderhouden
   • presteert optimaal in de zoekmachines 

Kijk snel op www.people-unlimited.nl

Deelnemers aan de programma’s van People Unlimited slagen beter in het stellen van nieuwe doelen en resultaten in hun leven. Mastering your Excellence focust op menselijke communicatie en hoe dat samenwerken met je relaties positief beïnvloedt.
Ervaar hoe met elkaar samenwerken bijdraagt aan het succesvol realiseren van jouw doelen en dat van anderen! Dit is plezierig voor jezelf en voor de mensen om je heen.

Veel succes Nico met je hordes nieuwe klanten!

Smile’s core-business is het vergroten van Customer Engagement en Employee Engagement via een (technologisch) Feedbackmanagement en Verbetermanagement Platform dat de mens centraal zet.

Usability testen van een paper demo

Sinds half 2012 werk ik met het Smile ontwikkelteam, de briljante front-end designer Wilfred Nas van De Voorhoede en een klankbord van klanten, partners en medewerkers daarom samen aan een nieuwe look & feel voor de platforms van Smile. Het resultaat: ‘Smile goes social’ en dat betekent meer mens, meer fun en meer verbeteren!

De stappen die we doorlopen hebben

1. Persona’s: in een creatieve sessie hebben we afgebakend wie de doelgroen zijn, welke rollen ze hebben, en hoe de de software gebruiken
2. Designsessie: Met dikke stiften, grote vellen, karton, lijm, papier, en veel, heel veel creativiteit hebben we in enkele uren een paper demo gemaakt van de gedroomde nieuwe layout, en hebben en-passant direct ge-usertest
3. 

   Een wireframe van Smile goes social

   Wireframing: De devil is in the details: vanuit het idee (de paper demo) is elk detail uitgewerkt in een Wireframe

4. De wireframe zijn voorzien van een styleguide, een richtinggevend design waar de ontwikkelaars de designs van de belangrijkste schermen op konden baseren.

In oktober was de designfase gereed, en is Smile met de realisatie begonnen. Dit voorjaar wordt het uitgerold bij de klanten!

http://www.smile.nl/roadmap-smile-2013.html

Het zoeken naar een passend beeld bij de boodschap, bij het verhaal. Da’s dus een apart beroep geworden:  ”beeldredacteur”.

Maar beeldredacties hebben grote maatschappelijke verantwoordelijkheid: ze kunnen meehelpen stigma’s te voorkomen. Ik werd aan het denken gebracht n.a.v. de column van  Asha ten Broeke  in Trouw. Bottomline: Je helpt mee aan de stigmatisering van Obese medemensen door ze in compromiterende situaties of zonder hoofd te portreteren. (zoals in de media nogals eens gebeurt). Dit hebben onderzoekers van Yale ontdekt. Ze hebben – praktisch als ze zijn – gelijk actie genomen: een gratis vette beeldbank:

http://www.yaleruddcenter.org/press/image_gallery.aspx

Zonder compromitterende situaties, mét hoofd
Helaas is het beeld nog niet echt professioneel.  Goed zoeken in beeldbanken zoals Thinkstock levert al snel beter beeld op…

Alhoewel Chrome al een tijdje mijn weapon of Choice is, doet Firefox het ook leuk: de Web Developer mogelijkheden zijn verruimd met een 3d view: Vereist wel webgl.

https://addons.mozilla.org/en-US/firefox/addon/tilt/

Zij plaatsten het volgende verhaal op 1Power , het interne Achmea platform (alleen voor Achmea collega’s…Heb je een reactie als Achmeaan? graag ook even op 1Power)

“Marnix Bras – vanaf 2009 internetspecialist en interactie-ontwerper bij Agis Online, onderdeel van de divisie Zorg & Gezondheid – studeerde achtereenvolgens Levensmiddelentechnologie en Architectuur. “Het geeft de breedte van mijn interesse weer. Het is een uitdaging om die interesse te kanaliseren. Voor je het weet, vind je álles leuk!”

Voor Marnix Bras draait het allemaal om human centered design (HCD).

“Je ontwerpt niet alleen een website, maar een hele klantbeleving eromheen. Daarbij stel je de klant steeds centraal. Ik denk dat er binnen Achmea veel kennis over dit onderwerp aanwezig is, maar dat het versnipperd zit, door de hele organisatie heen. Ik ben van plan dit najaar sessies over dit onderwerp te organiseren, met de bedoeling om kennis en ervaringen te delen.”

Voor zijn 1Power-collega’s heeft Marnix een concrete vraag: “Ben jij actief op het gebied van HCD en service design en heb je ideeën om kennis op dit terrein te bundelen en te delen?” 

Lees het hele interview van Marnix (alleen voor Achmea collega’s)  en reageer op zijn oproep.”

Het interview staat ook op Yellow Dolphin.

Het is een website die hoort bij de lancering van het boek “Droombaan of brood op de plank” van Evert Hatzmann.

Evert Hatzmann op de achterflap:

“Je wilt ander werk of je moet ander werk. Wellicht omdat je klaar bent met je huidige job of simpelweg omdat je nu of binnenkort boven­tallig bent.
Met dit handboek help ik je om vooral realistisch je mogelijkheden onder de loep te nemen: moet je bewegen of lekker blijven zitten waar je zit? Voor die nieuwe baan gaan of je huidige job leuker maken?

Van de illusie van de ideale droombaan help ik je af, je nuchtere kijk op jouw situatie draag ik je aan.

Met de Job Navigator® kom je er achter of je en hoe je naar nieuw werk gaat.

Stel je er echter allemaal niet te gek veel van voor, per slot van rekening moet je het uiteindelijk toch altijd nog zelf doen…”

De website is een productie van Nestor, het bedrijf van Evert Hatzmann. Met concept-, wireframe- en interactieontwerp en realisatie van mij, grafisch ontwerp van Birgit Stuit, projectmanagement van Liesbeth Rector, en coding van de zelftests door Ruben Weijers hebben we samen een mooie full responsive – en social-media geintegreerde website neergezet. De site bevat pagina’s met een flow van zelftests, een blog, nieuws, en de mogelijkheid om een gratis Jobnavigator te downloaden in ruil voor een e-mailadres of tweet.
 

“Over en weer”.

Wat is dat een mooie “over and over and over again” spreuk. Het gaat eigenlijk over het één-tweetje van communicatie en interactie-ontwerp. Het brent bij mij beelden en gevoelens brengt waar ik wat mee kan….

Thanks Bart en uiteraard thanks Microsoft’s spellings checker…

Opgroeien
Ik denk dat het de belangrijkste taak tegenwoordig is om kinderen te laten ontwikkelen tot jongeren die zelfstandig kunnen denken. Door hoofd, hart en handen samen te laten werken, gemotiveerd door directe terugkoppeling van wat geleerd is met de praktijk. Daarbij is met je handen in de klei beter dan Google Sketch, en is houtskool beter dan MS Paint. Want met klei, houtskool (kwaliteit zit niet alleen in het resultaat, maar ook in het proces) en andere échte materialen maak je belevenissen en koppel je heel direct terug wat je hart en je hoofd omzetten.

Digitaal
Toch opent de digitale wereld nieuw kansen als aanvulling hierop. Sociale netwerken veruimen de wereld, Onderwijskundige tools vergroten participatie,

Sociaal
Uiteraard is Facebook een nieuwe blik op de wereld, die dit keer (niet net als bij TV) niet om de massa draait, maar om sociale relevantie. Dat is de kracht en de valkuil: liken en geliked worden is altijd al een issue op school, maar op Facebook wel erg publiek. Zelfs afgeschermd voor vrienden (de aanbevolen modus voor kinderen wat mij betreft) zien nog al je vrienden met wie je bevriend bent en wie niet. Wat je doet, waar je komt etc. Je hoort er wellicht pas bij als je wat interessants te melden hebt.

(en waar ik facebook zeg, kan je tot voor kort ook Hyves lezen, en al snel weillicht ook  Google+, en wellicht binnen 2 jaar weer 3 andere namen.

Angst voor misbruik etc is niet van de lucht, hoe profiteer je als kind van deze nieuwe wereld aan mogelijkheden? en hoe stimuleer je dat als school? Lees bijv hiervoor eens http://www.frankwatching.com/archive/2011/12/30/lente-in-het-onderwijs-weg-met-angst-voor-social-media/

Onderwijskundig
Onderwijs begint bij de docent. Als docent kan je social media en web 2.0 inzetten in het verrijken van je leerstof, en het afwisselender brengen van je leerstof: Want zoals Confucius het al zei, 2500 jaar geleden:

Tell me, and I will forget (ouderwetse klassicale methode) ,
show me, and I might remember (visuele ondersteuning) ,
involve me and I will remember (en dat is t doel uiteraard, nodig jongeren uit om zelf mee te doen).

Wat vaak nodig is om het ijs even te breken. Er heerst veel koudwatervrees. Het kost moeite om als docent van beginner tot expert te groeien. Het bedrijf Hutspot doet bijvoorbeeld leuke sessies: http://www.slideshare.net/hutspot/folder-teamdag-scholen-social-media-experience.

Groepswerk
crowd-funding en crowd-sourcing zijn gemeengoed, hoe kan je de kracht van de groep in onderwijsland introduceren… : Er zijn allerlei tools (http://alew.hubpages.com/hub/Education20) te bedenken om de leerlingen in je klas te verbinden, online samen te laten werken, etc.

Je kan bijv.

• een klassensite maken: http://onderwijsvanmorgen.nl/makkelijke-lesvoorbereiding-met-weebly/?stage=Live,
• samen een blog bijhouden (WordPress, Bogger), Met meerdere jongeren
• een Wiki maken over een onderwerp ipv een werkstuk, etc

Maar hoe cool is het als jongeren in staat zijn om voor hun Frans werkstuk gekoppeld te worden aan een maatje in Toulouse, en voor beeldende vorming met een Japanse  student in Google Sketch een museum moeten ontwerpen. Dat ze hun eigen sociale netwerk (familie, ouders van oud-klasgenoten, etc etc) in moeten zetten om aan kennis te komen, dat een student uit Oklahoma je Engels overhoort, etc.
Bekijk ook de mogelijkheden van de mobiele technologie die jongeren weer buiten kan brengen: http://www.ted.com/talks/shilo_shiv_suleman_using_tech_to_enable_dreaming.html (subitles in het Nederlands beschikbaar)

Waarschuwing: School doodt creativiteit
Het is heel goed om met al die nieuwe mogelijkheden eerst even te luisteren naar iemand die gewoon eens vertelt (zonder beamer) waarom het bevorderen van creativiteit zo belangrijk is. Als dit de basis is, kunnen docenten en jongeren tot de meest waanzinnige dingen komen: http://www.ted.com/talks/ken_robinson_says_schools_kill_creativity.html (subitles in het Nederlands beschikbaar)

PS: laatste linkje dankzij Remke Klapwijk van http://ruimtevoortalent.blogspot.com/ als toegift: http://www.youtube.com/user/TEDEducation/featured: een Youtube Channel die groeit met leuke online lessen van ‘s werelds beste leraren.. in t engels.

Helaas staan onze publieke websites ook in dit rigide regime. Dit weekeinde mogen we de nadelen daarvan proeven… Zaterdag 24 maart gaan de sites een hele dag plat. Reden: de stroomvoorziening moet met spoed vervangen worden.

Niet fijn, maar wel een uitdaging! Wat presenteren we de bezoekers van de sites van Agis , (publiek en de mijn-omgevingen) intussentijd?

Noodpagina

• We zetten de TimeToLive in de nameservers van de domeinen een dag van te voren naar een lage waarde
• Voor de werkzaamheden beginnen passen we de A-records aan voor de hosting, en wijzen dit naar onze tijdelijke noodsite
• Op deze noodsites geven we thuis op de meest gezochte items: declareren en vergoedingen
• Helaas kunnen we niet de hele website overzetten. Dit bevat te complexe logica en teveel koppelingen met de back-office die niet bereikbaar is
• Webcare is paraat, en geeft updates over de werkzaamheden

Door er duidelijk over te communiceren hopen we de dat de downtime overbrugbaar te maken voor onze consumenten.

 update 26 maart

De reacties en likes op facebook gaven aan dat  consumenten begrip hadden voor de downtime.

• In het totaal 5449 unieke bezoekers zijn op de noodpaginas geweest,
•  met een piek rond 9:00 uur ‘s morgens.
• ongeveer 1000 maal is er een vergoedingenoverzicht gedownload
• 11 likes voor De foto met de Liander busjes op de voorgrond en de woorden “De werkzaamheden aan onze stroomvoorziening verlopen voorspoedig! Nu lunchen en zo weer snel aan de slag.”

Website van Woonzorg Unie Veluwe

Samen met Gerard Davelaar ben ik gevraagd om mee te denken over de online communicatie van Woonzorg Unie Veluwe, een protestants christelijke instelling op de Veluwe die op verschillende locaties woonzorg, thuiszorg en begeleiding biedt aan met name ouderen.

Via een missie en visietraject, een concept, een interaction-model , een content-plan en een grafisch design ben ik uiteindelijk tot een WordPress realisatie gekomen.

Veel aandacht in de content en wireframes is uitgegaan naar de persona’s familielid,  bezoeker, bewoner, vrijwilliger, sollicitant en bewoner-in-spe.

Check http://www.wzuveluwe.nl