Het lange wachten wordt eindelijk beloond. Pas vanaf morgen is de iPad officieel in ons land verkrijgbaar, maar wij hebben hier niet stilgezeten. Al enkele maanden werken we aan het interactie ontwerp van de NU app. Een mooie uitdaging; breng de grootste nieuwssite van Nederland, NU.nl, naar de iPad. Combineer verschillende bronnen van nieuws, video, foto’s en live berichten in één applicatie. De app moet goed inspelen op de nieuwe mogelijkheden en consumptietijdstippen van de iPad.

Bekijk hier alvast een voorproefje van de app:

Lees ook even de eerste reacties in de appstore

Hij werkt super, Maakt geweldig gebruik van het scherm van de iPad, je kan precies doen wat ik hoopte dat het zou doen. (door ilno)

Nu.nl heeft weer een parchtige applicatie in de App Store gezet. De functionaliteit en de layout van de schermen zijn goed gekozen….Ze hebben de lat hoog gelegd. Ik hoop dat andere Nederlanse media prberen deze standaard te halen en waar mogelijk te overtreffen (door Hoedje)

Vis is gezond en lekker, maar het is niet altijd eenvoudig in te schatten welke vis verantwoord is om te kiezen. Niet alle vis kunnen we onbeperkt eten, sommige vissen zijn zo zwaar bevist dat ze dreigen uit te sterven. Het WNF en Stichting De Noordzee willen consumenten en ondernemers in de visketen informeren, stimuleren en inspireren om te kiezen voor vissoorten die niet overbevist worden of die op een milieuvriendelijke manier worden gekweekt.

Daarvoor zijn al een website en een papieren VISwijzer beschikbaar, en sinds kort ook een iPhone app. UNITiD is verantwoordelijk voor het concept, interactie ontwerp en grafische uitwerking. De app is ontwikkeld door The Mobile Company.

Via de iPhone app kan informatie over vissen worden opgezocht en eenvoudig worden gedeeld met anderen. De belangrijkste vragen over de VISwijzer zijn opgenomen in een vraag-en-antwoord overzicht. Bovendien heeft de gebruiker de mogelijkheid feedback te geven aan het WNF, wanneer een vis bijvoorbeeld niet in de VISwijzer te vinden is. Een tell-a-friend functie mocht natuurlijk niet ontbreken, en is dus ook ingebouwd. Daarnaast heeft de gebruiker de mogelijkheid éénmalig €1,- aan het WNF en Stichting De Noordzee te doneren via SMS, of donateur te worden van het WNF via een webformulier.

Tijdens de conceptfase zijn er nog veel meer functionaliteiten bedacht die het helaas niet hebben gehaald naar deze release. Zo zijn we bezig geweest met een recepten op basis van goede vissen. Helaas is ook de restaurantzoeker niet in deze release meegekomen, omdat er nog niet genoeg restaurants zijn die MSC-gecertificeerd zijn. Misschien dat deze functies in toekomstige releases nog worden toegevoegd.

Architectuurgids MIMOA is vanaf nu ook beschikbaar op de iPhone. De MIMOA app is gebaseerd op MAPPS, de unieke en flexibele iPhone app die UNITiD heeft ontwikkeld in samenwerking met Elements Interactive en HBMEO.

MIMOA is de online gids voor moderne architectuur. De site bevat een paar duizend projecten die continu worden aangevuld door bezoekers. Ieder project wordt getoond op een kaart en bevat, naast een omschrijving, prachtige foto’s van het object. Verder zijn kenmerken als de architect, het bouwjaar en de functie terug te vinden.

Met de komst van de MIMOA app heb je nu overal beschikking over deze gids. Moderne architectuur in je binnenzak! Met behulp van Google Maps zijn alle projecten en hun locatie te vinden. Overal ter wereld is het mogelijk om met één druk op de knop te bekijken welke projecten er in jouw buurt zijn. Daarnaast kun je de app te gebruiken zonder internetverbinding omdat alle informatie (behalve kaarten en afbeeldingen) op de telefoon zijn opgeslagen. De app kost € 1,59 is hier te vinden in de app store.

Wil je net als MIMOA dat  je klanten of bezoekers op elk moment en vanaf elke plek toegang hebben tot jouw gegevens? Dat kan met MAPPS! Het enige dat je nodig hebt is een database met locatiegegevens. Uiteraard kan een eigen huisstijl worden toegepast, zodat elke MAPPS applicatie uniek is. MAPPS kent 3 versies: 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!

Bol.com, één van de meest populaire internetwinkels in Nederland heeft sinds kort een nieuwe mobiele site. UNITiD verzorgde het interaction design en The Mobile Company was verantwoordelijk voor de implementatie.

Via deze mobiele winkel, m.bol.com, vinden klanten ruim 3,8 miljoen artikelen met behulp van de zoekmachine of door te bladeren door de verschillende product-categorieën. Naast het assortiment kunnen gebruikers zaken zien als sterrenbeoordelingen, toplijsten en tiplijsten. Dit helpt hen ook onderweg een goede keuze te maken uit het brede assortiment. Artikelen kunnen worden besteld (betaling via acceptgiro) of toegevoegd worden aan een verlanglijstje. Verder kunnen klanten, na inloggen, hun bestelstatus en het verlanglijstje zien.

