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)

Wij proberen ons altijd in te leven in de gebruiker en de gebruiks-context en zijn daarom erg benieuwd naar andere toepassingen en situaties waarin de iPad gebruikt gaat worden. We gingen op zoek naar de mogelijkheden…

iPad inspiratiesessie?
Ben je benieuwd welke kansen de iPad biedt binnen jouw branche? Of heb je last van een goed idee? Boek ons voor een iPad-inspiratiesessie!
 
Mail gerust naar rick@unitid.nl of jaap@unitid.nl.

De iPad als keukenhulp

Op de iPhone hebben we de app van Jamie Oliver of Appie van Albert Heijn. Voor de iPad verschijnen ook steeds meer recepten-apps. Een mooi voorbeeld is de app van Epicurious.com. Dat veel mensen iets zien in de iPad als keukenhulp blijkt wel uit de hoeveelheid “iPad-in-keuken”-foto’s die we op het web tegenkwamen.

Het grotere scherm (ten opzichte van de iPhone) zorgt er natuurlijk voor dat je recepten nog beter kunt lezen en ook prima instructie-filmpjes kunt bekijken. Sommige mensen geven er misschien de voorkeur aan om hun laptop te pakken, maar een iPad op je aanrecht ziet er natuurlijk beter uit, neemt minder ruimte in en je hoeft je geen zorgen te maken dat er iets tussen je toetsenbord achterblijft.

iPad apps kunnen ook uitkomst bieden in andere situaties waarin een instructie(-filmpje) of stappenplan gevolgd moet worden en een laptop onhandig is. Denk bijvoorbeeld aan het in elkaar zetten van meubels, het repareren van je fiets, etc.

De iPad als home-controller

Als “connected-device” met een intuïtieve bediening is de iPad uitermate geschikt om de (ingewikkelde) bediening van andere apparaten binnenshuis over te nemen. Een mooi voorbeeld hiervan is de Xfinity Remote van Comcast, dat wordt getoond in het volgende filmpje.

Naast home-entertainment zou je ook nog kunnen denken aan andere domotica-systemen, zoals verlichting, verwarming, airco, alarm, enzovoort. Door deze systemen te koppelen wordt de iPad een home-controller waarmee je meerdere huishoudelijke apparaten kunt bedienen. Vanaf de bank, met hetzelfde device waarmee je surft en mailt.

In principe zijn alle apparaten en systemen in en om het huis kandidaat voor een koppeling met de iPad. Om op afstand te kunnen bedienen, om intuïtiever te kunnen gebruiken, of beide.

De iPad als reisgenoot

Behalve het gebruik binnenshuis verwachten we dat consumenten hun iPad ook mee op reis zullen nemen. Een laptop is vaak onhandig om mee te nemen, zowel wat betreft formaat als accessoires (lader, muis, etc.).

Naast boeken en magazines kun je ook je landen- of stedengidsen downloaden. Hoef je daar ook niet meer mee te slepen. Daarnaast kun je, aangezien campings en hotels tegenwoordig steeds meer voorzien zijn van WiFi, ook ter plaatse nog zoeken naar bezienswaardigheden en dingen om te doen. We zien ook hier en daar iPads gebruikt worden als autonavigatie en verder zijn er natuurlijk apps om jezelf of je kinderen bezig te houden tijdens de reis.

iPad als vervanger van professionele apparaten

Doordat de software relatief goedkoop ontwikkeld kan worden kan de iPad in sommige gebieden ook de concurrentie aan met duurdere (semi)professionele apparaten. Soms als volwaardige vervanger, soms als aanvulling. De meeste voorbeelden hiervan hebben we gevonden in de sector licht-en-geluid en net als bij de home-controller vaak om andere apparaten of systemen op afstand te besturen.

Hoewel het vaak vanuit gebruikersperspectief beter is een device te hebben dat helemaal rondom de taken en doelen van de gebruiker ontworpen is, lijkt de iPad met name geschikt om apparaten te vervangen waarbij directe manipulatie en feedback op het scherm belangrijk is. Voorbeelden hiervan zijn de schuiven op een licht-mengpaneel en nautische kaarten voor de watersport.

Een ander voorbeeld van directe manipulatie vinden we bij de Japanse Dr. Maki Sugimoto die de mogelijkheden onderzoekt om de iPad tijdens operaties in te kunnen zetten. Onderstaand filmpje toont hoe er in 3D door CT-scans van patiënten genavigeerd wordt.

