Design This!! !!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Kwartaal 2! Martijn Vermeulen! ! CMD3D! Blog:

! ! ! !

Design This!! Kwartaal 2!

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !

Martijn Vermeulen! 0849989! CMD3D! Blog: www.martijnvermeulen.com/designthis  Martijn Vermeulen - 0849989 - CMD3D

1

Inhoudsopgave!

! !

Inhoudsopgave!

2!

1. Eindpunt kwartaal 1!

3!

2. Dare This 1 kwartaal 2!

4!

3. De applicatie!

7!

4. Inspiratie!

9!

5. Schetsen!

11!

6. Les 27 mei 2014!

16!

7. Koppelingen en ecosysteem!

17!

8. Prototype voor Dare This! 3 juni 2014!

19!

9. Dare This! 3 juni 2014 (testen eerste prototype)!

20!

10. Wireframes!

22!

11. Gesprek 17 juni 2014!

27!

12. Visuals!

28!

13. Prototype!

42!

14. Test 2: Dashboard!

43!

15. Test 3: Instellingen koppelingen en privacy!

45

Martijn Vermeulen - 0849989 - CMD3D

2

1. Eindpunt kwartaal 1!

!

Hoe nu verder?! Het volgende kwartaal gaan we natuurlijk verder met dit concept. Volgende stappen die genomen moeten worden zijn het ontwerpen van de omgeving, de applicatie. Dit gaat een iPad applicatie worden, die later ook uitgebouwd kan worden naar een applicatie voor een smartphone en bijvoorbeeld een website voor op je desktop. Zo is alles goed te bereiken, op elk device. Ik wil beginnen voor de iPad omdat dit een schermformaat heeft die ideaal is voor het tonen van informatie. De ‘basis’ omgeving bevat de omgeving waar standaard elementen staan en je apparaten kan toevoegen.  Wanneer ik de omgeving af heb wil ik deze voor een of twee apparaten invullen, bijvoorbeeld voor producten in de koelkast en de plantenbak, zodat er een goed beeld van te krijgen is hoe het gaat werken en het eruit gaat zien. Hiervoor moet ik kijken welke data er allemaal beschikbaar is van deze apparaten en hoe je dit gebruiksvriendelijk en eenvoudig in de applicatie kan verwerken.  Ik wil me dit kwartaal richten op het ontwerpen van deze omgeving. Het bouwen van deze omgeving en eventuele API’s die hieraan gebonden zijn ligt niet binnen het doel van dit kwartaal.!

! !


3

2. Dare This 1 kwartaal 2!

! !

Tijdens de eerste les van dit nieuwe kwartaal zijn we gelijk begonnen met een Dare This!. Tijdens deze bijeenkomst hebben we de modulewijzer doorgenomen.!

!

Vervolgens zijn we in groepjes aan de slag gegaan met het maken van storyboards van ons concept. Aan de hand van een template voor storyboarding moesten we ons concept omschrijven. Mijn omschrijving hiervoor is hieronder te vinden:!

!

Vervolgens moesten we in groepjes je briefing doorgeven en werd er door een klasgenoot een eerste versie van het storyboard gemaakt. De template voor dit storyboard was 1. De doelgroep, 2. De huidige situatie, 3. De doelgroep die het product gebruikt en 4. Hoe de gebruiker zich voelt na het gebruiken van je product.!

! !


4

Het eerste storyboard wat gemaakt is zag er zo uit:!

Het tweede storyboard wat gemaakt is zag er zo uit:!

Wat opvalt is dat de eerste persoon het als een voordeel geschetst heeft en persoon twee als een hulpmiddel die veel ‘harder’ is, door in een keer alles uit te zetten van iedereen, omdat ze haar gesprek niet kan horen door de telefoon. Beide storyboards komen overeen met het concept. Vervolgens heb ik ook mijn eigen storyboard van mijn concept getekend. Deze is hieronder te zien.! Martijn Vermeulen - 0849989 - CMD3D

5

In het eerste plaatje is de doelgroep te zien. De doelgroep heeft een eigen huis en heeft een tablet om de app op te draaien. Het tweede plaatje geeft aan dat er een tal van smart objecten binnen het huis aanwezig zijn, maar dat deze allemaal hun eigen systeem heeft en op een andere manier worden beheerd. Het derde plaatje geeft weer hoe de gebruiker de app gebruikt en nu vanuit 1 punt controle heeft over alle smart objecten in huis. Het laatste plaatje geeft aan dat de gebruiker blij is dat hij nu alles eenvoudig vanuit 1 plek kan instellen en beheren.!

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !


6

3. De applicatie!

De applicatie die ik ga maken draait op een iPad. De iPad is een centraal product in de huiskamer. Hij is groot genoeg om informatie op te tonen en handzaam genoeg om overal in het huis te gebruiken.!

!

Vandaag heb ik op een groot vel geschreven wat de kern van het concept is. De titel van het product is InControl, beheer al je smart objecten binnen huis vanuit 1 overzichtelijke en eenvoudige omgeving. De doelgroep zijn mensen met een huis waarin smart objecten aanwezig zijn. Het gewenste effect is een huis met smart objecten en blije bewoners omdat ze vanuit 1 omgeving al hun smart objecten kunnen beheren en instellen. Het is dus veel eenvoudiger geworden voor de bewoners.  Hier heb ik ook de volgende stappen beschreven. Eerst wil ik de functionaliteiten voor de app op een rijtje zetten, vervolgens inspiratie zoeken, schetsen, wireframing, visual design, testen en een prototype maken. De planning hiervoor is hieronder in de afbeelding te vinden.!

! ! ! ! ! ! ! ! ! ! !


7

Ik heb ook een soort van sitemap gemaakt voor de applicatie. Deze is hiernaast te vinden:!

!

Daaronder heb ik ook al een aantal kleine schetsjes gemaakt van een eventuele interface van de applicatie.!

!


8

4. Inspiratie!

! !

Voor de applicatie ben ik inspiratie gaan zoeken voor de applicatie. Hieronder zijn een aantal inspiratie afbeeldingen te vinden die ik heb gevonden.!

! Martijn Vermeulen - 0849989 - CMD3D

9

!

! ! ! ! ! ! !


10

5. Schetsen!

! ! Voordat ik ben gaan schetsen heb ik eerst nagedacht over wat er in de applicatie moest komen.! !

