Grafisch ontwerp is belangrijk om een gebruiker zo efficiënt mogelijk naar content te leiden die voor hem relevant is. In dit artikel neem ik daarom het functioneel grafisch ontwerp onder de loep. Met deze tips kun je de boodschap van je website op een visuele manier (nog) beter benadrukken.

Lees meer »

Doelgericht werken. Het wordt nog wel eens onderschat of zelfs achterwege gelaten. Aan een project beginnen zonder doel is voor mij hetzelfde als tanden poetsen zonder tandpasta. Erg zinloos en inefficiënt. Waar werk je anders naartoe? Zonder een doel kun je nou eenmaal geen gericht- en onderbouwd resultaat opleveren.
Lees meer »

Samenwerking
Freshheads is onlangs een strategische samenwerking aangegaan met Somehow. Dit bedrijf is gespecialiseerd in het helpen van organisaties door het bedenken van zinvolle mobiele toepassingen voor op de werkvloer. Wat we samen hebben gerealiseerd voor een van de grootste en meest vooruitstrevende schoonmaakbedrijven van Nederland, Hago Next is hier een goed voorbeeld van. Als het probleem eenmaal is geanalyseerd en het idee voor het nieuwe concept en de toepassing er van zijn uitgewerkt, is het de beurt aan Freshheads om met de vorm en de technische aspecten ervan aan de slag te gaan.

Wibautstraat 150, 1091 GR Amsterdam (voormalig kantoor Volkskrant)

Locatie Amsterdam
Freshheads heeft niet alleen een goede partner gevonden om mee samen te werken, maar we hebben ons ook gevestigd in hetzelfde pand waarin Somehow zich bevindt. Veel van onze klanten uit de Randstad kunnen we nu ook ontmoeten in Amsterdam. Daarnaast zijn we ook van plan om uit te breiden op onze nieuwe locatie, zo zijn we bijvoorbeeld op zoek naar een ervaren PHP-developer voor onze nieuwe locatie in de hoofdstad! Heb je interesse? Bekijk onze vacatures of neem contact op met Michiel

Meer informatie
Freshheads Amsterdam
Somehow

Onlangs is de ‘Emerce 100’ uitgekomen. Dit is een gerenommeerde, jaarlijks terugkerende uitgave van het vakblad Emerce waarin de beste bedrijven uit de E-business worden beoordeeld. Zeg maar rustig de ‘Quote 500’ voor online dienstverleners . Emerce maakt bij de beoordeling onderscheid tussen drie bedrijfscategorieën: Software & IT-dienstverlening, Internetbureaus en Online Marketing & Advertising. Freshheads valt in de categorie ‘middelgrote full service internetbureaus’. Wat blijkt? Freshheads heeft maar liefst 4,5 sterren behaald op een schaal van 5, daarmee behoort Freshheads volgens het onderzoek tot de 10 beste bedrijven van Nederland in zijn soort.

Beoordeling
Hoe is de beoordeling tot stand gekomen? 1003 respondenten die ervaring hebben met bedrijven uit de categorie ‘internetbureaus’ hebben hun oordeel gegeven in een uitgebreid imago-onderzoek. Daarnaast is gekeken naar de omzet en het aantal medewerkers.

Ambitie
We zijn natuurlijk apetrots op het resultaat maar Freshheads streeft uiteraard naar het maximaal haalbare. Deze uitslag betekent voor ons een bevestiging dat we op de juiste weg zitten. Ons doel voor volgend jaar: die laatste extra halve ster! Hoe we dat gaan doen? Meer “nieuw internet” en daar lees je alles over op: freshheads.com/nieuwinternet .

Op 24 oktober 2011 plaatsten wij ons blogbericht “Interactieontwerp”. Hierbij gaven we een introductie over de rol van een interactieontwerper binnen een project. In dit artikel gaan we hier nog wat dieper op in. We bespreken een belangrijk hulpmiddel dat wij interactieontwerpers graag inzetten bij de uitwerking en ontwikkeling van nieuwe producten: wireframes. Wat zijn wireframes en waarom gebruiken we ze?