Ontwerp

Op basis van assumptieve persona’s zijn verschillende gebruiksdoelen gedefinieerd, welke als basis dienden voor wireframes en user flows. Na analyse van de eigenschappen en mogelijkheden van de meest populaire toestellen en browsers zijn verschillende varianten van de wireframes uitgewerkt. De site past zich automatisch aan aan het mobiele toestel van de bezoeker waardoor altijd de best mogelijke mobiele winkelervaring gegarandeerd is.

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!

Jaarlijks wordt het centrum van iedere grote universiteitsstad overspoeld met hordes nieuwe studenten. Om hen wegwijs te maken in hun nieuwe stad biedt ABN AMRO een handige applicatie aan, de ABN AMRO STUDENT CITY GUIDE (en die titel past net niet helemaal onder het icoontje)

De iPhone app serveert een heel scala van functies die handig of nuttig kunnen zijn voor studenten en natuurlijk ook om de weg te wijzen naar de ABN AMRO voor de nodige financiele ondersteuning.

Xwits huurde ons in om van dit alles iets begrijpelijks te maken. Middels onze iPhone prototype methodes konden we snel onze ideeën inzichtelijk maken. Op onze beurt vroegen wij Resoluut om een na te denken over het grafisch ontwerp.

Zelf downloaden (niet alleen voor studenten)

Via Techtribe heeft UNITiD voor de nieuwe website van Schuberg Philis het interactie ontwerp gerealiseerd. Luis Mendo van GOOD Inc. heeft het ontwerp gemaakt en Techtribe heeft de website ontwikkeld. Voor hun nieuwe site wilde Schuberg Philis een hoge kwalitatieve uitstraling die past bij hun dienstverlening.

Ontwerp

De hoge kwalitatieve uitstraling wordt bereikt door prachtige fotografie, die volledig tot zijn recht wordt gebracht door de foto’s zo volledig mogelijk in de achtergrond weer te geven. UNITiD heeft hierbij aangegeven hoe het visuele met het informationele moet werken op verschillende formaten. Een functionele eis was namelijk dat de website in alle omstandigheden dezelfde hoge kwaliteit heeft, onafhankelijk van schermgrootte en/of platform. Denk hierbij aan aspecten als meeschalen van achtergrond en inhoud bij verschillende schermgroottes, en weergave van inhoud bij het scrollen van een pagina.

Structuur

Aan de hand van een sitemap is door UNITiD in kaart gebracht welke onderdelen waar op de site terecht moeten komen. Doelstelling hierbij was om een bondige site op te leveren die eenvoudig te navigeren is.

Fairmail is een bedrijf dat fair trade ansichtkaarten maakt. Kinderen uit India en Peru maken foto’s voor de kaarten en verdienen daarmee geld voor het volgen van een opleiding. UNITiD (interaction design), Resoluut (grafisch ontwerp) en Jerbys (techniek) hebben gewerkt aan het realiseren van de nieuwe website. Hierbij heeft UNITiD voor Fairmail in kaart gebracht wat goede mogelijkheden zijn voor de nieuwe website en vervolgens een structuur en interactie ontwerp opgeleverd.

Nieuwe Richting

Aan de hand van een brainstorm sessie is een nieuwe richting ingeslagen voor hoe de website van fairmail gebruikt kan worden. Tijdens de sessie werd er enerzijds vanuit verschillende doelgroepen naar het probleem gekeken, en anderzijds  vanuit de technische mogelijkheden. Er kwam naar voren dat de website dynamischer kan zijn, meer als een verkoopkanaal mag fungeren,  bezoekers meer moet betrekken in het kiezen van nieuw kaartmateriaal en de bezoeker meer binding met de fotografen moet krijgen. Vervolgens is er met deze wens een inventarislijst opgemaakt met welke onderdelen nodig zijn voor een goede webwinkel. Van hieruit is een structuur voor de website gemaakt en vervolgens het interactie ontwerp.

Ontwerp

In het ontwerp staan nu de kaarten, foto’s en fotografen centraal en hebben het bedrijfsprofiel, fotoreizen, nieuws en toegang voor retailers een eigen ingang op de website gekregen. Meer dyamiek wordt verkregen door onder andere het gebruik van een carousel dat steeds verschillende informatie en kaarten toont. Daarnaast is er wisselend een andere fotograaf in ‘the picture’ en worden steeds de nieuwste foto’s en kaarten getoond.

De website biedt bij elke kaart en foto gerelateerde informatie over overige kaarten en foto’s, fotografen. Het is leuker geworden om de collectie op Fairmail te gaan bekijken. Daarnaast kunnen bezoekers foto’s beoordelen en wordt ook inzichtelijk gemaakt hoeveel geld Fairmail heeft bijgedragen aan opleidingen van de fotografen. De nieuwe website richt zich nu meer op de kaarten, foto’s en fotografen en heeft nu een professionelere, dynamische uitstraling gekregen. Fairmail is in de eind ontwikkeling en je kunt het nu al bekijken.