En wel in de categorie Broadcasters/Publishers. Vorige week werd de app genomineerd voor deze categorie, samen met The Voice Kids Game, gemaakt door LBi Mobile, en de Veronica Magazine TV app naar ontwerp van Mobtzu.

De Ziggo apps blonken vooral uit door de goed gewaardeerde user interface. Dat horen wij natuurlijk graag. We werken namelijk samen met Xaton inmiddels alweer bijna anderhalf jaar aan de verschillende releases van de app, die bij elke update uitgebreider, sneller en fijner te gebruiken is.

Wij willen Ziggo bij deze feliciteren met de prijs en nu we het er toch over hebben, heel erg bedanken voor fantastisch opdrachtgeverschap en grote aandacht voor goed ontwerp.

Wat mij verder opviel was dat er maar liefst vier TV gidsen genomineerd waren. Naast de Ziggo en de Veronica apps waren de apps tvgids.nl en tvgids.tv genomineerd voor de publieksprijs waar tvgids.tv uiteindelijk mee naar huis ging. Volgens mij geeft dit aan dat TV en mobiel dikke vrienden zijn en dat nog lang zullen blijven.

Foto’s volgen!

Als je dit blog zo leest lijkt het alsof we alleen maar achter het toetsenbord zitten om sites en applicaties te ontwerpen en af en toe wat gereedschap te produceren. De laatste tijd zijn we echter offline ook behoorlijk actief.

We geven gastcolleges. We praten op conferenties. We faciliteren workshops en sessies bij klanten en partners. We schrijven in magazines. De onderwerpen zijn divers, maar hebben altijd wat te maken met ons ontwerpvak. Iets met digitaal en interactief. Over hoe we werken en wat ons bezighoudt.

Topics

Die onderwerpen heten bij ons “topics”. Iedereen bij ons is eigenaar van één of meerdere topics. Binnenkort publiceren we een complete lijst met alle topics en de bijbehorende “topic owners”. Ben je bijvoorbeeld docent op een CMD opleiding, manage je een UX afdeling of organiseer je een event rondom apps? Bel ons dan eens om iets te komen vertellen over het ontwerpen voor Android, het prototypen van iPhone apps of de verschillende vormen van responsive webdesign, bijvoorbeeld…

Waar je ons had kunnen treffen:

Workshop prototyping for iOS devices using TAP.

Spreker: Matthijs
Waar: Appsterdam Guru sessions, BNO, Amsterdam
Na een 4 uur durende sessie hadden alle deelnemers een klikbaar prototype op hun iPhone of iPad. Het publiek bestond uit marketeers, product ontwerpers, UX ontwerpers en developers.

Concept testing

Spreker: Jaap
Waar: Gastcollega HvA, opleiding CMD
Jaap vertelde over verschillende manieren hoe je een conceptontwerp bij gebruikers kunt testen.

Interaction Design basics.

Spreker: Bart
Waar: Gastcollege, ROC Amsterdam
Bart vertelt over ons vak, het ontwerpproces en de uitdagingen waar een interactie ontwerper voor staat.

User Experience. Wat is het en hoe ga ik ermee aan de slag

Spreker: Pascalle en Sara
Waar: Gastcollege en workshop, Haagse Hogeschool
Na een korte theoretische inleiding over wat User Experience inhoudt en uit welke elementen het bestaat werden er een aantal concepten ontwikkelt door de studenten.

UNITiD Design Process en workflow

Spreker: Matthijs
Waar: Gastcollege HvA, Workshop bij Ziggo.
Wij zijn eigenlijk constant bezig met het verbeteren van ons ontwerpproces. Inmiddels hebben we een aantal slimme methodes en tools die efficient zijn en tegelijkertijd producten van hoge kwaliteit opleveren.

Design guidelines for iPad

Spreker: Pascalle
Waar: Diverse hogescholen
Pascalle vertelt over haar ervaringen bij het ontwerpen van iPad applicaties zoals Viva Magazine, VI en Autoweek.

Using Fireworks for designing digital products

Spreker: Matthijs
Waar: Op de ontwerpstudios van onze klanten, bijvoorbeeld bij TomTom en Rabobank
Als je hier geïnteresseerd in bent lees dan ook het interview met Matthijs over Fireworks.

Koele apps

Schrijver: Rick
Waar: Dzone magazine
Eens in de twee maanden schrijft Rick een artikel in Dzone waar hij een koele app bespreekt vanuit het perspectief van een interactie ontwerper.

Het ontwerpen effectieve infographics

Schrijver: Fenna
Waar: Frankwatching
Fenna schreef een artikel voor Frankwatching over waar je allemaal aan moet denken als je een (interactieve en educatieve) infographic wilt maken.

Opvallende apps

Schrijver: Roland
Waar: Dutch Cowboys
Roland blogt regelmatig op Dutch Cowboys als er weer een opvallende of innovatieve app in de store verschijnt.

Ervaringen bij het ontwerpen van iPad apps

Spreker: Rick
Waar: Crossmedia Cafe Hilversum (video en de slides)
Rick vertelde bij het Crossmedia cafe over onze ervaringen bij het ontwerpen van apps als NU HD, VI Tablet en de Ziggo TV Gids.

Three design methods plus a bonus

Spreker: Rick
Waar: Mobile Mondays (video)
Op één van de laatste Mobile Mondays sprak Rick le Roy over drie belangrijke methodes die we voor Sanoma Digital toepasten: Envision, Scope en Prototype.

Trends in Mobile sites

Spreker: Matthijs
Waar: Bij verschillende klanten waaronder Greenpeace International
Het gaat hard in de wereld van het mobiele web. Deze presentatie moet eigenlijk elke twee maanden geupgrade worden. Wij zijn in ieder geval aardig op de hoogte.

UNITiD, het bureau

Sprekers: Ieder van ons
Waar: Bij een klant, een partner of bij ons in Amsterdam of Den Haag
We hebben best een interessante bureaupresentatie, al zeggen we het zelf. We komen hem graag eens laten zien.

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

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

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!

• iPad club
• Ziggo.nl
• iTunes/AppStore
• Tweakers
• Nu

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

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 <video> 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!

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’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:

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

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.