Ik blijf bij mijn keuze om voor een iPad te gaan ontwerpen. Het is een apparaat met een groot scherm wat ideaal is om veel data en informatie op te tonen. In een later stadium zou ook een iPhone applicatie ontworpen kunnen worden. Voor bijvoorbeeld het aan en uit zetten van de verlichting is een telefoon die je altijd bij je hebt handiger. Maar om bijvoorbeeld de producten in de koelkast te tonen is een iPad applicatie makkelijker. Voor de iPhone zou dus nog een vereenvoudigde applicatie gemaakt kunnen worden. Maar dit kwartaal wil ik mij op de iPad applicatie storten en de iPhone applicatie even laten voor wat het is.!

!

In de applicatie heb je sowieso een inlogscherm waar je moet inloggen om bij jouw gegevens en apparaten te komen.!

!

Voor de algemene interface heb ik uiteindelijk gekozen om links het menu te maken. Dit heb ik uit de inspiratie gehaald die ik heb gevonden. Deze manier zorgt ervoor dat je een overzichtelijke interface hebt, waarbij de content makkelijk kan veranderen, waarbij het menu en de belangrijkste items altijd zichtbaar blijven.  In het menu staan de volgende dingen: Home, Producten en Instellingen. In deze balk onderaan staat verder je account. Door hierop te klikken ga je naar je account toe. Ook kan je in de linker balk een product toevoegen. In de balk boven aan de app staat het logo, de titel van de pagina, het icoontje voor notificaties en de zoekbalk om binnen de app te zoeken.!

!

Dan heb je de homepagina. Op deze dacht ik eerst een soort van dashboard weer te geven met informatie over de producten. Maar toen ik hier beter over na ben gaan denken zijn dit maar een beperkt aantal apparaten waar je dit over zou kunnen laten zien. Ook is deze informatie niet heel relevant om op de homepagina van de app te laten zien. Je hebt er niet veel aan om bijvoorbeeld te zien dat de temperatuur van je koelkast 7 graden is. Ik heb er toen voor gekozen om dit te veranderen naar actieve apparaten. Zo kan je snel en eenvoudig naar een actief apparaat gaan. Deze actieve apparaten zijn ook gesorteerd op je locatie in het huis. Zit je bijvoorbeeld op de bank tv te kijken, dan zal hier als eerste de tv staan en vervolgens de verlichting in de woonkamer en pas later de koelkast die in de keuken staat.  Verder kan je op de homepagina ook een aantal snelkoppelingen instellen van apparaten die je veel gebruikt, zodat je hier eenvoudig snel naar toe kan gaan.!

!

Dan heb je de producten pagina. Hier staan alle smart objecten die je hebt aangemeld in de applicatie. Omdat dit er best veel kunnen zijn kan zijn er een aantal slimme manieren om deze te sorteren. Zo kan je deze op jou locatie sorteren, zodat je de producten in de volgorde van hoe dicht ze bij jou zijn kan zien, maar ook op welke actief zijn, welke je het meest gebruikt, laatst toegevoegd en per categorie. Vervolgens krijg je de lijst met producten, aan de hand van hoe je deze gesorteerd hebt.!

!

Wanneer je dan op een product klikt kom je bij die productpagina terecht. Links naast het menu is nu een submenu toegevoegd. In dit submenu zie je producten die ook binnen deze categorie vallen. Zo valt de koelkast bijvoorbeeld binnen de categorie voedsel. Vanaf hier kan je dus ook snel naar bijvoorbeeld de productpagina van de vriezer. Boven aan de productpagina zie je instellingen of gegevens van het product op een dashboard achtige manier. Om hier een voorbeeld bij te geven zie je bijvoorbeeld bij de koelkast de temperatuur, het aantal producten in de koelkast en als leuk weetje hoeveel calorieën er in de koelkast staan. Onder dit stukje dashboard staan de producten die in de koelkast staan.  Op deze pagina kan je ook de instelingen van het apparaat instellen.!

!


11

Verder ben ik nog niet met het uitwerken van de pagina’s. Hieronder zijn de schetsen te zien die ik gemaakt heb voor deze pagina’s.!

Het dashboard zoals ik deze eerst in gedachten had voor de homepagina.!

Een eerste schets voor de productpagina in verschillende categorieën.!

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !

!


12

Een schets voor hoe de detailpagina van een smart object eruit zou kunnen zien.!

Een van de uiteindelijke schetsen voor de homepagina.!

! !


13

Verschillende manieren om het sorteren vorm te geven.!

De schets van de detailpagina van een smart object, in dit geval de koelkast.!

! !


14

Een schets van hoe eventueel de detailpagina van een product uit de koelkast eruit zou kunnen komen te zien. Inclusief enkele functies zoals bijvoorbeeld het automatisch bijbestellen en een melding wanneer het product bijna op is.!

Zo zou een pagina van de verlichting eruit kunnen komen te zien, waarmee je ziet welke lamp het is, je kan de lamp aan of uit zetten en de lichtsterkte bepalen.!

! !


15

6. Les 27 mei 2014!

! !

In deze les heb ik met Judith een gesprek gehad over hoe ik ervoor stond. Volgens mij zelf was ik goed op weg, maar Judith miste in de uitwerking nog een beetje de echte Design This! uitdaging terug komen. Het zou nu een iPad app worden die ik helemaal uit zou gaan werken. Hier heb ik over na gedacht en in de volgende blogpost zal ik hier verder op in gaan.!

! ! ! ! !  


16

7. Koppelingen en ecosysteem!

! !

Na het gesprek met Judith ben ik nog eens gaan nadenken over de applicatie. Op dit moment is het een overzicht van al je smart objecten in huis en kan je deze vanaf de iPad besturen en instellen. Maar de producten staan nog wel redelijk op zichzelf, bijvoorbeeld de data. Daarom wil ik de applicatie uitbreiden met koppelingen. Hier kan je data van de verschillende apparaten aan elkaar koppelen. Zo creëer je een extra functionaliteit aan de app en geeft de smart objecten meer betekenis. Door de data aan elkaar te koppelen kan je tot nieuwe inzichten komen. Er zullen aan de hand van welke smart objecten je hebt al suggesties gegeven worden over interessante en handige koppelingen, maar je kan ook zelf je eigen koppelingen maken.!

!

Om deze functionaliteit te kunnen laten werken is het wel nodig dat alle smart objecten dezelfde opbouw van informatie hebben die op een zelfde manier uitgelezen kan worden. Dit is nu niet het geval. Daarom is het noodzakelijk dat er een API gemaakt wordt die op elk smart object geïntegreerd wordt, waardoor de InControl app de gegevens van de apparaten kan uitlezen en kan gebruiken.!

!

De applicatie heeft dus twee functies, een het besturen en instellen van de smart objecten en als tweede functionaliteit het koppelen van de data om hier meer waarde uit te halen.!

