UNITiD | Interaction Design & Usability » Matthijs

Een nieuw jaar, een nieuw kantoor!

Matthijs — Mon, 02 Jan 2012 20:29:48 +0000

Op 2 Januari om 10 uur alweer aan de champagne! Martijn’s eerste voornemen direct aan duigen. Naast een toast op het nieuwe jaar openen we ook onze nieuwe locatie in Amsterdam. Een fijne, ruime plek aan het riviertje “de Schinkel“. Het pand heet ook “de Schinkel” en ligt om precies te zijn hier. De laatste week van het jaar blijkt een prima week om te verhuizen: de helft van het team is op vakantie, een kwart werkt in Den Haag en de klant laat ook even weinig van zich horen. Dankzij een uitstekende organisatie en wat extra handen van Fetch was de klus zo geklaard. Rondje lopen?

Foto vanuit de board room naar de keuken/kantine/huiskamer/...Hier maken we straks smoothies en hangen we wat op de bank met de Xbox

Vandaag (alleen vandaag!) Bagel & Beans lunch aangezien Albert nog niet is langsgeweest. Bureaustoel weer mee naar je plek nemen als je klaar bent

We kijken uit over de Schinkel waar vrijwel de hele dag de zon op schijnt (perfect voor een beamer volgens Daan)

De werkplekken! Die hebben we ook

En een prima gang met dito ondergrond

UNITiD heeft plek voor Visual Designers!

Matthijs — Tue, 27 Dec 2011 16:36:09 +0000

Let op! Inmiddels (het is nu eind Januari 2012) hebben we een aantal fijne nieuwe collega’s erbij! De vacature is hierbij dus niet meer vacant (of hoe zeg je dat). Mocht je nog willen reageren, dan moet je dat vooral doen, maar de kans is klein dat je nu wordt uitgenodigd.

Ben jij een grafisch talent met goede voornemens? Bijvoorbeeld:

Ik wil in 2012 een nieuwe baan
Ik wil mooie dingen maken en tegelijkertijd een hoop leren
Ik wil meer lol in mijn werk hebben

Of ken je iemand op wie dit van toepassing zou kunnen zijn?

Locatie: Amsterdam en Den haag
Dienstverband: Vaste baan
Datum plaatsing: 27 december 2011

Functieomschrijving

UNITiD is een unit vol ontwerpers met passie voor interactie. We hebben nu plaats voor twee ontwerpers (m/v) met grote grafische talenten.

Wij ontwerpen interactieve producten en diensten die fijn werken en er geweldig uitzien. We houden van afwisseling. En we hebben lol in ons werk. Samen bedenken we mooie dingen voor ieder apparaat waar maar een knop of scherm op zit. Van laptop tot telefoon. Van TV tot tablet. En van een whirlpool afstandsbediening tot aan een car entertainment systeem. We werken voor zowel hele kleine als hele grote klanten.

Naast het werk voor onze opdrachtgevers zijn we continue bezig met het verbeteren van tools en methodes die ons en de ontwerp-gemeenschap helpen om beter en sneller te ontwerpen. Jij gaat daar ook actief aan bijdragen. (tools)

We bieden

Een enthousiast team waarvan de kern bestaat uit 16 ontwerpers. Daarnaast hebben we altijd een aantal stagiaires en afstudeerders. (wie)
Veel variatie in projecten. Vandaag een afstandsbediening, morgen een financiële portal en volgende week een iPad of Android applicatie. (portfolio)
Werken voor mooie merken als Ziggo, Philips, Rabobank, Sanoma Publishers en RTL Nieuws.
Flexibel werken met mooie gereedschappen (MacBooks, Dropbox, Google Apps, Basecamp en Yammer)
Een prachtig, nieuw ingericht kantoor in Amsterdam met uitzicht op het mooie riviertje “de Schinkel”.
Als het uitkomt met reistijd en projecten werk je enkele dagen per week op ons kantoor in Den Haag.

We zoeken

We zijn op zoek naar zowel jonge als ervaren visueel ontwerpers voor in vaste dienst.

Je hebt tijdens je studie en eerdere jobs al flink wat ervaring opgedaan met het ontwerpen van grafische user interfaces (o.a. online en mobiel). Werkervaring in een team met interactie ontwerpers is een pre.
Je kent iedere shortcut in Fireworks of Photoshop en Illustrator
Je werkt efficient, hebt oog voor detail en weet precies wat er speelt in de wereld van digital design.
Je hebt veel talent. (Maar je zit nu nog op de verkeerde plek?)
Als je ook goed bent in illustratie en / of animatie is dat zeker een pre!

Geïnteresseerd? Stuur een mailtje naar postbus@unitid.nl

Nu TV kijken op je iPad met de nieuwe Ziggo TV app

Matthijs — Mon, 05 Dec 2011 20:20:43 +0000

De afgelopen maanden is er flink gewerkt aan versie 2.0 van de Ziggo TV apps. Al vanaf de zomer konden wij met een prototype via de app TV kijken. Ideaal voor als niet iedereen hetzelfde wil zien of op kamertjes in huis zonder TV. Op dit moment is TV kijken via iPad beschikbaar voor Alles-in-een klanten van Ziggo.

Naast het TV kijken zijn er talloze verbeteringen doorgevoerd. Er zijn verschillende gebruiksonderzoeken gedaan en er is goed gekeken naar alle reviews en feedback die Ziggo heeft ontvangen. De grootste wijziging is de homepage. Deze is grondig aangepakt en biedt ruimte om in volgende versies mooie functies toe te voegen.

Er werd vandaag natuurlijk enorm veel getweet en geblogt over de de nieuwe versie. Voor zover wij kunnen zien wordt de interface nog steeds erg gewaardeerd. Uiteraard zijn er ook de nodige kritieken. Deze gaan met name over de beschikbaarheid van het TV kijken. TV kijken op de iPad is alleen mogelijk voor klanten van Ziggo, die minimaal een abonnement hebben op TV Standaard én Internet Z1, Z2 of Z3, dan wel een abonnement hebben op Alles-in-1 van Ziggo.

Wij zijn ondertussen weer druk in de weer met de nieuwe versie!

Andere sites over de update van de app hieronder. Lees ook de reacties!

Bekijk hier de post bij lancering van de iPad app en hier van de iPhone app

Matthijs geïnterviewd door Linus Lim op www.fireworksinterviews.com

Matthijs — Mon, 14 Nov 2011 16:54:48 +0000

Op www.fireworksinterviews.com lees je interviews met allerlei ontwerpers, product managers en ontwikkelaars die iets vertellen over het software pakket Adobe Fireworks. Nu werken wij bij UNITiD ook al sinds jaar en dag met Fireworks omdat het volgens ons, en met name Matthijs, gewoon erg goed past in de workflow van het ontwerpen van user interfaces.

Naast het gebruik van dit programma hebben we ook een aantal nuttige templates online gezet die veel gedownload worden. Maar de meest bezochte pagina van onze website is www.unitid.nl/tap. Met TAP kan je prototypes maken voor iPhones en iPads en wordt inmiddels gebruikt door ontwerpers bij TomTom, Nimbuzz, Fabrique, TribalDDB, LBI, IceMobile, IDEO en Cooper. (staat jouw club er niet bij, meldt het dan even in de comments!)

Lees het interview op www.fireworksinterviews.com/matthijs-collard

New TAP version that works with iOS5

Matthijs — Wed, 26 Oct 2011 12:42:10 +0000

We updated our iOS5 prototyping tool for Adobe Fireworks. Download the latest version, 0.46 or go to the TAP page on our site: www.unitid.nl/tap

This is what we fixed:

Shows the “Add to homescreen” in iOS5 mobile Safari browser on iPad. The detection was broken because of the tabbed browsing feature on iPad
Fixed cube transition for iOS5 (we removed the translateZ property from the webkit animation)
Fixed QR code generator, now we use the awesome http://code.google.com/apis/chart/
For add-ons, the HTML5 element seems to work better than object or embed elements, see www.unitid.nl/tap for the code.
Fixed a bug on scrolling pages with areas containing swipes
You can now change the statusbar color (black or translucent) in indextemplate.shtml (default it is black-translucent)

What’s next

