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!

In de hoofdnavigatie zijn de verschillende niveaus uit elkaar getrokken. Dat was nodig, want deze bestond uit drie lagen, die niet goed functioneerden ten opzichte van elkaar. Het hoofdniveau auto’s, klassiekers, motoren en bedrijfswagens is in het nieuwe ontwerp boven het leaderboard geplaatst. De gebruiker kiest immers voor bijvoorbeeld auto’s of klassiekers en zal niet zo gauw switchen daartussen. In het nieuwe ontwerp liggen de onderdelen home, kopen, verkopen, gids en nieuws op het eerste niveau. Bij mouseover verschijnen de submenu’s in een lijstje hieronder.

Ook de zoekbox op de homepage is aangepast. Tegenwoordig kan er naast merk en model (waar de aantallen die aangeboden worden nu achter staan), ook een keuze gemaakt worden voor prijs, bouwjaar, kilometerstand, postcode en afstand. Deze zijn allemaal in dropdownmenu’s gezet. Daarnaast kan boven de zoekbox geklikt worden op het icoon voor het zoeken naar auto’s, klassiekers, motoren of bedrijfswagens.

Een laatste, en voor de gebruiker niet onbelangrijke aanpassing, is gedaan aan linkerkolom op de resultaatpagina. Waar vroeger alleen opnieuw gezocht kon worden op prijs, bouwjaar en kilometerstand, zijn daar aan toegevoegd de postcode, afstand, trefwoord of snelcode. Daarnaast is de facetnavigatie verbeterd, waarmee het zoekresultaat kan worden verfijnd. Dit is gedaan door het tonen van meer verfijnopties, en de lijsten niet langer te maken dan vijf items. Daarnaast wordt ook hier achter alle items de aantallen getoond, zodat de gebruiker weet wat de omvang van het aanbod is per item in de lijst. Met de nieuwe linkerkolom kan de gebruiker blijven zoeken en verfijnen op de resultaatpagina, zonder naar een uitgebreid zoeken pagina te gaan.

Aan het herontwerp van de Auto Trader portal hebben we nauw samengewerkt met Resoluut, die zorgden voor het grafisch ontwerp, en met Mirabeau, die de site hebben gerealiseerd.

Samen met Sanoma, uitgever van onder meer Viva, AutoWeek, Libelle en Playboy, onderzoeken we al een poosje wat de beste manier is om de ervaring van een tijdschrift op zijn minst te evenaren op een apparaat met een touch screen. Te beginnen met de iPad.

Afgelopen week werd het resultaat van de eerste studie gepresenteerd door Joris Van Heukelom (Sanoma Digital). Grote opluchting. Er was warm applaus en er waren positieve reacties.

Want het is nogal apart, om niet te zeggen doodeng: ontwerpen voor een apparaat dat je zelf niet vast kunt houden. Waarbij je moet afgaan op de filmpjes op apple.com, Vimeo en YouTube. En je moet baseren op de user interface guidelines van Apple, waarvan je vermoedt dat die op het moment nog meer geschreven zijn voor ‘echte’ applicaties, dan voor het type lichte verstrooiing waar we naar zoeken.

Als het meezit hebben we volgende week de enige echte iPad in onze handen. Onze handen jeuken om weer verder te sprinten. Samen met Resoluut, die ons bijstaat met grafisch ontwerp. We zijn goed op weg, maar er is nog veel te doen.

Kom maar op met die iPads! De opzet van het gebruiksonderzoek ligt al klaar.

• Waar is hier een Volkswagen dealer te vinden?
• In welke tent treedt mijn favoriete festival artiest op?
• Waar vind ik het voordeligste product?
• Is er een zwembad op loopafstand?

Voor MIMOA werkt UNITiD nu aan een iPhone app met MAPPS, zodat gebruikers overal en altijd toegang hebben tot de allernieuwste architectuurprojecten.

Bij MIMOA, de online gids voor moderne architectuur, kun je nu al zoeken in een paar duizend projecten die continu worden aangevuld door gebruikers van de website. Deze informatie is straks ook beschikbaar op de iPhone.

Voor SpecialBite werkt UNITiD ook aan een locatiegebaseerde iPhone app. Vinden van bijvoorbeeld het dichtsbijzijnde Thaise restaurant, en een omschrijving en waardering van bezoekers, is daarmee mogelijk.

MAPPS versies

Wil jij ook een iPhone app waarmee je klanten of bezoekers op elk moment en vanaf elke plek toegang hebben tot jouw gegevens, dan kan dat met één van de 3 versies van MAPPS; Basic, Extended of Premium.

Van een simpele lijst- en kaartweergave, en een detailpagina met koppelingen naar Maps (route), Safari (website) en Phone (bellen). Tot naadloze navigatie tussen de lijst- en kaartweergaves en zoeken op trefwoord en bladeren door categorieen.