Wanneer je dit in een schema zou bekijken, zie je dat dit concept niet alleen uit een applicatie bestaat, maar veel groter is. InControl is de overkoepelende eenheid. Hieronder valt de applicatie, de smart objecten en de benodigde API. De smart objecten communiceren door middel van de API met de applicatie. De applicatie zet vervolgens deze data en gegevens om in bruikbare informatie. Zo kan je binnen de applicatie de smart objecten besturen en instellen, maar er ook meer waarde Martijn Vermeulen - 0849989 - CMD3D

17

aan toevoegen door data van verschillende smart objecten te koppelen binnen de applicatie. InControl zou je dus een ecosysteem kunnen noemen voor smart objecten.!

!

Ik heb ook nagedacht over verschillende smart objecten welke informatie deze verzamelen, om zo meer inzicht te krijgen in de verschillende beschikbare data. In de twee afbeeldingen zijn de smart objecten te zien met de verschillende data. Hiermee kan ik tijdens het verder ontwerpen van de applicatie rekening houden. Dit overzicht geeft voor mijzelf ook overzicht in de beschikbare data en stelt mij tot staat om over de koppelingen na te denken. 


18

8. Prototype voor Dare This! 3 juni 2014!

! !

Voor de DareThis! van 3 juni heb ik een prototype gemaakt om het koppelen van smart objecten binnen de applicatie te testen.  In dit eenvoudige paperprototype wil ik kijken of de route die afgelegd moet worden om data uit smart objecten te koppelen duidelijk is en wat ze van deze functie vinden.!

!

Hier is het prototype te vinden: http://martijnvermeulen.com/designthis/wp-content/uploads/ 2014/06/Prototype-Design-This.pdf !

!

De verschillende schetsen die ik hiervoor heb gebruikt zijn hieronder te vinden: 


19

9. Dare This! 3 juni 2014 (testen eerste prototype)!

! !

Afgelopen dinsdag hebben we weer een Dare This gehad. In deze pressure-cooker hebben we eerst een poster van je concept moeten maken. Die van mij is hieronder te vinden. Hierin is te zien hoe de smart objecten communiceren met de applicatie via de API. Op deze manier kan de informatie die uit de apparaten komt ook gebruikt worden om koppelingen te maken.!

Verder hebben we ook de gelegenheid gekregen om het gemaakte prototype te testen. Dit heb ik gedaan met drie andere personen uit andere klassen.!

! ! ! ! ! ! !

Ik heb ze eerst kort uitgelegd wat mijn concept was. Vervolgens heb ik ze m’n iPad gegeven met het prototype. Ze vonden het alledrie eenvoudig om een nieuwe koppeling te maken. Dus de flow die ik hiervoor bedacht had klopt en vonden ze ook logisch. Ook het idee om aan de hand van de al ingevoerde apparaten al aanbevelingen te doen vonden ze goed. Ze kwamen ook met het idee om bepaalde categorieën in te stellen, zoals bijvoorbeeld sport of gezondheid. Dat je samen in combinatie met bijvoorbeeld je agenda en al je smart objecten er een plan voor je wordt uitgestippeld om een bepaald doel te behalen binnen die categorie. Ze raadde mij aan om de applicatie verder uit te werken en me hierbij te richten op een van die categorieën, dus om er kleine elementen uit te halen en die volledig uit te werken binnen de applicatie. Dit wil ik dan ook verder gaan doen.!

 


21

10. Wireframes!

! !

Van een aantal schetsen die ik heb gemaakt heb ik ook wireframes gemaakt. Deze wireframes heb ik gemaakt op papieren templates en met behulp van Copic Markers heb ik hier kleur aan gegeven.  De wireframes die ik heb gemaakt zijn hieronder te vinden.!

Dit is een wireframe van de product pagina met alle smart objecten. Vanaf hier kan je alle smart objecten besturen en instellen. Je kan de smart objecten op verschillende manieren sorteren, zodat de producten eenvoudig te vinden zijn. Wanneer je op een product klikt ga je door naar de pagina van dat smart object. Door op het vlakke met het plusje te klikken kan je een nieuw smart object toevoegen.!

! ! ! ! ! ! ! ! ! ! ! ! !


22

Dit wireframe is van de home pagina. Hier vind je direct de actieve smart objecten, zodat je hier snel heen kan. De objecten zijn gesorteerd op je locatie. De smart objecten die het dichtste bij zijn staan dus vooraan. Hierdoor hoef je bijvoorbeeld niet lang te zoeken naar de tv als je tv aan het kijken bent.!

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !


23

Dit is een wireframe van een detail pagina van een smart object. Hier zie je de voedselvoorziening. In het menu wat te zien is kan je verschillende smart objecten zien waar voedsel te vinden is, maar je kan ook al het voedsel in huis bekijken. In dit wireframe is op de koelkast geklikt. Vervolgens zie je hier een aantal details over de koelkast. Zo kan je bijvoorbeeld de temperatuur instellen, zien hoeveel producten erin staan en het aantal calorieen wat in de koelkast zit. Hier kan je ook op instellingen klikken om instellingen in te stellen over de koelkast. Een voorbeeld hiervan is bijvoorbeeld een automatisch gegenereerde boodschappenlijst, met producten die bijna op zijn. Je kan er ook voor kiezen om deze producten automatisch te bestellen en thuis te laten bezorgen. Maar hier heb je ten alle tijden zelf de hand in, omdat jij in controle moet blijven en jouw leven moet niet gecontroleerd worden door de apparaten. De smart objecten dienen ervoor om het leven eenvoudiger te maken.!

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !


24

Dit is een wireframe voor de verlichtingspagina. In het menu kan je kiezen uit de ruimtes in je huis. Wanneer je er een gekozen hebt zie je alle lampen die daar zijn. Hier kan je ze aan / uit zetten en de lichtsterkte bepalen. Ook kan je bepaalde voorinstellingen instellen, als een soort tijdschakelaar. Zodat lampen op bepaalde tijden of dagen automatisch aan gaan.!

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !


25

Dit is een wireframe van een product in de koelkast. Je ziet hier hoeveel producten er nog zijn, wat de houdbaarheidsdatum is en hoeveel er nog in het pak zit. Je kan hier ook een melding instellen wanneer de melk bijna op is. Maar je kan er ook voor kiezen om deze automatisch in je boodschappenlijstje te zetten of automatisch te laten bestellen. De informatie over de producten komen uit chips die in de producten zitten. Dit bestaat momenteel nog niet in productie, maar de mogelijkheden zijn er al wel. Dit zal dan ook in de toekomst vast gerealiseerd worden. Hierdoor loopt dit product al vooruit op de toekomst.!

!