iPad als leermiddel

Naast dat je er natuurlijk fantastisch games op kunt spelen, maakt het feit dat de eenvoudige bediening makkelijk door kinderen opgepakt kan worden de iPad ook geschikt om spelenderwijs te leren.

Voor volwassenen krijgen we natuurlijk braintraining aangeboden, maar ook cursussen en oefeningen met foto’s en video’s (veiligheidstrainingen, verkeerstheorie, etc.) zijn mogelijk. Verder leent de iPad zich er door koppeling tussen directe manipulatie en visuele feedback bediening goed voor om op een natuurlijke manier bijvoorbeeld piano te leren spelen.

Verder…

…kwamen we nog een een groot aantal andere voorbeelden tegen, waaronder:

• de iPad als presentatietool: om je product of demo aan klanten te kunnen tonen;
• bladmuziek op de iPad: makkelijk naar het volgende blad;
• in combinatie met kleine broer iPhone;
• als setlist tijdens een optreden.

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.

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)

De tijd dat we alleen knoppen of schakelaars tot onze beschikking hebben bij het bedienen van apparaten ligt ver achter ons. Hoewel we nog dagelijks muizen en toetsenborden gebruiken is het gebruik van touchscreens behoorlijk toegenomen. We ‘touchen’ of ‘tappen’ bijvoorbeeld op onze telefoon, ons navigatiesysteem en om een kaartje voor het openbaar vervoer te kopen. Een echt lekker Nederlands woord hebben we er nog niet voor gevonden (aanraakscherm? aanraken?). Het ontwerpen voor touchscreen interfaces brengt wel wat uitdagingen met zich mee, maar ook veel ontwerpvrijheid, zeker als je ook nog eens een groot touchscreen als de Microsoft Surface tot je beschikking hebt. In onderstaand TED-filmpje gaan ze nog een stap verder; de hele wereld als interface. Lopen we straks allemaal ‘touchend’ door de Albert Heijn of de boekenwinkel om informatie over onze volgende aankoop te krijgen?

Update: nog een TED video hierover van Pranav Mistry zelf.

Ontwerpen voor de mobiele gebruikscontext

Waar het bij een gewone website redelijk goed te voorspellen is in welke omgeving de gebruiker zich bevindt wanneer hij de site bezoekt, kan het bij mobiel zo ongeveer overal zijn. In een volle tram, op de fiets, op het toilet en ga zo maar door.
De tijd en aandacht die gebruikers hebben voor de mobiele site of applicatie is daardoor zeer beperkt. Bovendien kan het gebruik onderbroken worden doordat gebruikers worden afgeleid door andere taken of impulsen vanuit de omgeving. Daarom is het van belang de structuur zo simpel mogelijk te houden en de navigatie zo te ontwerpen dat het gebruikers voldoende houvast biedt.
Om tegemoet te komen aan de beperkte tijd en aandacht van mobiele gebruikers is het aan te raden zoveel mogelijk te focussen op hun behoeften en alleen die informatie aan te bieden die zijn in hun mobiele context nodig kunnen hebben. Anders dan achter een computer zijn in de mobiele gebruikscontext ook (en vooral) tijd- en plaats-gerelateerde zaken van belang. Mobiele gebruikers zijn vaak op zoek naar informatie die hen op die plaats, op dat moment uit de spreekwoordelijke brand helpt. Laat dat ook net hetgeen zijn waar mobiel goed in is; veel mobiele telefoons kunnen met GPS bepalen waar je bent, je draagt je telefoon bijna altijd bij je en in slechts enkele seconden heb je een browser (of app) opgestart.
Kortom, de mobiele gebruikerscontext stelt hele andere eisen aan het ontwerp en het volstaat dus niet om een bestaande website met een soort handheld stylesheet geschikt te maken voor mobiel. Het is belangrijk voorafgaand aan het ontwerpen je te verdiepen in de mobiele behoeften van je doelgroep. Het gebruik van scenario’s en/of persona’s helpt bij het selecteren van de juiste functies en informatie voor de beste mobiele user experience.

Ontwerpen voor mobiele devices

