Marnix Bras

Een webformulier is niet altijd een makkelijk ding. Soms vergt een formulier uitleg, soms validatie, soms bevestiging.

De interactie tussen een formulier-invoerder en de machine kan je stroomlijnen met kleur. Door eenduidig te communiceren met concequente kleuren wordt de invoerder aan de hand genomen en door de moelijke invoer geloosd.

Eén van de facetten van een formulier zijn de notificaties: een foutmelding, een bevestiging of een informerenede "let-op"-tekst.

"Fouten en rood", "bevestiging en groen", en "informeren en licht-geel" zijn logische keuzes. Grote voorbeelden zoals Google, Yahoo en Wordpress zie je dat ook doen.

• Rood: universele kleur om even te stoppen, er is namelijk gevaar....: een foutmelding dus. 
• Groen: "Ja, dan mag je doorgaan". Je bestand is dan bijvoorbeeld met succes verzonden.
• Lichtgeel is een arceerkleur. Het trekt de aandacht even naar zich toe. "Niet om t een of ander, maar let hier even op. Ik help je er alleen maar mee. "

Door met lichtere kleuren te werken dan de verzadigde signaalkleuren kan je toch nog je normale typografie gebruiken. De basiskleur waar de lichte variant van is afgeleid kan dan prima als rand rondom de notificatie extra attentie geven aan de kleur.

Contentrijke websites hebben een probleem: veel content. Tegelijk is dat uiteraard dé kracht van een website... content = King!

Hoofdnavigatie is vaak wel iets waar je met elkaar uitkomt... Subnavigatie is echter lastiger: hoeveel niveau's? horizontaal of verticaal weergegeven? uitklappen na een klik, op bij muis-over?

In een kleine presentatie ben ik op zoek gegaan naar welke trends er zijn op dit gebied bij een aantal toonaangevende websites.

Rowena van Houwelingen (Hyves, LinkedIn) is de winnaar van de WorldofDifference wedstrijd van de Vodafone foundation voor de functie van Allround Web Specialist. Heel erg gefeliciteerd Rowena! Wat een mooie prestatie! Tijdens een spannende avond vertelde de jury wie van de 25 finalisten één van de vijf felbegeerde betaalde functies voor een goed doel kregen. Rowena werd geprezen voor haar nuchtere kijk als Fries, en haar uitstekende ervaring. 

Mijn roeping is en blijft dus voorlopig in Nederland. Bij de afdeling internet van Agis is meer dan voldoende uitdaging voor mij als interactie-specialist om de klant centraal te houden in nieuwe en bestaande websites en -service.

In opdracht van Rob Adolfsen ben ik gevraagd om bij Agis wat tijd te spenderen aan de communicatie voor Stichting Agis. Stichting Agis is een onafhankelijke stichting die geld te besteden heeft voor leuke projecten die op de één of andere manier ten goede komen aan Agis verzekerden. 

Een huisstijl ontbrak, maar geen nood: de huisstijl die dit keer vanuit de online gedachte is geboren is ook meteen ontworpen door ondergetekende.
De huisstijl is gebaseerd op

• Logo als woordbeeld:
  • Stichting en Agis in perspectief, geplaatst op een soort van lint
• Ondersteunend beeld van een grote diverse groep individuen,
• Cyaan in verschillende (gulden snede) vlakverdelingen als dekkende kleur
• Oranje als accent voor kopjes en linkjes
• Tekstarceringen voor aandachtsgebieden.

Naast concept, huisstijl en grafische vormgeving ben ik ook verantwoordelijk voor de ontwikkeling van het HTML template, wat ik met hulp van een collega in Joomla heb geschoven. http://www.stichtingagis.nl/

Recent opgeleverd: http://www.ths-diamanttechniek.nl/

Het familiebedrijf Technische Handelsonderneming Steenbergen in Groningen zat omhoog met een inflexibele en ontoegankelijke site. In korte tijd heb ik

• een nieuw design gemaakt op basis van huidige huisstijl,
• adviezen gegeven over de opzet van content (tekst en beeld),
• een implementatie gedaan van Wordpress,
• een custom thema template gemaakt,
• en een cursus Wordpress gegeven.

Eén onderdeel van interaction design is het testen van verschillende varianten. Werkt een blauwe of een oranje knop beter? Blijven mijn bezoekers langer op de website als ik ze video voorschotel? Verhoogt deze pay-off de verkoop?
Via www.Google.com/WebsiteOptimizer kan je vrij eenvoudig verschillende designvarianten testen op je website.

Wat heb je nodig: 

• Een Google Analytics account
• Toegang tot de HTML van je website
• Een plan over wát je wil testen (duh)

Nictiz, het nationale instituut voor ICT-kennis in de zorg, heeft mij gevraagd te helpen met het realiseren van het jaarverslag 2008. Bij een instituut dat alleen maar met nullen en énen bezig is verwacht je toch geen papieren jaarverslag? In mei ben ik bezig geweest met concept, design en realisatie (in WordPress). Het is een pagina-gebaseerde WordPress, die doorzoekbaar is, met klikbare trefwoorden en een mogelijkheid om je reactie te geven.

De huisstijl van Nictiz is vrij opgevat, wat meer gelaagd dan op www.nictiz.nl. Het thema "groei" heb ik middels lekker stereotype fotografie (header) en groene kopjes naar voren laten komen.

In juni heb ik de redactie getrained om in Wordpress te werken, en hebben ze de boel gevuld. 1 juli is de site live gegaan. Zie jaarverlag.nictiz.nl/2008.

Ja, ook ik heb een Verklaring ArbeidsRelatie, om precies te zijn: Resultaat uit overige werkzaamheden (VAR ROW). Na een moeilijke rij vragen beantwoord te hebben op een formulier van de Belastingdienst ben ik voor een jaar verzekerd van deze gewilde VAR verklaring.
Ik zie er niet zoveel voordelen in, maar (potentiële) opdrachtgevers vinden het fijn. Voor hen is het namelijk een aflaat waarmee ze aan kunnen tonen dat Marnix niet eigenlijk een verkapte werknemer is waarvoor die opdrachtgever het gewoon vertikt om sociale premies te betalen. Want dat mag namelijk niet. Foei. 

Dus Nederland: Ik ben geen verkapte werknemer als ik een internetconcept, of -design bij u over de balk gooi en er nog geld voor durf te vragen ook...