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)

Yes, another post in English, especially for all interaction designers out there using OmniGraffle. We are planning a “Tools” section especially for everybody involved in UX. We have a major update of iPrototype on the way and maybe you have missed our OmniGraffle gesture stencil

Most of us use OmniGraffle for making flows and documenting wireframes (documenting, not drawing, but that is another post) and our documents tend to get long, like over 50 pages. A table of contents would be nice, but this button is not in OG…. Since I started using OmniGraffle a few years ago I already was searching the web for a solution, but found nothing really useful until last week. I improved the method and now it is possible to create a ToC in a single click. Great until OmniGraffle 6 comes out (it is in there, right?).

I found this post, from a guy called Joshua Dickens. An AppleScript that automatically generates a TOC from all your canvases. Nice, thanks Josh. I made some improvements to the page numbering. This was not working out for our documents as the order of the canvases in a document has nothing to do with the canvas ID. Also I added some easy configuration and a multiple column layout and of course some oral feedback, as this is the first AppleScript I have written .

Can’t wait?

Download the script

What does it do

• Adding a Table Of Contents of all your canvases to the second canvas of the document based on the Canvas Title
  You can change it to the first or third or every canvas you like. You probably figured out to use “<%Canvas%>” as a canvas title.
• If the list gets too long (you decide how long it should be) it automatically creates a new column. Ideal for landscape documents, like ours.
• I you open the document in presentation mode (View > Start Presentation) or export as PDF, the TOC will link to the page. How cool (thanks agian Joshua, that’s his part)

How to use it

Configure

I advice to first change the script so it will fit your page setup and style

1. Download the script and unzip
2. Open “Create Table Of Content.scpt” with AppleScript Editor
3. Change configuration. See the script comments for explanation. The default values are based on our company template, which is probably different from yours.
4. Open an OmniGraffle document
5. Create an empty second canvas
6. Run the script
7. Tweak configuration

Getting easy access to the script

1. Open your AppleScript Editor (of course using Launchbar, Quicksilver or spotlight if you will)
2. Go to preferences, tab general and select “Show script menu in the menu bar” and show computer scripts at the top
3. Open Omnigraffle (we use OmniGraffle Pro 5.2.3 at the moment)
4. Click  in the menu bar and select “Open Scripts Folder > Open OmniGraffle Pro Script folder”
5. Drop your unzipped file in the folder
6. Restart OmniGraffle

From now on, just do this

1. Open any OmniGraffle document
2. Make some space on the second canvas
3. Run the script using the icon in the menu bar

There's always a next train, cc Keoki Sue

Enerzijds bevinden we ons in onze eigen wereld wat ons asociaal maakt naar onze omgeving. Anderzijds zijn we in deze virtuele wereld veelal bezig op sociaal vlak. Kan de smartphone er ook voor zorgen dat we juist naar onze directe omgeving omkijken? Wij gaan hier nader in op de invloed van de smartphone op ons gedrag en welke applicaties juist inspelen op ons sociaal gedrag.

De invloed van de smartphone  op het gedrag van de gebruiker

De mobiele telefoon had een duidelijke functie; communiceren. Met de komst van de smartphone zijn de mogelijkheden enorm gegroeid en zijn er hedendaags talloze applicaties te downloaden. Zoals voorheen informatie online beschikbaar was via je pc, neemt de smartphone dit vanwege de mobiliteit nog een stap verder. Waar en in welke context we ons ook mogen bevinden, de toegang naar een grote hoeveelheid informatie ligt in de palm van je hand. Dat dit vraagt om een hele andere manier van ontwerpen hebben we al eerder beschreven in ontwerpen voor het mobiele web. De smartphone is een personal assistent geworden. Wanneer de batterij leeg is, voelen we ons nog meer onthand, dan bij onze oude telefoon, waar je alleen mee kon bellen.

Asociaal vs. sociaal gedrag

Hoe beïnvloed dit alles ons gedrag in de openbare ruimte? Door het gebruik van de smartphone balanceren wij tussen de actuele wereld en de virtuele wereld. Zo heb ik zelf laatst een trein gemist tijdens een overstap. Al mijn aandacht was gericht op mijn app. ‘Trein’ waardoor ik niet realiseerde dat ik op een heel ander perron was aangekomen.
Door de beschikking te hebben over alle informatie, is het plotseling niet meer noodzakelijk om contact te zoeken met andere mensen in de directe omgeving. Mijn iPhone is een betere assistent geworden dan de conducteur. (zolang ik dan wel blijf kijken op welk perron ik mij bevind natuurlijk…) Daarentegen is het mij meermaals overkomen dat ik mijn iPhone in de aanslag neem als een onbekende mij om raad vraagt. Zo moest een vrouw van 60+ laatst toegeven dat ze voor het eerst het voordeel in zag van ‘zo’n ingewikkeld ding’, toen ik haar kon vertellen welke bus ze moest nemen.