De volgende stap is om visuals te maken van de applicatie. 


26

11. Gesprek 17 juni 2014!

! !

Dit keer hebben we geen les gehad, maar korte gesprekjes. Van de visuals die ik tot dat moment had gemaakt heb ik een eenvoudig clickable prototype gemaakt. Deze heb ik laten zien en het een en ander uitgelegd over keuzes die ik had gemaakt. Omdat ik al best veel pagina’s had uitgewerkt en dit veel tijd in beslag heeft genomen was mijn vraag wat ik nog visueel uit zou moeten werken om het concept duidelijk te krijgen. Na hier over gediscussieerd te hebben kwamen we tot de conclusie dat de instellingen pagina met daarin hoe er om wordt gegaan met de koppelingen die zijn gemaakt en de privacy en een uitgewerkt dashboard nog uitgewerkt moeten worden om het plaatje rond te krijgen. Deze visuals wil ik dan ook verder gaan uitwerken.!

!

Hier is het prototype te vinden wat ik in Keynote had gemaakt: http://martijnvermeulen.com/ designthis/wp-content/uploads/2014/06/InControl_prototype_v0.1.pdf !

! ! !


27

12. Visuals!

! ! Hieronder wil ik alle visuals die ik heb gemaakt toelichten.! ! Styleguide!

Dit zijn de kleuren en fonts / font groottes welke ik heb gebruikt binnen de applicatie. De groene kleur is de hoofdkleur. Deze kleur haalt het futuristische van sommige elementen in de applicatie naar voren. De 2e kleur (donkergrijs) heb ik gebruikt als kleur voor de achtergrond van het menu en de titelbalk. De 3e kleur is de kleur voor de achtergrond van de applicatie. De 4e (witte) kleur is gebruikt als tekst kleur op donkere achtergronden, geselecteerde items in het menu en voor witte vlakken op de grijze achtergrond. De 5e (grijze) kleur is gebruikt voor tekst op licht gekleurde achtergronden. De laatste en tevens 6e kleur is gebruikt voor items in het menu die niet geselecteerd zijn.  Deze kleuren samen geven de applicatie een moderne, futuristische, betrouwbare en robuuste uitstraling. !

!

Het font wat is gebruikt is Helvetica Neue (TT). Dit is het standaard font voor iOS applicaties. Dit font is goed leesbaar en straal betrouwbaarheid en duidelijkheid uit. Ik heb het font in Regular, Medium en Bold gebruikt. De groottes variëren van 18px tot 44px, afhankelijk van het soort text (menu-item, titel, tekst, button enz.)!

! !

Logo!

!

Dit is het logo van InControl. Ik ben tot dit logo gekomen door de verschillende connecties die binnen de app worden gemaakt. Het middelste rondje is de applicatie. De rondjes eromheen zijn smart objecten. Deze sturen alle informatie door naar het middelste rondje, de applicatie. Vanuit de applicatie kan je ook de smart objecten bekijken, instellen en beheren, dat geven de lijntjes tussen het middelste rondje en de buitenste rondjes weer.!

! ! ! ! ! !

! ! ! !


28

Inloggen!

Om de applicatie te kunnen gebruiken moet je eerst inloggen of een account aanmaken. Dit is noodzakelijk omdat de applicatie persoonlijke gegevens en apparaten bijhoudt. Met het account zijn deze gegevens beveiligd. Ook kan je zo inloggen op andere apparaten of bijvoorbeeld in een later stadium inloggen op de InControl website of de smartphone applicatie.  Hier kan je ook er voor kiezen om een account aan te maken. Deze pagina heb ik niet uitgewerkt, omdat dit niet relevant is voor het concept.!

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !


29

Home!

Wanneer je bent ingelogd kom je op deze pagina terecht. Links heb je het menu, met de items: Home, Smart Objecten, Dashboards, Instellingen en helemaal onderaan je Account. In de bovenste balk heb je de titel van de pagina waar je je bevindt, een icoon voor meldingen, de zoekbalk en de button om direct een nieuw smart object toe te voegen. Dit heb ik gedaan omdat je zo direct na het inloggen een nieuw object toe kan voegen.  Bij de meldingen krijg je bijvoorbeeld updates over bepaalde apparaten, tips voor je doel te behalen en andere opties waarvoor meldingen ingesteld zijn bij apparaten.  Wat je verder op deze pagina ziet zijn de Smart Objecten die actief zijn. Deze objecten zijn gesorteerd op jouw locatie. In deze visual ben je dus in de woonkamer en sta je vlakbij de tv. Zo kan je snel naar smart objecten gaan die vlakbij jou zijn en dus waarschijnlijk op dat moment relevant voor jou zijn. Op de homepagina is ook het kopje Snel naar te zien. Hier kan je zelf smart objecten neerzetten welke je vaak gebruikt. Na het opstarten van de applicatie kan je dus snel naar deze objecten gaan. Om hier een smart object aan toe te voegen klik je op het vlakje met het plusje. Je krijgt dan een lijst te zien met al je smart objecten en kan je er daar een uitkiezen om toe te voegen.! Op de vlakjes van de smart objecten zie je een grote foto. Deze foto kan je zelf instellen. Zo kan je zelf een foto van het smart object maken en deze hier instellen. Je herkent dan zelf sneller de apparaten en dat maakt het ook persoonlijker. Onder de afbeelding staat de titel. Deze titel kan je ook zelf geven. Achter de titel staat de locatie van het smart object. Wanneer je meerdere tv’s hebt bijvoorbeeld kan je aan de afbeelding en de locatie zien om welke tv dat blokje gaat.!

! ! ! ! !


30

Smart Objecten!

Dit is de pagina waar je al je toegevoegde smart objecten kan vinden. Omdat dit een hele lange lijst kan zijn wanneer je veel smart objecten hebt gekoppeld kan je deze op verschillende manieren sorteren. Dit kan je doen op: Locatie (je krijgt dan alle apparaten gesorteerd per ruimte, van ruimtes waar je je bevind of dichtbij bent naar ruimtes die zich verder van jouw huidige locatie bevinden), Naam, Actief (alle objecten die actief zijn komen bovenaan te staan), Categorie (hierbij komen bijvoorbeeld alle tv’s bij elkaar te staan), Meest gebruikt (de objecten die je vaak gebruikt komen hierbij boven aan te staan) en Laatst toegevoegd (de objecten worden hierbij gesorteerd op datum van toevoegen). Je kan ook op meerdere items sorteren, zoals bijvoorbeeld locatie en naam. De objecten worden dan gesorteerd per ruimte en binnen de ruimte worden deze op naam gesorteerd.  Om een nieuw smart object toe te voegen kan je rechtsboven in de hoek op Smart Object Toevoegen klikken.!

