We schreven eerder uitgebreid over dit Open Data project waarbij initiatiefnemer; De Zaak Onderwijs, GSD en Freshheads besloten de ouders een handje te helpen bij het zoeken naar de juiste school.

Hieronder het fragment waarbij Jan Douwe Kooistra (De Zaak Onderwijs) n.a.v. Apps voor Nederland wordt geïnterviewd door NOS op 3:

Probeer 10.000scholen.nl zelf en laat ons weten wat je er van vindt.

Bedankt voor het stemmen!

Visueel concept
Op de CM producten site worden de producten van CM getoond. Omdat de producten redelijk complex zijn, was het nodig om de site zo overzichtelijk mogelijk te maken. CM wilde daarom een site met veel visuals. Om de visuele stappen goed uit te denken en de essentie per product helder te krijgen, is CM eerst met E10 communicatie om de tafel gaan zitten. Vervolgens hebben onze Heads het concept creatief ingevuld.

Showroom
De site kan gezien worden als een showroom. Met de handige infographics op de site wordt de bezoeker meteen geïnformeerd over de producten. Vervolgens worden de producten per pagina overzichtelijk toegelicht. De site springt er vooral uit door de gave visuals en de gebruiksvriendelijke interface.

Kortom, een mooi pronkstuk voor CM! (die je nu ook mag bewonderen )

Passie & Gedrevenheid
Misschien zag je hem een paar weken geleden in een krantenbericht al langskomen op onze Twitter. Nu zetten we Jan ook op onze site in de schijnwerpers! Uit de verschillende sollicitanten werd Jan eigenhandig door Head Corina uitgekozen, om de ‘Freshheads Cuisine” onder handen te nemen. Jan viel op met zijn passie voor koken en zijn gedrevenheid om te willen werken. Sinds Jan koning is in onze keuken verlopen de pauzes gesmeerd. Iedereen zit stipt op tijd gezamenlijk aan tafel, de sportievelingen spelen daarna nog een potje voetbal, volop teambuilding dus! Zelfs klanten die over de vloer komen, schuiven regelmatig aan om een hapje mee te eten.

Waardering
Zelf vindt Jan het prettig om te werken bij Freshheads. “Ik ben graag onder de mensen en ik word gewaardeerd.” Koken is zijn hobby, misschien ook wel logisch aangezien hij slager is van huis uit. Na zijn slager-tijd heeft hij nog jaren gewerkt als vertegenwoordiger van een vleesgroothandel. Nu heeft Jan met heel veel plezier de strakke pakken en kantoren ingewisseld voor de keuken!

Het concept
10.000scholen.nl is een applicatie waarop bezoekers scholen kunnen vergelijken. De bezoeker kan maximaal 4 scholen uitzoeken en deze vervolgens via een helder rapport met elkaar vergelijken. 10.000scholen.nl maakt gebruik van Open Data die beschikbaar is gesteld door de overheid. Scholen kunnen hun pagina indien nodig, zelf aanvullen om het beeld over de school te verduidelijken.

De applicatie
Een mooi concept, maar hoe maak je een gebruiksvriendelijke applicatie waarin alle scholen in Nederland makkelijk te vergelijken zijn? De interactie ontwerpers van Freshheads bedachten een overzichtelijke interface. Hierin wordt de bezoeker voorop gesteld en doet de applicatie het meeste werk. De bezoeker hoeft slechts de gewenste scholen te zoeken, max 4x klikken om de scholen toe te voegen aan de vergelijking en voilà… het rapport staat klaar, vergelijken maar! Duidelijk, gestructureerd en doelgericht. Uiteraard hebben we de applicatie in een mooi jasje gestoken en de HTML verzorgd. Partner GSD heeft voor dit concept de backend verzorgd.

De toekomst
In toekomst zal de hoeveelheid informatie op de applicatie worden uitgebreid en nóg eenvoudiger worden weergegeven. Ook zijn er plannen om deze informatie beschikbaar te stellen via een API voor partners en gemeentes. De eerste versie van de applicatie is ontwikkeld met een relatief klein budget. Omdat wij Open Data initiatieven zoals ondersteunen, zijn we extra trots dat wij ons steentje mochten bijdragen!