De smartphone zorgt voor nieuwe vormen van privacy binnen de openbare ruimte en nieuwe vormen om gemoedelijkheid en behaaglijkheid te ervaren binnen het publieke domein. Door het grijpen naar de smartphone gaan we onzekere gevoelens uit de weg en vormen we een protectieschild om ons heen; ‘Ik ben druk bezig met zaken die interessanter zijn dan hetgeen hier plaatsvindt…”
Dat de telefoon in het algemeen ons minder sociaal naar onze directe omgeving heeft gemaakt toont Renny Gleeson op grappige wijze in een kort filmpje op TED.

Haaks op het asociale gedrag staan de sociale netwerken als Twitter, Facebook en LinkedIn waarmee we druk bezig zijn om ons in de virtuele wereld sociaal te bewegen. Wereldwijd hebben al bijna 500 miljoen mensen een facebook account en spendeert de gemiddelde gebruiker wel 55 minuten per dag op Facebook is te lezen op trendwatching.com. Terwijl we ons distantiëren van de personen in de directe omgeving kunnen we eenvoudig contact leggen met personen op afstand.

Location based social services

Relatief nieuw zijn de applicaties die men niet alleen sociaal doet bewegen maar ook gericht zijn op de context waarin je je bevindt; Location based social services. Zo kun je met Twitterplaces zien door welke mensen in jouw omgeving een tweet is geplaatst. Via Foursquare, Gowalla of de Nederlandse variant Feest.je kunnen gebruikers inchecken, op locaties waar ze zich bevinden. Hiermee kan men gemakkelijk vrienden maar ook onbekenden ontmoeten. Als beloning ontvangen gebruikers punten en badges (beloningen in de vorm van het verwerven van een status)  en kunnen zij tips lezen van anderen.
Dat sommige applicaties echt de nadruk leggen op het sociaal bewegen in de actuele wereld viá de virtuele wereld blijkt uit nog minder bekende applicaties als Gatsby of het Nederlandse initiatief van LinkedIn ‘Open Coffee’, wat mensen samenbrengt voor een kop koffie op vrijdagochtend. Voor Gatsby dien je een Foursquare account te hebben en wordt je gewaarschuwd als er iemand in je buurt is met dezelfde interesses als jij.

Concluderend….

Gaan we massaal gebruik maken van het ontmoeten van mensen op deze geforceerde manier of blijft dit alleen voorbehouden aan hetzelfde type mensen dat houdt van ‘dating’ en ‘networkborrels’? Misschien komen er ook nog applicaties die ons sociale gedrag beïnvloeden naar onze directe omgeving op vrijblijvende en laagdrempelige wijze? Als ik dan weer mijn trein mis, kan ik in ieder geval gezellig met iemand samen wachten.

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.

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!

Wat doen ruim 2 miljoen mensen met hun iPad? Minstens 1 persoon gebruikt de iPad alleen in combinatie met klittenband blijkt uit dit filmpje. Kijk vooral even:

Maar er werd ook serieus onderzoek gedaan.

Cijfers van ChangeWave tonen aan dat de iPad voornamelijk wordt gebruikt voor de volgende 8 zaken:

1. websurfen
2. e-mailen
3. specifieke apps gebruiken
4. video kijken
5. e-books lezen
6. spelletjes spelen
7. tijdschriften lezen, en
8. muziek luisteren

In een grafiek ziet dat er zo uit:

Drie keer zo veel video
Als je het gebruik van de iPad vergelijkt met het gebruik van andere populaire apparaten, dan kun je nu al twee belangrijke conclusies trekken:

• iPad-gebruikers lezen ruim 3 keer zo veel kranten en tijdschriften op hun iPad als ‘gewone’ e-reader-gebruikers (ChangeWave 2010)
• iPad-gebruikers kijken 3 keer zo vaak video als traditionele websurfers en ruim 5 keer zo vaak als iPhone-gebruikers (Onderzoek MeFeedia, via readwriteweb)

Kijken of die getallen straks ook gelden in Nederland. Waarbij de belangrijkste vraag wordt of de verkoop met een zelfde vaart zal gaan als in Amerika. Als je de cijfers vertaalt*, worden straks in Nederland meer dan 100 duizend iPads verkocht in alleen al de eerste twee maanden.

We blijven het volgen.

* 2 miljoen iPads gedeeld door 300 miljoen (Amerikanen) keer 16 miljoen (Nederlanders) = 106.667 iPads en een beetje.

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.

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.

WIRED’s digitale magazine

In februari presenteerden WIRED en Adobe hun tablet versie van WIRED magazine. Een prachtige werkende applicatie voor tablets met Adobe AIR. Video, animatie en slimme interacties laten zien wat digitale magazines ons binnenkort gaan brengen.

Sports Illustrated

De visie van Time Inc op tablet magazines.

Sports Illustrated – Tablet Demo 1.5

Bonnier Mag+ prototype

Al in december 2009 liet Bonnier haar visie op de toekomst van digitale magazines zien in deze indrukwekkende video.

Mag+ from Bonnier.

Binnenkort meer nieuws van UNITiD!