! ! ! ! ! ! ! ! ! ! ! ! !


31

Smart Object Toevoegen!

Je krijgt om een smart object toe te voegen een overlay te zien. Bovenaan zie je de smart objecten die zijn gevonden en die je nog niet eerder aan de applicatie hebt toegevoegd. Hier zie je een standaard foto van het object, die door de fabrikant aan de API is meegegeven. Ook de fabrieksnaam van het product staat hieronder. Vervolgens kan je zelf je eigen foto toevoegen. Je kan er hier voor kiezen om een nieuwe foto te maken of een foto toe te voegen die je al eerder gemaakt hebt. Door een eigen foto toe te voegen is het persoonlijker en weet je zelf ook sneller om welk apparaat het gaat, omdat je deze herkent. Je kan vervolgens een naam geven aan het smart object, bijvoorbeeld TV of Koelkast. De locatie van het smart object weet het smart object al zelf dmv locatiebepaling binnen het huis. Maar om dit toch te controleren staat de locatie waar deze staat groen aangegeven. De andere ruimtes die erbij staan zijn ruimtes die hierbij in de buurt zijn. Mocht de standaard aangegeven ruimte niet kloppen, dan kan je deze eenvoudig aanpassen. Op deze manier kan je eenvoudig een smart object toevoegen aan je smart objecten.  In de toekomst zou deze stap er ook anders uit kunnen zien. Zo zou een smart object al toegevoegd kunnen worden wanneer je je tablet erlangs haalt. Je zal wel altijd zelf later een foto toe moeten voegen.!

! ! ! ! ! ! ! ! ! !


32

Smart Object Detail!

Wanneer je op een smart object klikt kom je uit op de detailpagina van dat smart object. Op deze pagina kan je alles zien over dit smart object. Ik heb een detail pagina uitgewerkt. Dit is de verlichting pagina. Links zie je nu een submenu. In dit menu staan alle ruimtes waar verlichting is en je deze kan instellen. Door op een ruimte te klikken, in dit geval de woonkamer, zie je alle lampen die zich daar bevinden. Van de lampen zie je een eigen toegevoegde afbeelding van de lamp en een eigen gegeven naam. Van de lamp kan je eenvoudig de lichtsterkte instellen en de lamp aan of uit zetten. Je kan ook bepaalde voorprogramma’s instellen. Zo heb je bijvoorbeeld een digitale tijdklok en kan je de lampen in vakantie modus zetten zodat de lampen op een bepaalde tijd aan en uit gaan. Deze verschillende moda kan je zelf instellen. Een nieuwe toevoegen doe je doormiddel van het vlakje met het plusje.! Rechtsboven in de hoek kan je een nieuwe lamp toevoegen.  Als je op het i-icon klikt achter een lamp kan je hier extra dingen instellen, zoals bijvoorbeeld wanneer de lamp aan of uit moet gaan.  Van alle smart objecten die je toevoegt heb je een detailpagina. Hier kan je alles van dat smart object zien en besturen. Je hebt op deze manier alles binnen een applicatie, waar je alles vandaan kan doen.  Elk smart object heeft ook zo zijn eigen slimme functies die je eenvoudig binnen de applicatie kan instellen. Op deze manier ben jij helemaal InControl over de smart objecten. Ook kan je bij elk object eenvoudig de instellingen beheren, om zo zelf aan te geven wat het object wel en niet mag doen. Hierdoor kan je ook zelf de privacy in je eigen hand houden.!

! ! ! ! !


33

Dashboards!

Dit is de dashboards pagina. Hier kan je dashboards zien en maken door data uit verschillende smart objecten te koppelen. Een nieuw dashboard toevoegen doe je door rechtsboven in de hoek op Dashboard Toevoegen te klikken of door op het vlakje met het plus icoon te klikken onder het kopje Mijn dashboards. De pagina waar je dan uit komt licht ik later toe.  In deze visual zie je dat je al twee dashboards hebt gemaakt. 1 van je gezondheid, hier wordt alle data verzameld die te maken heeft met je gezondheid. Je kan hier bijvoorbeeld ook je medische status bekijken. Alle data die je daar ziet wordt door middel van verschillende smart objecten gemeten. Ook kan je daar instellen wat wel met de doktor bijvoorbeeld gedeeld mag worden.  Een ander dashboard wat al gemaakt is is het dashboard Sport en Beweging. Hier zie je alle data die te maken heeft met sporten en bewegen. Hier wil ik later op terug komen.! Omdat het een slimme applicatie is worden er ook aanbevelingen gegeven aan de hand van welke smart objecten jij hebt. Deze zijn te vinden onder het kopje Bekijk ook deze dashboards eens. Op deze manier kan je alles uit je smart objecten en de applicatie halen. Het scheelt ook tijd omdat je deze dashboards niet zelf hoeft te maken, maar al automatisch samen zijn gesteld. Ook ontdek je op deze manier weer hele nieuwe inzichten over jouw data, maar ook over jezelf. Natuurlijk kan je deze dashboards ook toevoegen aan Mijn dashboards en kan je ze zelf helemaal naar jouw eigen inzicht inrichten en aanpassen.!

! ! ! ! ! ! ! !


34

Dashboard toevoegen stap 1!

Het toevoegen van een nieuw dashboard is ingedeeld in drie stappen. Rechtsboven in de hoek zie je duidelijk bij welke stap je je bevind. Het eerste wat je in moet vullen is de naam van het dashboard wat je gaat toevoegen. Vervolgens kies je vanuit welke smart objecten je data wilt gebruiken. Je hebt in deze visual al de smartwatch gekozen. Om nog een smart object te kiezen klik je op het vlakje met het plusje. Je krijgt dan een lijst met de smart objecten en kan je er hier een uit kiezen. Je kan zoveel smart objecten toevoegen als dat je zelf wilt. Onder deze stap staat alle data die beschikbaar is uit deze objecten. Je selecteert de data die je wilt gebruiken en klikt vervolgens op volgende om naar de 2e stap te gaan.!

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !


35


In de tweede stap kan je de gekozen data uit de vorige stap koppelen. Dit doe je door de vlakjes met de data naar een blok te slepen. Je kan hier zoveel data in slepen als dat je zelf wilt. Hoe meer data je toevoegt des te minder overzichtelijk het wordt, je kan dus beter meerdere vlakken maken met minder koppelingen per blok, of maar een koppeling per blok. Per blok kan je een naam geven. Bijvoorbeeld een blok met je hartslag uit je Smartwatch en de locatievoorzieningen uit je Nike Fuelband geef je de naam Locatie / hartslag.  Vervolgens klik je op volgende om naar de laatste stap te gaan.!

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !


36


Dit is de laatste stap om een nieuw dashboard te maken. In deze laatste stap kan je de output vorm bepalen. Deze kies je per koppeling. Zo kan je eenvoudig kiezen hoe de data die je wilt koppelen eruit komt te zien.   Om het dashboard nu te maken klik je op Voeg dashboard toe.   Door dit proces van het toevoegen in drie stappen te verdelen is het behapbaarder voor de gebruiker in plaats van een lange lijst met allemaal dingen die je in moet vullen.   Op deze manier is het ook eenvoudig om te doen, je kan eenvoudig een nieuw dashboard creëren met de data uit je verschillende smart objecten.   Als je het nieuwe dashboard hebt aangemaakt staat deze direct tussen jouw dashboards.!

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !


37

Dashboard Sport en Beweging!


38

Een dashboard heb ik uitgewerkt. Dit is het dashboard Sport en Beweging. Hier kan je data zien wat te maken heeft met sporten die je beoefent en bewegingen die je overdag maakt.  Bovenaan de pagina heb je de tijdselectie. Hier kan je de datum kiezen van welke je de gegevens wilt inzien. Standaard is deze ingesteld op vandaag. Standaard is ook alleen de balk voor de dag en de tijd te zien. De week en maand selectie is standaard ingeklapt en pas zichtbaar wanneer je de tijdselectie uitklapt doormiddel van het pijltje rechts naast de titel. In de tijdsbalk kan je ook nog een bepaalde tijd selecteren waarvan je de gegevens wilt inzien. De data veranderd dan realtime naar de gemaakte tijdselectie.  Hieronder krijg je een aantal blokken te zien met informatie, zo zie je hier een blok met het aantal stappen dat je gezet hebt met grafiek, je hartslag met grafiek en een blok met het aantal minuten dat je bewogen hebt op die dag met aanbevolen hoeveelheid om te bewegen. Je kan zelf nog dingen instellen voor elk blok, dit doe je door op het instellingen icon te klikken binnen het blok. Een nieuw blok toevoegen doe je door op het blok met de plus te klikken.  Daaronder is een heatmap te zien met de beweging. Je kan daar zien waar je allemaal bent geweest. Hoe donkerder de kleur, hoe langer je daar bent geweest.! Onder de heatmap staat een doel. Een doel kan je samenstellen om bepaalde dingen te behalen. Zo wil je in dit geval in een tijdsbestek van 4 weken 2 kilo afvallen en 5 kilometer gaan hardlopen in plaats van 3 kilometer. De applicatie berekend dan aan de hand van onder andere de gegevens uit je smart objecten een route uit om dit te behalen. De voortgang van je doel kun je lezen in een verhaalvorm. De elementen die op moeten vallen springen er door de afwijkende kleur en grote tussenuit. Door de verhalende vorm maakt dit het veel persoonlijker en is het echt een persoonlijker advies. Ook heb ik in het boek: 100 things a designer sould know gelezen dat verhalende informatie langer blijft hangen en meer indruk maakt dat losse data. Ook is het weer een keer wat anders dan standaard tabelletjes. In dit verhaal kan je veel dingen terug vinden over wat je gedaan hebt en wat je nog te doen staat. Ook staan hier tips over dingen die je zou kunnen doen om net even iets extra’s te doen.  Onderaan staan je hardloopactiviteiten. Hier zie je de gegevens van de keren dat je bent wezen hardlopen. Zo kan je hier het aantal kilometers zien, de tijd, de tijd per kilometer, de buitentemperatuur en je verbranding. Voor elk gegeven staat een icoon wat aangeeft wat de gegeven data inhoud. Door een hardloop item uit te klappen krijg je een kaart te zien met de route die je gelopen hebt. Op deze kaart kan je ook zien waar je het snelste en waar je langzamer hebt gelopen. Dit zie je door de groene kleur waar je snel hebt gelopen en rood wanneer je onder de maat hebt gelopen.! Onder de heatmap staat een doel. Een doel kan je samenstellen om bepaalde dingen te behalen. Zo wil je in dit geval in een tijdsbestek van 4 weken 2 kilo afvallen en 5 kilometer gaan hardlopen in plaats van 3 kilometer. De applicatie berekend dan aan de hand van onder andere de gegevens uit je smart objecten een route uit om dit te behalen. De voortgang van je doel kun je lezen in een verhaalvorm. De elementen die op moeten vallen springen er door de afwijkende kleur en grote tussenuit. Door de verhalende vorm maakt dit het veel persoonlijker en is het echt een persoonlijker advies. Ook heb ik in het boek: 100 things a designer sould know gelezen dat verhalende informatie langer blijft hangen en meer indruk maakt dat losse data. Ook is het weer een keer wat anders dan standaard tabelletjes. In dit verhaal kan je veel dingen terug vinden over wat je gedaan hebt en wat je nog te doen staat. Ook staan hier tips over dingen die je zou kunnen doen om net even iets extra’s te doen.  Onderaan staan je hardloopactiviteiten. Hier zie je de gegevens van de keren dat je bent wezen hardlopen. Zo kan je hier het aantal kilometers zien, de tijd, de tijd per kilometer, de buitentemperatuur en je verbranding. Voor elk gegeven staat een icoon wat aangeeft wat de gegeven data inhoud. Door een hardloop item uit te klappen krijg je een kaart te zien met de route die je gelopen hebt. Op deze kaart kan je ook zien waar je het snelste en waar je langzamer hebt gelopen. Dit zie je door de groene kleur waar je snel hebt gelopen en rood wanneer je onder de maat hebt gelopen.!

! ! ! ! !


39

Instellingen!

Dit is de pagina instellingen binnen de applicatie. Specifiek heb ik de pagina Koppelingen / Privacy uitgewerkt. Om te laten zien hoe je in controle over de koppelingen blijft, maar ook hoe je over je eigen privacy de baas blijft bij de smart objecten, omdat hier nog wel enige vraag over was hoe de applicatie hiermee om zou gaan.  Bovenaan zie je al je smart objecten staan. In dit geval heb ik de smartwatch geselecteerd. Onder Koppelingen met andere smart objecten zie je vervolgens met welke andere smart objecten ergens ook maar een koppeling gemaakt is, bijvoorbeeld binnen een dashboard, of een anders smart object. Wanneer je op een van de gekoppelde producten klikt komt deze in het linker vlak te staan. Hier zie je welke data wordt gedeeld. Dit kan je vervolgens eenvoudig aan of uit zetten. Zo blijf jij helemaal zelf in controle over de koppelingen die gemaakt worden en welke smart objecten welke data mogen gebruiken.  Onderaan staan de privacy instellingen over de smartwatch. Dit ook weer in verhalende vorm. Het heeft met jezelf te maken, dus dan is een verhaal veel persoonlijker. Het maakt het ook menselijker duidelijk wat wel mag en wat niet mag. Door op een groene tekst te klikken kan je de instellingen veranderen. Dan kan je bijvoorbeeld Alleen ik veranderen in Alleen mijn familie. Zo kan je op een eenvoudige en behapbare manier zien wat de instellingen van jouw privacy op dat specifieke apparaat zijn.!