Stemmen op de app kan ook! Klik hier

De site
Freshheads mocht een gave site ontwerpen voor Digital Marketing Live!. Daarvoor hebben wij de eerder door ons gemaakte Emerce Eday site als basis genomen voor de inhoud en deze op basis van een aangeleverd moodboard uiteraard omgetoverd tot een strak ontwerp, passend bij de huisstijl van Digital Marketing Live! De site bevat alle info over het event en geeft dit overzichtelijk weer, dankzij de gebruiksvriendelijke interface. Via de site is het ook mogelijk om gratis kaartjes te bestellen, so get yourself a ticket!

Middels een API kun je de data op een universele manier beschikbaar stellen, waarbij je als klant de controle hebt over je data, toegang en afhandeling. Wat je tegenwoordig vaak ziet is dat er vanuit de klant een wens is voor een app of mobiele site naast hun bestaande website of zelfs CRM. Wanneer in je site bepaalde functionaliteiten specifiek afgehandeld worden, bijvoorbeeld het afsluiten van een abonnement waarbij een betaling moet plaatsvinden en een mail verstuurd wordt, wil je natuurlijk graag dat dit in je andere clients op eenzelfde manier gebeurt. Wat vaak gedaan wordt is dat elke client een eigen implementatie heeft van de functionaliteit. Wat inhoudt dat wanneer je iets veranderd wilt hebben dit op meerdere plaatsen aangepast dient te worden en vaak door verschillende partijen. En dit alles in de hoop dat het overal op de juiste manier is doorgevoerd.

Lang leve de API, deze stelt je namelijk in staat dit alles op 1 plaats te regelen. Elke client, website, app of CRM, moet in dat geval gebruik maken van de API. De API handelt dan alle validatie en logica af, welke door de client verwerkt wordt. Voordeel is dat de makers van de betreffende client zich kunnen concentreren op het gebied waar ze goed in zijn en zich niet druk hoeven te maken over hoe de data opgeslagen en verwerkt moet worden. Als klant heb je alle data op één plaats staan en hoef je niet op verschillende systemen in te loggen om een totaalbeeld te krijgen.

Natuurlijk is het niet zo simpel als het lijkt, want over een goede API zul je goed na moeten denken. Hoewel een API voor zekerheid en consistentie zorgt, maakt het je dataverwerking ook weer wat minder flexibel. Immers wanneer je een verandering in je logica wil aanbrengen, ontkom je er niet aan rekening te houden dat het backwards compatible blijft of dat er een verschillende logica flows ondersteunt blijven. Switchen naar een nieuwe versie lijkt voor de hand te liggen maar dit wil je zo lang mogelijk uitstellen en enkel doorvoeren bij een rigoureuze verandering. Aangezien je niet kan verwachten dat alle clients binnen afzienbare tijd overgaan op de nieuwe versie, zul je in dat geval meerdere versies moeten onderhouden wat niet echt wenselijk is.

Om terug te komen op de key factors, maakt het succes van je API dat het intuïtief te implementeren is door derde partijen, hoge beschikbaarheid heeft en duidelijke documentatie heeft. Wanneer je gaat samenwerken met meerdere partijen is het belangrijk dat iedereen content blijft, wanneer je dan goed over de opzet hebt nagedacht en deze goed blijkt te werken brengt dit de samenwerking enkel ten goede en kun je meer tijd stoppen in het functionele aspect van je product. Lichtgewichtheid geeft veelal de gebruiker van je product een betere user experience, alles draait om snelheid en functionaliteit tegenwoordig. Om dit te waarborgen is het belangrijk goed na te denken over welke data benodigd is per API request voor algemeen nut (dus niet implementatie specifiek). Het wordt dan een spel tussen aantal requests en gewenste interactie, wanneer je dit duidelijk afstemt heb je zo een topproduct te pakken.

