16 april 2016 • april 16, 2016 at 10:02 pm Qdraw

What’s next, Creating a smart city

Een half jaar voordat de afstudeerperiode is begonnen hebben we onze opdracht samengesteld. Bij ons op school is het gebruikelijk om samen af te studeren. De opdracht houd in dat we mensen die de stad gaan bezoeken op een betere manier gaan bedienen dan een folder, website en een traditionele tour door de stad, in ons concept speelt onderweg zijn een belangrijke rol. Deze opdracht hebben we gepitcht bij de VVV ‘s-Hertogenbosch en de gemeente Den Bosch. Vanaf het eerste moment zagen zij hier een kans in city-experience te verbeteren. Om met een innovatiever product te komen hebben we er voor gekozen om dit project in samenwerking met het internetbureau Colours te gaan uitvoeren. Tijdens deze afstudeerperiode zijn we aan het experimenteren geweest met nieuwe technologieën zoals Augmented-reality, locatie gebaseerde content, iBeacons/Eddystones en geolocatie.

Het What’s Next-moment

Het concept What’s Next is volledig gebaseerd op onderzoek. Op basis van dit onderzoek is gebleken dat er in de stad vaak mensen rondlopen die ergens naar toe gaan en dan vervolgens niet zo goed weten wat men hierna kan gaan doen. Dit is een cruciaal moment op de dag. Op dit moment wordt er besloten What’s Next? Wanneer er dan niks gebeurt dan wordt er vaak voor gekozen om naar huis te gaan, of te gaan winkelen. Om op dit moment iets onverwacht te laten gebeuren zijn we het het concept What’s Next gekomen. Ons concept richt zich op de persona rondkijker. Een persona is een archetype gebruiker die interesse heeft voor cultuur en architectuur.

Lagen van het What’s Next-concept

De drie lagen van het concept vullen elkaar optimaal aan en zorgen ervoor dat zowel de rondkijker als de citytripper optimaal worden bediend.

De analoge laag

Doormiddel van iconificatie wordt er een upgrade gegeven aan het huidige systeem. Er wordt een verbeterslag gemaakt in de city-navigatie. Een belangrijke inspiratiebron van deze upgrade zijn het WalkNYC-project uit New York en het Legible London-project. Zo wordt het makkelijker om naar de verschillende locaties toe te gaan.


What's next, creating a smart city ; | foto 1

De digitale laag

Wanneer de bezoeker met de auto naar de stad komt heeft die een parkeerticket. Hoe zou het zijn om van dit ticket je persoonlijke ticket naar Den Bosch te maken. Om deze kaart te activeren zijn er op verschillende plekken digitale schermen aanwezig die de bezoeker laat starten met deze persoonlijke city-experience. Op basis van voorkeuren wordt er doormiddel van de digitale en de hybride laag een depersonaliseerde route voorgesteld. Zo maakt iedereen gebruik van één systeem, maar iedereen heeft een persoonlijke ervaring.

Naast de personificatie van het systeem wordt de bezoeker ook geholpen met de navigatie door de stad. Op deze manier zijn is er een overzicht van de highlights en de plekken die het bezoeken waard zijn.


What's next, creating a smart city ; | foto 2

De hybride laag

Door de ticket met de telefoon te scannen neem je deze unieke en persoonlijke ervaring mee. Wanneer je op het terras zit en een What’s Next-moment wilt hebben hoef je alleen maar de ticket te scannen. Op deze manier vullen de lagen elkaar aan.


What's next, creating a smart city ; | foto 3

What’s next voor ons 🙂

De volgende stap in het proces is om een high fidelity prototype te ontwikkelen van deze drie lagen. In de volgende weken gaan we hier mee aan de slag.

Dit bericht is geschreven door: Dion

Tags: ,

Gecategoriseerd in:

23 januari 2015 • maart 25, 2024 at 6:32 pm Qdraw

Toepassen van de Informatie architectuur

Met informatie architectuur wordt de inhoud georganiseerd. In dit artikel schrijf ik over het uitwerken van de informatie architectuur tot een wireframe mockup.

Interaction design (IxD) is een vakgebied dat zich richt op het gedrag tussen mens en computer. Interactie is een wederzijdse actie, een wisselwerking. Interaction Design is er voor de structuur en het gedrag van interactieve systemen.

Interaction Design en Informatie Architectuur werken samen. Wanneer er wijzigingen in de informatie architectuur is zal dit onmiddellijk in het interaction design merken.

Hoe maak ik optimaal gebruik van Interaction Design

Door het gebruik maken van conventies wordt de leercurve van de site verkort. Over de hele wereld zijn conventies aanwezig. Op het web zijn bewuste en onbewuste afspraken gemaakt. Deze conventies zorgen voor affordance (verwachtingen) van een object. Door te kijken naar het werk van anderen kom je achter deze conventies. Je mag deze conventies alleen breken als jouw oplossing beter is.

Met een consistente lay-out, consistente interactie en consistent taalgebruik voorkom je tegenstrijdigheden en maak je het makkelijker voor de gebruiker. Door objecten op dezelfde manier te gebruiken weet de gebruiker wat wat is.

Leg de nadruk op user experience door te analyseren welke functies wel nuttig zijn voor de gebruiker en welke functies nooit worden gebruikt. Je kunt hier achter komen door gebruikerstests te houden. Verwijder onnodige features en maak van grote complexe taken meerdere taken.

Maak het de gebruiker makkelijker. Laat de gebruiker zich concentreren op het werk in plaats van op de user interface. Voorkom dat de gebruiker na hoeft te denken over de interface, zo voorkom je dat de gebruiker moet gaan puzzelen.

Laat de status van het systeem altijd zien. Wanneer de status van het systeem zichtbaar is dan is dit duidelijk voor de gebruiker wat er gebeurd. Zo hoeft de gebruiker niet te gissen naar mogelijke handelingen en dit zorgt voor een betere user experience.

Help de gebruiker fouten voorkomen. Geef duidelijke feedback op fouten van de gebruiker. Door de gebruiker zelf de fouten ongedaan te laten maken voorkom je veel ergernissen.

Op basis van de Informatie architectuur weet je de hiërarchie in het ontwerp. In de informatie architectuur staat wat belangrijk is en wat minder belangrijk.

Hoe werk ik de wireframes op basis van de informatie architectuur uit?

Op basis van de informatie architectuur wordt de hiërarchie van de inhoud bepaald. Op deze manier wordt de inhoud geordend. Mocht de informatie architectuur niet consistent zijn pas je dit dan aan. Het Interaction design moet je dan natuurlijk ook weer op de informatie architectuur aanpassen.
Denk vanuit het Mobile First-principe en werk op basis van een mobiel naar desktop-scherm. Ontwerp daarom eerst de mobiele versie van de website en bouw deze uit naar een desktop versie.

Maak de Wireframe op basis van de informatie architectuur. De informatie is al verzameld en maak hier ook gebruik van. Werk op papier zodat je veel versies kunt maken en experimenteren. Wanneer je één of meerdere versies hebt waar je tevreden over bent werk je deze wireframes digitaal uit.

Toepassen van de Informatie architectuur ; iA, informatie architectuur, IxD, interaction design, Visual Design, VD | foto 1

Dit bericht is geschreven door: Dion

Tags: , , , , , ,

Gecategoriseerd in: