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.
Submenu's in contentrijke websites, trends en bevindingen
Categorie: Inspiratie, Artikelen
Datum: 07 01 10 - 13:27
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.
Kerstlichtjestocht 19 december 2009 in Park Schothorst, Amersfoort!
Categorie: Projecten
Datum: 02 12 09 - 22:57
De Kerstlichtjestocht wordt jaarlijks, vlak voor Kerst, georganiseerd
door leden van twee kerkgemeenschappen binnen De Lichtkring: de GKV de Horsten en de GKV Emiclaer. Doel is om iedereen in Amersfoort kennis te laten maken met het Kerstverhaal in een sfeervolle ambiance.
World of Difference 2009, bij MTV
Categorie: Projecten
Datum: 15 10 09 - 21:49
Vodafone foundation organiseert jaarlijks World of Difference. De 25 finalisten waren 8 oktober bij MTV.
Tijdens een spannende finale bij MTV heeft Froukje Jansen de vijf winnaars van World of Difference 2009/2010 bekend gemaakt. De volgende mensen gaan een wereld van verschil maken:
* dance4life: Judith de Frel
* Plan Nederland: Danielle Pattiasina
* Right To Play: Evelien Philips
* Nederlandse Rode Kruis: Rowena van Houwelingen (en ik dus niet)
* Mijn Project: Luuk Eickmans
World of Difference, meedoen is winnen
Categorie: Projecten
Datum: 09 10 09 - 09:39
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.
Joomla site: www.stichtingagis.nl
Categorie: Projecten, Portfolio
Datum: 09 10 09 - 00:00
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/
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.
Google Website Optimizer
Categorie: Artikelen
Datum: 06 08 09 - 16:11
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)
Maak twee of meerdere varianten van je website. Varieer bijvoorbeeld met een kleur, een button-style, een afbeelding, een tekst of een video. Alles wat maar in een blokje (statische) HTML of css code (in-line in de html) is te vervatten kun je afwisselen.
Nictiz Jaarverslag 2008
Categorie: Projecten
Datum: 05 08 09 - 16:56
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.
VAR - licence to pay
Categorie: Projecten
Datum: 30 06 09 - 00:00
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...
Dit is een persoonlijk weblog van Marnix Bras,
internet creatief. Interaction designer bij de internetafdeling van Agis Zorgverzekeringen. Daarnaast actief in strategie en vormgeving van online communicatie en in advies en enthousiasmering op web2.0 gebied.
Op dit weblog wordt bij tijd en wijle geschreven over het gebied van vormgeving & internet
en nieuwe media en over recent opgeleverde projecten. Het weblog vormt geen
afspiegeling van strategie, beleid of richting van Marnix' huidige of vorige werkgevers. Op
delen van de inhoud van deze website berusten auteursrechten van Marnix Bras,
zijn werkgevers of opdrachtgevers. Lees hier
zijn CV, en hier zijn profiel.
Deze website is bedoeld als portfolio van Marnix Bras - al staat het daadwerkelijke portfolio hier.
Op de inhoud van deze website is een Creative Commons Licentie van toepassing.