Wat zijn wireframes?
Simpelweg zijn wireframes lijntekeningen (blauwdrukken) van websites of (web)applicaties. De wireframes worden tijdens en na de brainstormfase ontwikkeld om alle content en gewenste functionaliteiten te positioneren. Op die manier wordt in kaart gebracht wat er precies gemaakt gaat worden. Het gaat puur om de functionaliteiten, structuur en indeling van de applicatie. Er komt bij het maken van wireframes nog geen vormgeving kijken.

Wireframe schets op een UI whiteboard van UI stencils.

Hoe een wireframe precies ontwikkeld wordt maakt niet heel veel uit. Er zijn heel veel handige hulpmiddelen die later nog aan bod zullen komen. Vaak worden er eerst schetsen met pen en papier uitgewerkt. Naarmate het project vordert en de plannen concreter worden zullen de pagina’s digitaal uitgewerkt worden. Als het nodig is kan er een digitaal klikmodel gerealiseerd worden om de interactie te benadrukken.

Screenshot van een wireframe.

Waarom gebruiken we wireframes?
Bij Freshheads houden we er van om wireframes bij de start van een nieuw project te gebruiken. Het gebruik van wireframes heeft een hoop voordelen ten opzichte van bijvoorbeeld het direct uitwerken van grafische ontwerpen of het enkel uitschrijven van functionaliteiten.

Sneller concreet voor alle betrokkenen

Een afbeelding zegt meer dan 1000 woorden. Het werken met wireframes kan de snelheid en efficiëntie van een project verhogen doordat het goede praatstukken zijn. Het is nu eenmaal makkelijker om met meerdere mensen over een afbeelding/weergave van de website te discussiëren dan over een stuk tekst te praten. Een tekst is vaak ook nog op meerdere manieren te interpreteren, terwijl dit bij een wireframe niet het geval is. Voor klanten wordt het meteen duidelijk wat ze gaan krijgen en hoe de website er uit komt te zien, voor programmeurs is het meteen duidelijk wat ze moeten maken.

Ook voor de snelheid van een project heeft het voordelen. Als we een functionaliteit uitwerken door middel van het maken van een simpele schets, dan bespaart ons dit een hoop tijd. Het uitschrijven ervan zou een stuk langer duren. Ook werkt het sneller dan het uitwerken van een grafische mockup. Vooral in de beginfase van een project, wanneer het nog niet concreet is wat er gemaakt moet worden, is deze flexibiliteit en snelheid heel waardevol. In de tijd dat een grafisch ontwerper 1 grafische mockup kan maken, kunnen er veel verschillende schetsen en wireframes gemaakt worden. Door deze flexibiliteit kunnen we voor een probleem van alles proberen waaruit nieuwe ideeën en oplossingen ontstaan.

Conclusie
Zoals eerder al genoemd kunnen we wireframes zo ingewikkeld maken als we zelf willen. Enerzijds kunnen we een simpele tekening met pen en papier maken, anderzijds kunnen we digitale wireframes maken. Afhankelijk van het project zullen de methodes verschillen. Belangrijk is om ideeën te visualiseren en te concretiseren. Het gebruik van wireframes is voor ons de ideale methode om abstracte ideeën om te zetten in concrete plannen: plannen die duidelijk zijn voor zowel de klant als de developer.

Wat gebruiken wij voor de uitwerking
Voor het uitwerken van wireframes zijn er verschillende hulpmiddelen. Je kunt uiteraard beginnen met simpel een pen en wat papier. Wil je wat serieuzer te werk gaan dan zijn er enkele handige tools beschikbaar. Dit zijn enkele middelen die we bij Freshheads gebruiken:

Print browser_template – Template om op te schetsen (pdf)
Print phone_template – Template om op te schetsen (pdf)