Om MAPPS te realiseren werkt UNITiD samen met Elements Interactive, verantwoordelijk voor development, en HBMEO voor advertising en PR. Deze samenwerking heeft geleid tot een unieke en flexibele iPhone app. Meer informatie over de mogelijkheden van MAPPS vind je op mapps.nl.

Mail of bel ons gerust als je wilt weten hoe we je kunnen helpen met MAPPS!

De opdracht was uitdagend:

Ontwerp een interface voor het nieuwe paradepaardje van Eurologics; Een “Car Entertainment System” dat geheel bediend wordt met een 7 inch touchscreen. De toekomstige gebruiker is meestal tussen de 6 en 14 jaar oud, en zal voornamelijk DVD’s kijken. Maar… het komt natuurlijk ook voor dat een minister tussen twee afspraken even het laatste NOS journaal aanzet. De bediening moet dus kinderlijk eenvoudig zijn, maar wel klasse uitstralen. Vanaf de achterbank kijk je naar films, digitale TV en fotos. Vanaf een DVD, CD of USB stick. Natuurlijk kan je ook luisteren naar muziek, allerlei voorkeuren instellen en tal van andere functies aantikken die ik hier voor het overzicht even niet noem.
Het ontwerp moet binnen drie weken gereed zijn…

Card-sorting met iconen

Dat is even doorwerken, maar voor ons natuurlijk niet de eerste keer dat we zoiets doen. Na de briefing begonnen we met een sketchboard sessie met drie van mijn collega’s om de eerste interactieprincipes te ontwerpen. Het een en ander werd snel uitgewerkt in een aantal flows en wireframes. Deze werden besproken met de product managers van Eurologics en het ontwikkelteam in Azie. We maakten een eenvoudige mock-up van de interface met daarin de belangrijkste schermen. Deze mockup werd samen met een set iconen getest in een gebruiksonderzoek met een paar kids uit de doelgroep. Genoeg informatie om samen met Resoluut het grafisch ontwerp in de derde week af te ronden. Net voor de deadline konden we nog 360 iconen exporteren en de documentatie opstellen voor de ontwikkelaars in Korea.

Benieuwd naar het resultaat? Vraag naar een Vision Touch systeem bij aankoop van uw nieuwe slee, of neem contact op met Eurologics om dit product te laten installeren in uw wagen. U wilt het gratis? Dan moet u zich even melden op de autovakRAI, daar wordt er 1 verloot.

Eurologics stond op de RAI dit jaar en hier een leuk filmpje van de reacties van het publiek.

In ons ontwerp hebben we de navigatie verbeterd door alle items onder te brengen in een horizontaal menu met slechts vier onderwerpen in het eerste niveau, wat een helder overzicht geeft over de inhoud van de site. Op de homepage zijn drie calculatoren geplaatst, die de gebruiker op een interactieve manier direct antwoord geven op de meeste voorkomende vragen ‘hoeveel kan ik maximaal lenen?’, ‘wat zijn mijn maandlasten als ik een bepaald bedrag wil lenen?’ en ‘hoeveel kan ik besparen als ik mijn huidige lening oversluit?’. De sterke punten en de producten van Santander worden kort en bondig beschreven, wat ervoor zorgt dat de gebruiker zonder lange lappen tekst te hoeven lezen zich een beeld van de bank kan vormen en het zo belangrijke vertrouwen wordt gekweekt.

Voor de verhoging van de conversie (het verhogen van het aantal aanvragen voor leningen) zorgden we voor meer directe links naar het aanvraag-proces op de juiste plaatsen, en in verband daarmee een verbetering van de productpagina’s. Deze zijn compact gehouden door het toepassen van een tabstructuur, zodat de gebruiker altijd weet waar hij zich bevindt en makkelijker de gewenste informatie kan vinden. In de rechterkolom is ruimte voor ondersteunende informatie zoals de meest gestelde vragen die voor dat product relevant zijn.

Van de hand van ontwerpbureau Acato kwam het visueel ontwerp en een klikbaar prototype, waarmee we een gebruikerstest deden met zes proefpersonen. We interviewden hen en vroegen hen taken uit te voeren om inzicht te krijgen in het gemak en de bruikbaarheid van ons ontwerp. De bevindingen hebben we weer verwerkt in het uiteindelijke interactieontwerp, dat door Techtribe is gerealiseerd.

Na lancering van Santander.nl, nam UNITiD ook het interactieontwerp voor Santander automotive en comfortcard op zich. De eerste richt zich als financieringsspecialist op de autobranche, de laatste op retailers die hun klanten meer betalingsmogelijkheden en service willen geven.