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

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.

Frog AGV Systems ontwerp en ontwikkelt AGV systems. AGV staat voor Automated Guide Vehicles of in het Nederlands: Automatisch Geleide Voertuigen. Deze voertuigen rijden probleemloos rond in bijvoorbeeld fabrieken, magazijnen en havens, supersnel, zonder te botsen en volautomatisch. In 2007 kreeg Frog de opdracht om een transportsysteem te ontwikkelen voor een groot ziekenhuis in de VS. Een zeer complexe omgeving. Een grote uitdaging vormde de bediening van het systeem. Waar eerder engineers en slimme software de voertuigen naar de juiste plek stuurde, daar zal nu het ziekenhuispersoneel verantwoordelijk voor zijn. Dit personeel reed voorheen linnengoed, maaltijden, medicijnen en afval met karretjes door de kelder. Nu gaan ze een systeem dat deze taak overneemt bedienen middels touchscreens en Pocket PC’s. Dat vroeg om een goed doordacht interactieontwerp.

Ontwerp

Het ontwerp bestond uit twee onderdelen. Een interface voor een 15′ touchscreen en een interface voor een Pocket-PC. Met het 15′ touchscreen konden de voertuigen vanuit verschillende depots naar alle uithoeken van het ziekenhuis verstuurd konden worden. De Pocket-PC informeerde de operators van bepaalde gebouwen dat voertuigen onderweg waren, wat deze vervoerden en in welke kamer de vracht uiteindelijk afgeleverd moest worden.

90% van alle zendingen is eenvoudig. Afval gaat altijd naar de afvalverwerking, linnen naar de wasserij, borden en bestek terug naar de keuken. De acties die hiervoor uitgevoerd moeten worden zijn minimaal. Operators zien nauwelijk meer knoppen of mogelijkheden dan op dat moment nodig is. De interface biedt echter ook uitgebreide functionaliteiten voor Supervisors. Een uitgebalanceerd ontwerp dat voor diverse rollen geoptimaliseerd is.

Ontwerp proces

Van elke rol van het bedienend personeel werden personas gemaakt. Door middel van scenarios werd de toekomstige situatie in beeld gebracht. De scenarios werden verder uitgewerkt in Flow Diagrams. De user interface werd in een groot aantal page elements en wireframes gedefinieerd. Van de wireframes werd een prototype gemaakt die in een gebruikers test op locatie met de verschillende gebruikers is getest.

Analyse

Voor on site interviews met eindgebruikers was geen tijd binnen dit project. Wat we wel konden doen is het in kaart brengen van de wensen en behoeften van DSM Dyneema. Daarom hebben we wat ‘huiswerk’ toegestuurd. We vroegen naar hun mening over vergelijkbare websites, waarbij ook sprake is van ‘ingredient marketing’. Zoals bijvoorbeeld Intel, en Kevlar handschoenen. Hierdoor kregen we alvast een goed beeld over wensen voor navigatie en presentatie.

Hoe werkt een cardsort sessie?

Om binnen beperkte tijd de grote hoeveelheid content en functionaliteit in de website een goede plaats te geven, hebben we een cardsort sessie gedaan met DSM Dyneema. Hierdoor konden we snel een goede sitemap creëren als startpunt voor het ontwerp.

Stap 1: Consensus over de inhoud

De inhoud van de projectdocumentatie en de huidige website hebben we vertaald naar steekwoorden op kaarten. Deze flinke stapel kaarten namen we eerst door, samen met DSM Dyneema. Eén voor één neemt iemand een kaart, en beschrijft wat volgens hem of haar bedoeld wordt met het steekwoord. Bijvoorbeeld: CONTACT, wordt dit een pagina met contactgegevens, of een contactformulier? Komt er een algemeen emailadres, of verschillende per afdeling een aparte? Misschien moeten klanten contact op kunnen nemen met een representant in hun regio?

Stap 2: Groeperen van kaarten

Nadat overeenstemming is bereikt over de onderdelen die in de website aanwezig moeten zijn, en wat deze betekenen, kunnen de kaarten in groepjes gesorteerd worden in een menustructuur. Aan het einde van de cardsort sessie hadden we een duidelijk beeld gekregen van de inhoud en structuur van zowel de eindgebruiker websites als de licentiehouders community. Resultaten werden door deelnemers in de sessie toegelicht en we legden ze vast op foto zodat we ze konden  vertalen naar een sitemap.

Ontwerp

Dankzij de inbreng van DSM Dyneema konden we nu een sitemap en homepage ontwerp maken, waar iedereen zich betrokken bij voelde.

Sitemap

De sitemap is een visualisatie van de sitestructuur en daarmee een goed middel om te controleren of de inhoud juist en compleet is.

Homepage en navigatie

Tegelijkertijd met de sitemap werd de eerste versie van de homepage voor zowel Dyneema DSM eindgebruikers als voor de licentiehouder community ontworpen. In schetsstijl werd de eerste versie vastgelegd, zodat de feedback zou gaan over navigatie en layout en niet over de details van het ontwerp.

Met de feedback van DSM Dyneema konden we verder met het ontwerp van een finale versie van de sitemap en het ontwerp van de homepage en overige pagina’s.

Prototype

Om iedereen in het projectteam een goede indruk te geven van het ontwerp zijn beide websites vertaald naar een klikbaar prototype. Daarnaast is het ontwerp beschreven in een interactie document met specificaties voor de ontwikkelaars.

Resultaat

Met het visuele concept van Southparc vertaald vertaald door Resoluut, hier dan uiteindelijke resultaat: Gloves with Dyneema