Witruimte
In onderstaand voorbeeld is de overzichtelijkheid verbeterd door meer witruimte toe te passen. Niet alleen tussen de artikelen zelf maar ook tussen de datum en de introtekst, hierdoor is het makkelijker om de titels te scannen. Als laatste is ook de regelhoogte groter gemaakt zodat de tekst minder massief oogt. Merk ook op dat de lijnen tussen de artikelen overbodig geworden zijn bij het gebruik van meer witruimte. De lijst met artikelen oogt nu al een stuk luchtiger, de artikelen zijn herkenbaar als afzonderlijke blokken.

Proportie en kleurgebruik
In het volgende voorbeeld zie je wat proportie en kleur kunnen betekenen voor de leesbaarheid van een pagina. De titels zijn een stuk groter gemaakt en in een ander lettertype geschreven. Doordat de datum in lichtgrijs geplaatst wordt onder de titel ontstaat er een visuele scheiding tussen de titel en de introductietekst. De titels zijn donkerblauw van kleur waardoor ze niet alleen meer opvallen maar ook de indruk geven dat er op geklikt kan worden. Deze combinatie van eigenschappen zorgt ervoor dat content makkelijker te scannen is.

Focus
Wanneer je bovenstaande eigenschappen van witruimte, proportie en kleurgebruik verder doortrekt kan je verschillende focuspunten en hiërarchie  creëren op de pagina. In de volgende afbeelding zie je hier een voorbeeld van. De afbeelding en tekst van het eerste artikel zijn fors groter gemaakt, hierdoor krijgt het artikel meer aandachtswaarde. Met deze techniek kan je de focus leggen op het meest recente of belangrijkste artikel. Daaronder volgen standaard artikelen en als laatste nog een aantal artikelen dat alleen bestaat uit een (kleinere) titel. De focuswaarde van deze lijst is dan van boven naar onder: belangrijk, minder belangrijk, minst belangrijk.

Verander het scenario, de hoeveelheid sneeuw, de tekst, what ever. Freshheads en OneSize hebben de voorzet gegeven, jij kopt hem knoerthard binnen. Uiteraard kun je jouw creatie gebruiken om naar je vrienden en klanten te mailen of te delen via social media.

Klik hier en maak jouw eigen kerstkaart!

A very very special Christmas.

De site
Freshheads stond voor de uitdaging om binnen een korte tijd de site op te leveren. Dit hebben we gedaan. Als basis hebben onze heads het Magento platform gebruikt en die op de behoefte van Foodiesclub afgestemd. Onze designers hebben daar een strak design omheen gemaakt welke erg gericht is op conversie. Het bekijken van deals en het bieden daarop verloopt dan ook gesmeerd!

Take a look!

21 en 22 november vond de “Beyond Tellerrand” conferentie plaats in Düsseldorf. Een conferentie gefocust op interaction design, web design en front-end development.

Gedurende de twee dagen is er gesproken over rapid user testing, information visualization, progressieve enhancement, graceful degration, responsive web design, content en het schrijven van Javascript plugins. Te veel en te uiteenlopend om gedetailleerd op in te gaan, maar hieronder een paar interessant presentaties van de conferentie:

Breaking The Barriers – Moving Browsers And The Web
Chris Heilmann

http://icant.co.uk/talks/btconf/

The Invisible Side of Design
Vitaly Friedman

Als co-founder en editor-in-chief van het blog Smashing Magazine houdt Vitaly van mooie content op het web. Tijdens zijn presentatie behandelt hij de verschillende aspecten van vormgeving op het web. Hoe deze in teken moet staan van de functie en de gehele communicatie.

Mobile Apps With Javascript – There’s More Than Web
Heiko Behrens

Er is al een tijd een discussie gaande over native mobile applicaties tegenover web-apps. Heiko gaat tijdens zijn presentatie dieper in op de mogelijkheden, voor en nadelen van web-app in verschillende omgevingen.

Who Cares About Content
Steph Hay

De conferentie ging niet alleen in op vorm en technieken, maar ook op de content van websites. Steph Hay gaf een duidelijk presentatie over waar op te letten bij het schrijven van content voor je website.

Voor wie niet geweest is, maar in het dagelijks leven wel bezig is met Frontend-development, interactie ontwerp of vormgeving is het zeker een aanrader om volgend jaar naar toe te gaan.