Hoewel het ontwerpen voor de desktop ook vele onzekerheden kent kunnen we er eigenlijk altijd wel vanuit gaan dat een schermresolutie van 1024×768 pixels ondersteund wordt, dat we weten waar de vouw van de pagina ongeveer terechtkomt en dat gebruikers een muis en een keyboard tot hun beschikking hebben. Bij mobiel is dit lastiger; mobiele devices verschillen sterk in schermgroottes, er zijn verschillende inputmogelijkheden (numerieke toetsen, ‘pointers’, qwerty-toestenborden, touchscreens, etc.), verschillende besturingssystemen en dito browsers.
Gelukkig is het niet nodig voor ieder device dat op de markt is een apart ontwerp te maken. Ook hier is het van belang je te verdiepen in de doelgroep om de mogelijke devices die gebruik gaan maken van de site of applicatie te achterhalen (zeker als je overweegt een applicatie te maken omdat dit je doelgroep nog smaller maakt). Ook bij mobiele sites vallen sommige devices al snel af vanwege hun beperkte of verouderde mogelijkheden en zelfs als je het aantal beperkt houdt kun je toch snel een groot gedeelte van de doelgroep voorzien.
Om het ontwerpproces eenvoudiger te maken kun je de geselecteerde devices indelen in categorieën. Omdat bij mobiele devices de schermbreedte van het scherm belangrijker is dan de lengte kun je dit als basis gebruiken voor de categorisering. Natuurlijk spelen ook de inputmogelijkheden en rol hierbij.

Meer weten?

Wil je meer weten over hoe wij ontwerpen voor mobiel of heb je hulp nodig bij het neerzetten van de beste mobiele user experience neem dan contact met ons op!

Naast recensies van zo’n 1000 bijzondere, onderscheidende restaurants, bevat de nieuwe site een dagelijkse blog met vers nieuws voor foodies en een webshop met culinaire boeken. Later deze zomer zal specialbite.com nog worden uitgebreid met de onderdelen Travel en Events.

Om bezoekers meer bij de site te betrekken zijn er verschillende mogelijkheden voor interactie tussen SpecialBite, de sitebezoekers en de eetfanaten die restaurants selecteren en recenseren, ook wel SpecialBite-spotters genaamd. Deze spotters hebben een profiel op de site, zodat de bezoekers ze leren kennen. Bovendien kunnen de bezoekers eigen ervaringen en waarderingen toevoegen én – met een eigen profiel – een persoonlijke restaurantgids samenstellen.

‘De zomer van 2009 wordt gebruikt voor doorontwikkeling van de site: het fine tunen van de zoekmogelijkheden, het toevoegen van nieuwe functionaliteiten – zoals het volgen van je favoriete spotters – en het uitbreiden van het informatieaanbod,’ zegt Mireille Derks, uitgever van SpecialBite.

Hieronder een voorbeeld.

Het grootste voordeel van userfly is dat het een goedkope en eenvoudige manier is om inzicht te krijgen in wat website-bezoekers zoal doen. Het vergt echter wel wat tijd om alle opnamen te bekijken en interpreteren.

Het grootste nadeel vind ik dat je alleen ziet wat een bezoeker doet, maar je mist daarbij de achterliggende gedachten, de mogelijkheid om vragen te stellen (en doorvragen) en de non-verbale communicatie.

Ik vraag me ook af hoe het zit met privacy; je zou kunnen meekijken hoe iemand zijn credit-cardgegevens aan het invullen is, bijvoorbeeld. Als je iets wilt testen dat niet ‘openbaar’ is (zoals een demo of bijvoorbeeld een intranet) heb je dat probleem in ieder geval niet. Hierin zit volgens mij ook de meeste toegevoegde waarde van userfly. Bijvoorbeeld door de userfly code toe te voegen aan een ‘live’ demo/prototype en je doelgroep (via e-mail, twitter, forumpost, etc.) te vragen een simpele, eenduidige taak uit te voeren. Als ze daarnaast ook nog wat feedback terugsturen kun je, door dit te combineren met de opnamen, al een aardig beeld krijgen. Je zou zelfs de feedbackmogelijkheid (en additionele vragen) al kunnen inbouwen in het prototype zelf.

Een gratis account geeft je de mogelijkheid om per maand 10 opnamen te bekijken, voor meer zul je moeten gaan betalen en dan kun je ook terecht bij concurrent clixpy.com