! ! ! ! ! ! ! !


40

Conclusie! Dit waren alle schermen die ik heb uitgewerkt uitgelegd. Er zijn zeker nog veel meer schermen die uitgewerkt kunnen worden, maar dit zijn de belangrijkste schermen om te laten zien wat de applicatie inhoud en kan. Zo is het toevoegen van een smart object uitgewerkt, een detailpagina van een smart object, het toevoegen van een dashboard, een detailpagina van een dashboard en de instelingen. Je ziet nu hoe de applicatie koppelingen kan maken tussen data van verschillende smart objecten en wat hier uit te halen valt. Maar ook door de instellingen pagina is te zien hoe jij in controle kan blijven over jouw privacy. Je ziet in deze visuals hoe je alles vanuit een omgeving kan regelen en echt in controle blijft over je data, privacy, koppelingen, dashboards en smart objecten.!

! !

Signatuur  Om te kijken hoe mijn signatuur zichtbaar is binnen de applicatie en dit concept wil ik deze naast de punten uit mijn design manifest, wat we vorig kwartaal hebben moeten maken. Wanneer je deze punten naast de applicatie legt, zie je veel punten terug komen.   Het eerste punt van mijn design manifest was dat design eenvoudig moest zijn. Eenvoudig om te begrijpen, zien en gebruiken. Van de applicatie heb ik wireframes gemaakt om goed na te denken over de flow en locatie van verschillende elementen. Ook heb ik in een vroeg stadium een paper prototype getest om te kijken of dat werd begrepen. Naar mijn inziens is de applicatie ook eenvoudig te begrijpen. Het wijst zichzelf. Het ziet er ook overzichtelijk uit en dit maakt het ook eenvoudig te gebruiken.  Het tweede punt in mijn design manifest ging erover dat design naar de wereld, verschillende culturen en personen verantwoord en respectvol moet zijn. Dit zie je ook terug komen in de applicatie. Het helpt de mensen controle te houden over al hun smart objecten. Hierdoor wordt het leven iets gemakkelijker en eenvoudiger gemaakt, ook mede door de functies van de applicatie, zoals bepaalde inzichten die je door koppelingen, maar ook smart objecten op zich kan opdoen. De slimme applicatie kan ook bijvoorbeeld je gas, water en elektriciteit inzien en tips geven om te besparen. Hierdoor is de applicatie ook respectvol en verantwoord naar de wereld en de natuur/ milieu toe.   Het derde punt is dat design klaar voor de toekomst moet zijn. Dit zie je ook terug in de applicatie dat ik er over heb nagedacht over hoe je in de toekomst smart objecten aan de applicatie zou kunnen toevoegen. Ook is de applicatie er al klaar voor als er nog veel meer smart objecten bij komen dan dat er nu al zijn. Het is innovatief hoe er met de data om gegaan kan worden uit de smart objecten. Ook het design van de applicatie is modern.   Design moet ook gedetailleerd zijn. Dit zie je in de ontwerpen terug. Ik ben pixel perfect te werk gegaan en heb een grid gebruikt. Overal zitten dezelfde marges tussen, welke tot in de details zijn doorgevoerd. Dit was erg veel werk, maar het uiteindelijke resultaat ziet er erg goed uit vind ik.   Zo zie je dat veel punten uit mijn design manifest ook terug komen in dit concept en de applicatie.  


41

13. Prototype!

! !

Van alle visuals heb ik een prototype gemaakt. Dit prototype wilde ik ook echt op een iPad kunnen laten afspelen. Hiervoor had ik voor het vorige prototype Keynote gebruikt. Dit werkt prima, alleen kan je hier niet binnen scrollen. Omdat het bijvoorbeeld voor de detailpagina van het dashboard wel belangrijk is om te scrollen ben ik opzoek gegaan naar een andere prototype tool. Ik ben hierbij uitgekomen op www.marvelapp.com. Hier kan je je .PSD bestanden vanuit Dropbox inladen en hier een clickable prototype van maken. Ook kan je overgangen selecteren en scrollen op de pagina’s. Een andere functie is dat je een echt app icon kan toevoegen en deze op je iPad kan installeren, waardoor het net lijkt alsof het een echte applicatie is. In deze tool heb ik dan dus ook mijn prototype van de applicatie gemaakt.!

! Dit is de link waar het prototype is te vinden: https://marvelapp.com/1a8ih5 ! !

Door het prototype krijg je gelijk een veel beter beeld van de look en feel van de applicatie. Je krijgt veel meer mee hoe dingen echt werken als je er op klikt. Je haalt hiermee de visuals weer een stapje hoger. Ik ben zeer tevreden over het prototype wat ik gemaakt heb. Het laat alle visuals, maar ook alle opties van de applicatie goed zien.!

!

Het prototype wil ik ook gebruiken om nog een aantal tests te doen. 


42

14. Test 2: Dashboard!

! ! In deze test heb ik het dashboard getest met twee testpersonen.! !

De testpersonen kregen de volgende vraag: Je bent net wezen hardlopen en wilt nu de gegevens van deze run bekijken, zoek deze gegevens op en lees deze voor. Vervolgens wil je ook kijken hoe het staat met het doel wat je jezelf gesteld hebt.!

! ! Testpersoon 1:! !

Kon je het makkelijk vinden?! Ja, ik kon het wel makkelijk vinden. Misschien dat je het nog wel een stukje naar voren halen in de structuur, zodat je er nog sneller naar heen kan en het nog prominenter binnen de applicatie naar voren komt. Met het doel zou ik werken met iconen, om het nog duidelijker maken. Ook zou je misschien een pagina kunnen maken met alle doelen bij elkaar.!

!

Was de informatie die je te zien kreeg duidelijk en nuttig?! Ja de informatie die ik te zien kreeg was duidelijk en nuttig.!

!

Wat vind je goed?! De applicatie ziet er verzorgd uit. Ik snap het allemaal wel. Het is wel veel informatie binnen de applicatie, met veel keuzes en opties. Dit kan het onduidelijk maken, maar je hebt het wel goed onderverdeeld allemaal. Je hebt de beschikking over al je apparaten, je bent er zelf in controle over.!