We keep improving the tool whenever we have time between projects. Fixed elements and prototyping for Android are on the top of the wish list. If you have ideas about new features, things that need to be solved or can be of any help, leave it in the comments!

De Ziggo app nu ook beschikbaar als iPhone app

Matthijs — Wed, 27 Jul 2011 21:06:56 +0000

Na de succesvolle en zeer goed gewaardeerde Ziggo TV iPad app vroeg Ziggo ons ook te buigen over het interactie ontwerp van de iPhone versie.

Uiteraard zijn de verwachtingen hoog. Onze ambities ook. Deze versie zal beter moeten worden dan de iPad app. Zeker geen één op één kopie. Een iPhone gebruikt men immers anders dan een iPad. Toch biedt de iPhone app, ondanks het veel kleinere scherm, evenveel functionaliteiten als de iPad app. De verschillen zitten onder andere in de menustructuur, layout, transities en gestures.

Hieronder licht ik kort de achterliggende gedachte van enkele wijzigingen toe.

De iPhone app is geschikter om even snel te kijken wat er op TV is. Een openingsscherm (in de iPad app “home” tab) ontbreekt. De app opent direct in de TV gids met de tips van vandaag. Zit er niks voor je tussen, dan geeft de app een aantal aanbevelingen voor On Demand films.
Binnen 1 klik zit je in de TV gids waar je direct ziet wat er nu op TV is. Een andere dag of tijd kiezen kan snel en precies. Standaard worden alleen de 30 meest populaire zenders getoond, zodat de app sneller laadt bij een langzamere internetverbinding.
In het zenderoverzicht kan je nu ook snel een zender vinden door de eerste letters van de zender in te voeren.
Alle detailpagina’s openen in een eigen scherm en krijgen hier de volledige ruimte. De tab bar ontbreekt om extra aandacht te geven aan de content en de mogelijke acties zoals het toevoegen van een programma aan je favorieten en een alarm in te stellen. Het beheer van je favorieten is trouwens erg eenvoudig geworden.
De On Demand sectie heeft net als bij iPad een carousel met een selectie van de beste films. Door te scrollen door de lijst verdwijnt de carousel naar boven. Zo staat deze nooit in de weg, maar is ook eenvoudig weer terug te vinden.

Uiteraard maakten we bij het ontwerpproces gebruik van onze favoriete tools:

Fireworks voor wireframes en visueel ontwerp
TAP voor prototyping
InDesign voor documentatie

Neem voor een uitgebreider verhaal vooral contact met ons op. Nu weer even verder met het ontwerpen van nog een flink aantal niet nader te noemen mooie diensten.

Zie ook het bericht op iPhone Club.

Het eerste scherm met TV tips

De TV gids met in het blauw de programma's die nu op TV zijn

Openingsscherm van de On Demand tab

Standaard zijn de 30 meest populaire zenders geselecteerd, maar dit is eenvoudig te wijzigen

Auto Trader op iPhone, iPad en Android

Matthijs — Thu, 07 Jul 2011 10:17:11 +0000

Auto’s zoeken kan voortaan vanaf (bijna) ieder smart device dat voorhanden is. UNITiD zorgde ervoor dat de al bestaande iPhone applicatie geheel herzien en verbeterd werd. Daarnaast maakten we een Android versie en pakten we uit met een hele nieuwe iPad applicatie. Het resultaat: een applicatiepark naast de bestaande website dat er mag wezen, mede mogelijk gemaakt dankzij onze vrienden van Resoluut (vormgeving) en Techtribe (technische realisatie).

iPhone en Android

De eerste versie van de iphone app dateerde al van eind 2009, en was nodig aan verbetering toe. We voegden onder andere de mogelijkheden toe om zoekcriteria op te slaan, om de locatie van de verkoper op een kaart te bekijken en om de verkoper direct te bellen. Verder kan de gebruiker nu bij inspectie van de auto een handige checklist gebruiken om de staat van de auto in de app te noteren. Direct na de goedkeuring van de iPhone app door onze opdrachtgever Sanoma Media, ontwierpen we de Android app die geheel hierop werd gebaseerd, maar geoptimaliseerd voor het Android-platform.

iPad