Omnigraffle – Software voor het tekenen van wireframes.
Konigi wireframe stencils – Template met elementen voor bij wireframes.
ui stencils – Handige hulpmiddelen voor interactie ontwerpers en designers.

wireframes.tumblr.com – Verzameling met wireframes.

Geschreven door Igor Delissen en Evert Hilhorst

Incubate introduceert een festival API waarmee festivalinfo vrij beschikbaar wordt gesteld voor het bouwen van sites/apps. Er zijn prijzen voor beste applicaties!

Incubate stelt als eerste Europese festival de bron van zijn programma-informatie ter beschikking. Doormiddel van een Application programming interface, oftewel een API kunnen web- en software-ontwikkelaars hun eigen Incubatewebsite of –applicatie maken. Bijvoorbeeld apps voor iOS, Android of BlackBerry. Bij de introductie van de API zet Incubate in samenwerking met Freshheads een wedstrijd uit voor de beste applicatie met als hoofdprijs een geldprijs van 500 euro!

Via de API is informatie beschikbaar over artiesten, speeltijden, venues en projecten. Ook kan het laatste nieuws worden opgehaald.

Seminar en lancering
De lancering van de API vindt plaatst op 10 februari tijdens een seminar bij Freshheads. Tijdens deze bijeenkomst worden de verschillende functies uitgelegd aan developers en kan er met elkaar gebrainstormd worden over de  te bouwen applicaties. Bij de lancering wordt gezorgd voor drank en pizza.

Wedstrijd
Ontwikkelaars die met de API aan de slag gaan, kunnen deelnemen aan de wedstrijd waarbij de beste applicatie in de prijzen valt. De winnaar krijgt een geldbedrag van 500 euro. Voor runner-ups zijn er Incubate passepartouts en dagkaarten. Alle ingezonden applicaties worden verzameld in een duidelijk overzicht op www.incubate.org. Aan de wedstrijd kunnen zowel individuen als groepen of bedrijven mee doen.

Meer informatie over de wedstrijd is vanaf 10 februari beschikbaar tijdens het seminar en via het Incubateblog www.inlog.org. Vanaf dan worden ook API Keys verstrekt en kunnen applicaties ingezonden worden.

Dus ben je programmeur en wil je je eigen Incubate site of app bouwen, feel free en kom 10 februari naar Freshheads! Inschrijven doe je hier!

Yes! Een zilveren plak! We zijn erg blij met de zilveren prijs die 10.000scholen.nl heeft gewonnen met de landelijke ontwikkelwedstrijd Apps voor Nederland.

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!

Een paar blogberichten terug stond CM – de Nederlandse marktleider op het gebied van interactief SMS-verkeer – al in de spotlights op ons blog. Toen vertelden we over de drie sites die zijn opgeleverd en de CM producten site die nog in ontwikkeling was. Deze laatste is sinds kort hartstikke af!  Daarmee hebben we alle 4 de sites voor CM succesvol afgerond.

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 )

Geweldig, net aangekomen op het werk en alweer tijd om te lunchen. Kom je aan in de kantine, staat er een heerlijke afgedekte lunch klaar! Verse salades, diverse brood- en belegsoorten. Daarnaast ook nog 2 á 3 keer per week de “specials” zoals groentesoep, gehaktballen, rookworst en saté. Kortom, maak jouw keuze en aanvallen! Nu zou je denken wat is hier nu zo bijzonder aan? Nou, onze lunch wordt elke dag met plezier bereidt door Jan, 77 jaar oud, al 12 jaar met pensioen en nog steeds fit genoeg om te werken!

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!

Meer dan 10.000 basis- en middelbare scholen, verschillende onderwijsstijlen en variërende school samenstellingen… Ga dan maar op zoek naar de juiste school! Hoeveel leraren zijn? Hoe groot zijn de klassen? Wat is het gemiddeld niveau van de leerlingen? Wat is het oordeel van de inspectie? Initiatiefnemer; De Zaak Onderwijs heeft samen met partners Freshheads en GSD besloten de ouders een handje te helpen.

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