!

Wat zou beter kunnen?! Het dashboard naar voren halen in de structuur, net als een pagina met al je doelen. Zo heb je dan een pagina met waar je kan zien wat je moet doen en wat hier het resultaat van is.!


Kon je het makkelijk vinden?! Mwa, het zou beter kunnen. Ik snap niet waarom dashboards op een aparte pagina staat. Ik wil alles op 1 scherm hebben. Nu voelt het een beetje alsof er dubbele informatie staat. Bijvoorbeeld op de homepagina heb je al smart objecten staan, maar op de pagina voor de smart objecten apart staan deze er weer.!

!

Was de informatie die je te zien kreeg duidelijk en nuttig?! Ja, de informatie was wel duidelijk. Ik vind het goed dat je bij het verhaaltje er over na hebt gedacht wat op moet vallen en belangrijk is. Het verhaaltje maakt het wel persoonlijker.!

!

Wat vind je goed?! Heel uitgebreide informatie. Het verhaaltje van je doel is duidelijk. Ik kan best zien dat dit nuttig is in de toekomst, dat je alles vanuit 1 app kan regelen.!

!

Wat zou beter kunnen?! De dubbele informatie weghalen.!

! ! ! ! !


43

Aanbevelingen en conclusies naar aanleiding van deze test:!

!

Om de resultaten van deze test te verwerken wil ik een aantal aanbevelingen doen naar aanleiding van de test, maar ook conclusies trekken.!

!-

!

(Aanbeveling) De dashboards ook terug laten komen op de homepagina. Zo haal je de dashboards ook al iets meer naar voren binnen de structuur. Ook is het wel zo belangrijk dat dit een plekje mag krijgen op de homepagina. Dit tackelt ook waarschijnlijk het idee dat er informatie dubbel in staat, omdat er nu alleen smart objecten staan. Als er ook dashboards bij staan wordt het echt meer een start plek vanwaar je overal heen kan gaan.! (Aanbeveling) Een ander punt is om een apart stukje op de dashboardpagina of zelfs al op de homepagina de doelen terug te laten komen. Dat je snel al je doelen op een rijtje hebt en ziet wat je ervoor moet doen om de doelen te behalen.! Het verhaaltje bij het doel wordt positief ontvangen en maakt het gelijk een stuk persoonlijker.! Het nut wordt ingezien van de manier waarop je vanuit een omgeving controle hebt over al je smart objecten.! Als positief punt wordt er aangegeven dat er veel informatie te vinden is, maar dat dit ook goed is ingedeeld.!


44

15. Test 3: Instellingen koppelingen en privacy!

! !

In deze test heb ik de instellingen met betrekking tot koppelingen en privacy getest met twee testpersonen.!

!

De testpersonen kregen de volgende vraag: Open de applicatie en bekijk met welke smart objecten je smartwatch koppelingen heeft. Zoek tevens naar de privacy instellingen van dit apparaat.!


Kon je het makkelijk vinden?! Ja het was eenvoudig te vinden.!

!

Was de informatie die je te zien kreeg duidelijk en nuttig?! Ja. Het verhaaltje bij de privacy past hier erg goed bij. Het maakt het persoonlijk en privacy is natuurlijk persoonlijk, dus het is eenvoudiger te snappen. Het is belangrijk dat je je privacy en instelling zo in kan zien.!

!

Wat vind je goed?! Het werkt en ziet er verzorgd uit.!

!

Wat zou beter kunnen?! Het zou misschien iets groter mogen. Het is nu best klein om te lezen.!


Kon je het makkelijk vinden?! Ja, ik kon het makkelijk vinden.!

!

Was de informatie die je te zien kreeg duidelijk en nuttig?! Als je weet is het duidelijk. Ik snapte het niet direct, maar na de uitleg was het wel duidelijk. Bij het blok mag het misschien wel iets duidelijker zijn dat die instellingen over het gekoppelde product met de smartwatch gaat.!

!

Wat vind je goed?! Het verhaaltje is goed, maakt het persoonlijk. Ik vind het ook goed dat deze instellingen nadrukkelijk naar voren komen. Het is belangrijk om hier over na te denken, want je hebt het wel veelal over persoonlijke data wat echt over jou zelf gaat.!

!

Wat zou beter kunnen?! Ik vind het niet duidelijk dat je op het groene in de tekst kan klikken om het aan te passen. Je zou er een pijltje bij kunnen maken zodat duidelijk is dat je er op kan klikken om het aan te passen. Een nadeel van een verhaaltje is wel dat je het niet snel overzichtelijk kan bekijken, je moet het helemaal lezen.!

! ! ! ! ! ! !


45

Aanbevelingen en conclusies naar aanleiding van deze test:! Om de resultaten van deze test te verwerken wil ik een aantal aanbevelingen doen naar aanleiding van de test, maar ook conclusies trekken.!

!-

! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! !

(Aanbeveling) Alles mag op de instellingen pagina iets groter. Het is nu wel leesbaar, maar door alles iets meer ruimte te geven en alles iets groter te maken is het nog beter leesbaar.! (Aanbeveling) Inplaats van de titel in het blok over de data die gedeeld wordt met de smartwatch onder aan het blok neer te zetten, is het duidelijker wanneer de titel in dit geval boven aan het blok staat. Het is dan duidelijker dat die data over die koppeling gaat.! (Aanbeveling) Om het duidelijker te maken dat je de groene tekst kan aanpassen naar andere instellingen zouden er pijltjes achter de groene tekst geplaatst kunnen worden. Als je er dan op klikt komt er een soort drop-down met andere opties.! Het verhaaltje bij de privacy instellingen past hier goed. Het laat zien dat de privacy echt iets van jouw persoonlijk is door de verhalende vorm.! Het is belangrijk dat deze instellingen zo terug komen. Belangrijk om hiervan op de hoogte te zijn en hier eenvoudig inzicht in te hebben.! Een nadeel van het verhaaltje is dat je het verhaaltje echt moet lezen. Je kan niet in 1 overzicht zien wat de instellingen zijn. Dit heeft te maken met de stijl waarop ik het wil presenteren. Het verhaaltje maakt het persoonlijk en als je het leest is het duidelijk. Het is inderdaad minder overzichtelijk dat je het in een oogopslag kan zien, maar er moeten soms keuzen voor het een of het ander gemaakt worden.!


46


47

Design This!! !!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Kwartaal 2! Martijn Vermeulen! ! CMD3D! Blog:

Recommend Documents