Paradepaartje in de serie Auto Trader apps, is volgens ons de iPad versie geworden. Ook dit ontwerp moest dezelfde functionaliteit bevatten als die van de iPhone, maar we gaven hieraan een extra draai. Vanwege het grote scherm hebben we de drie schermen met zoekcriteria, resultaten en detailpagina volgens het ‘Twitter’ mechanisme over elkaar heen laten schuiven, waardoor je in één tik of swipe-beweging kan navigeren naar het scherm van je keuze en je altijd overzicht behoudt over je zoekacties.

De eerste recensies voor de iPad applicatie:

Wat een prachtige app is dit. Ben overdonderd door het mooie design en wat werkt die zoekmachine snel.
Je kan auto’s toevoegen aan je showroom en tevens voorzien van je eigen commentaar. Op deze manier zijn ze erg makkelijk terug te vinden om ze later nog eens met je partner of vrienden te bespreken.

Absoluut de mooiste automotive app die ik tot nu toe gezien heb! …
Samenvatting: snel, handig, ongelofelijk mooi maar bovenal: rete-efficiënt!

Red de Noordzee, speel SOS Seahorse

Matthijs — Mon, 13 Jun 2011 15:35:20 +0000

Deze zomer gaat de campagne SOS Noordzee van Greenpeace van start. Het gaat niet zo best met de visstanden in de Noordzee. Steeds meer soorten verdwijnen door overbevissing en vernietigende vismethoden. Met de campagne komt Greenpeace in actie om Bleker te overtuigen onze beschermde natuurgebieden op zee daadwerkelijk te gaan beschermen.

Al enige tijd zijn we met Greenpeace in gesprek over het toepassen van mobiele applicaties in hun communicatie. In Februari organiseerde UNITiD een brainstorm sessie met Elements Interactive. Hieruit zijn een aantal zeer leuke app concepten ontstaan. Een van de concepten paste heel erg goed bij de SOS Noordzee campagne. De afgelopen maanden hebben we het idee verder uitgewerkt middels wireframes, prototypes en illustraties. Elements Interactive heeft de code geschreven en keihard gewerkt om de app op tijd op te leveren. Sinds vorige week is de app te vinden in de AppStore.

De game is ontwikkeld voor iOS devices. De applicatie werkt dus op iPod, iPad en iPhone. Het idee is dat je gedurende zeven dagen de zeepaardjes in de Noordzee moet beschermen tegen allerlei gevaren. Je bevind je in een onderzeeër. Door het scherm van de iPhone of iPad alle kanten op te bewegen kan je rondkijken in de zee. Je kan de bodem zien en omhoog kijken tot je net boven het wateroppervlak bent. Je ziet zeedieren, waterplanten en natuurlijk zeepaardjes. Je zal merken dat er eens per dag je onderwaterwereld wordt bedreigd door allerlei gevaren. Gelukkig kan je de dreigingen op verschillende manieren oplossen. Zo kan je een mini quiz spelen, waarmee je direct een hoop opsteekt van de zee en de bescherming daarvan. Je kan de hulp van je vrienden inschakelen via sociale media (Facebook, Hyves, Twitter) of email. Op deze manier worden meer mensen zich bewust van de problemen. De derde optie is het aanschaffen van een object (79 cent) waarmee je Greenpeace direct steunt om hun acties uit te kunnen voeren.

Flowchart Game Play

Wireframe Actie Scherm

Schets van het hoofdmenu

Wireframe bevestiging aankoop

Illustratie Noordzee en zeepaardjes

Schets illustratie dialogue modal

Illustratie "Koop een schaar"

Illustratie hoofdmenu

Illustratie 1 van de 7 bedreigingen

Wil je naast het spelen van deze game nog meer doen voor de Noordzee, download dan ook de WNF VISwijzer.

TAP: A Cheat Sheet and a new version

Matthijs — Sun, 05 Jun 2011 20:16:48 +0000

The last few months, our highly productive intern Sebastian made a ton of prototypes using TAP. In a spare moment he put this cheat sheet together. We updated this sheet to the latest version of TAP. It contains almost all functionality that you find on the TAP page. Print it out and use it while prototyping. I do!

I also put a new version of TAP online. We changed the following:

Unlimited memory slots (a feature request from Nimbuzz), also thanks to Sebastian.
Timeouts that already started are cancelled on touch. (Request from Brian)
Now it is possible to get a retina prototype as a mobile web application (without the need opening it from the homescreen)
Some changes to the build interface and a bit of code clean up.

Currently we are working on:

Areas in your prototype that have a fixed position
Android version (working on it for a while, bloody hard keys)

If you have any more feature requests or ideas, let us know in the comments.

Uitzicht op zee vanuit je broekzak

Matthijs — Fri, 15 Apr 2011 10:31:34 +0000

We zijn gestart met de PR voor onze ScheveningenLive iPhone app. Eigenlijk begonnen als persoonlijk speeltje van Matthijs, maar het is uitgegroeid tot een erg mooie applicatie die nu compleet met persbericht en al in de markt wordt gezet.

PERSBERICHT
Vrijdag 15 April 2011, Scheveningen.

ScheveningenLive lanceert iPhone app

‘uitzicht op zee vanuit je broekzak’

De website ScheveningenLive.nl biedt haar bezoekers sinds 2003 live webcam beelden van het Scheveningse strand. De site is erg populair onder strandliefhebbers, surfers, vliegeraars en vissers. Vanaf nu zijn de webcam beelden ook te bekijken op de iPhone. De gratis applicatie is vanaf vandaag in de App Store te vinden.

De beelden van de boulevard, het strand en de haven worden live getoond met streaming video. Naast een drietal HD camera’s beschikt ScheveningenLive ook over een weerstation. De applicatie toont de actuele weergegevens zoals temperatuur, neerslag, wind en getijden. Daarnaast is er een kalender toegevoegd van alle evenementen in Scheveningen.

ScheveningenLive verwacht dat de applicatie, net als de website, door allerlei verschillende doelgroepen gebruikt zal worden. Surfers zullen hun iPhone vanaf nu gebruiken om direct te kunnen zien hoe de golven zijn. Strandliefhebbers weten of het lekker weer is voor een dagje zonnen, vliegeren, lekker uitwaaien of voor een terrasje. Met de app weet men altijd de actuele temperatuur en vertelt deze bovendien of er nog wat leuks te doen is in de buurt. Twee van de zeven camerabeelden zijn ingezoomd op de havenhoofden. Vissers kijken of het weer gunstig is en of er al andere vissers ter plaatse zijn. Bovendien kunnen bezoekers nu ook de vorderingen van de bouwwerkzaamheden aan de Boulevard goed volgen. Bij twee camera standpunten rijden de graafmachines door het beeld heen en weer.

Het initiatief voor het ontwikkelen van de applicatie kwam van een surfer en een frequent bezoeker van de website. ‘Met deze applicatie kan ik overal waar ik ben de surf checken’, zegt Matthijs Collard, ‘Ik heb uitzicht op zee vanuit m’n broekzak’. Met zijn bureau UNITiD ontwerpt Collard iPhone apps en benaderde de website ScheveningenLive in oktober met het idee voor de applicatie. Samen hebben ze geïnvesteerd in de ontwikkeling en de realisatie aan de techneuten van Egeniq uitbesteed. Peter Verhage van Egeniq vertelt: ‘De technische uitdaging van dit product is om te zorgen dat op piekmomenten, zoals op een zonnige zaterdag, de applicatie de drukte van honderden bezoekers tegelijkertijd aan kan’.

De applicatie wordt gratis aangeboden in de App Store. ScheveningenLive probeert de investering terug te verdienen door relevante advertenties aan te bieden. Indien er voldoende interesse is, zal de de applicatie uitgebreid worden met nieuwe functies en eventueel ook voor andere platformen geschikt gemaakt worden.

EINDE PERSBERICHT

Het gehele bericht inclusief high res afbeeldingen download u hier.

Ivo Jansch van Egeniq (links) en Matthijs Collard van UNITiD

Egeniq heeft een video (Kitchen Table Talk) gemaakt over het ontstaan van de app:

Artikelen over de applicatie:

iPhoneclub: http://www.iphoneclub.nl/113285/scheveningenlive-strand-webcams-bekijken-vanaf-je-iphone/