Ubicomp breakmate

Dit is een kop Dit is een subkop

BreakMate

Dit is lopende tekstIte dicus hus, fortimisque

Dit is lopende tekstIte dicus hus, fortimisque

nonfessena rete neque caperemovere num

nonfessena rete neque caperemovere num

patum aris peris habus sil culicaves bonsulla

patum aris peris habus sil culicaves bonsulla

iam novirisuliu me iam diemnon supicae im

iam novirisuliu me iam diemnon supicae im

pesultordius iamque tem ego non tus pl. Nihilic

pesultordius iamque tem ego non tus pl. Nihilic

faciem stimis, ocupicia di, Catuit.

faciem stimis, ocupicia di, Catuit.

Tatiussu confec resse, condic tessu vidiu mordien

Tatiussu confec resse, condic tessu vidiu mordien

Never miss a break with the Breakmate

atimmorudam crissenatia deorta audemus,

atimmorudam crissenatia deorta audemus,

nos audem que nessitum haequius in sa intis

nos audem que nessitum haequius in sa intis

nique prehebatum redenat urnium tandees? O

nique prehebatum redenat urnium tandees? O

terracr ehebultis, qua nuntimurorum iactore,

terracr ehebultis, qua nuntimurorum iactore,

pultum la Simanti, tellartante issus, C. Mae intem

pultum la Simanti, tellartante issus, C. Mae intem

nosulintem, vis et publicatis Catque consulus hae

nosulintem, vis et publicatis Catque consulus hae

vis, et rei patarbitu mei perum poraetoreis itis

vis, et rei patarbitu mei perum poraetoreis itis

eterum perimus? in vidiossides non virmis.

eterum perimus? in vidiossides non virmis.

Videm, quo ac ter iamquam acta re aturnius

Videm, quo ac ter iamquam acta re aturnius

hentem aci publiam ficum nonemquo vir la di

hentem aci publiam ficum nonemquo vir la di

sedo, confectum

sedo, confectum

Naam Omar Vasquez Jesus Studentnummer 500 704 100 Vak Ubicomp Klas inh15 Docent Elloumi, L. Datum 31.03.2021 Versie 1.0

Inhoudsopgave Woordenlijst

3

Introductie en case

4

Concept

5

Doelen gebruiker

6

Micro interacties Tijd instellen Pauze nemen

7 8 10

UX priciples

12

Persuasive patterns

13

States

14

Prototype

15

Woordenlijst meest belangrijke woorden met een korte omschrijving Affordances

Signifiers

Mapping

De relatie tussen een fysiek object en een

Zijn clues een aanwijzingen die zonder worden

Mapping is de relatie tussen de controls en effect

gebruiker met name een relatie tussen de

te gebruiken de gebruiker doormiddel van

van een product. Binnen een goed ontwerp van

eigenschappen van het object en de kunde/

bijvoorbeeld vorm, kleur, geluid, geur of

een product is juiste mapping wanneer het gene

vaardigheden van de gebruiker die samen

iets dergelijks laten weten hoe het object te

wat je doet lijkt op het effect, reactie of feedback

aantonen hoe een object mogelijk gebruikt kan

gebruiken. Denk bijvoorbeeld aan het draaiwiel

van wat het product je geeft.

worden. Denk aan een stoel je kan er op zitten je

op een Ipod Classic. Het is rond en hierdoor weet

kan het optillen en je kan er dingen op plaatsen.

je dat je een draaibeweging met je vingers kan

Afford betekent “bedoeld voor”. Maar als je

maken. Het wordt nergens verteld of uitgelegd

bijvoorbeeld fysiek zwakker bent of iets dergelijks

maar het object signaleert naar de gebruiker

en je kan de stoel niet optillen dan is tillen geen

doormiddel van de vorm (rond) dat het rond

affordance van deze stoel in de relatie van stoel en gedraaid kan worden. die specifieke gebruiker die bijvoorbeeld te zwak is om het op te tillen.

• Affordances determine what actions are

• Perceived affordances often act as signifiers,

possible. Signifiers communicate where the

but they can be ambiguous.

action should take place.

• Affordances are the possible interactions between people and the environment. Some affordances are perceivable, others are not.

3

Introductie en case Uitleg opdracht, probleemstelling en ontwerpproces Voor het vak Ubicomp is het de bedoeling dat we

De probleemstelling is dat de gebruiker niet te

een interactief ontwerp realiseren. Dit ontwerp

lang mag blijven zitten achter zijn/haar bureau

moet een product zijn die de gebruiker stimuleert, of werkplek. Tegenwoordig is dit een veel helpt en attendeert om niet te lang achter zijn

voorkomend probleem omdat we toch steeds

computer te blijven zitten. Dit in de context dat

vaker naar een scherm staren vanaf een bureau

iemand aan het werk is achter zijn/haar bureau.

zeker op werk en in het onderwijs.

De vraag is alleen wat voor product is hiervoor

Langdurig zitten is sowieso niet goed voor ons we

handig en hoe moet deze eruitzien en interacteren zijn immers gemaakt om te lopen en te staan of met de gebruiker. Al deze onderdelen ga ik voor

te liggen. Erg lang zitten is niet verantwoord en

het product wat ik ontworpen heb stap voor stap

slecht voor de gezondheid.

uitleggen. Dit is het ontwerpproces met de nodige visuals een annotaties.

De opdracht is individueel en er wordt geen onderzoek naar de gebruikers vooraf gedaan. Dit houdt in dat we een fictieve gebruikersprofiel hebben om het product aan de hand hiervan te ontwerpen. Nog een belangrijk en niet te vergeten punt voor het ontwerp is dat het geen scherm mag bevatten.

4

Concept Never miss a break with the Breakmate Het eerste idee wat ik had voor het ontwerp was

Het idee is eigenlijk vrij simpel en straight forward.

een muis die de gebruiker middels vibratie en

De gebruiker koppelt zijn agenda apps met de

geluid liet weten dat die pauze kon nemen. Ook

breakmate en deze weet dan precies je rooster

was de muis berust met een chip die alles bijhield

en wanneer de pauze momenten dus vallen.

en dit werd vervolgens ondersteunt door een app

Vallen er geen pauze momenten dan kan je deze

waar de gebruiker kijk op had. Heel mooi en fancy zelf doorgeven aan de brakemate je kan het hem maar niet waar ik naar opzoek was. Van dit idee

gewoon vertellen (net als Siri, Alexa of Google

zijn we dus heel snel afgestapt en al snel kwam

home).

ik tot mijn huidige idee/ontwerp, namelijk de “Breakmate”.

Breamate houdt dus al je werkuren, agendapunten en pauzes bij en als deze er dus

De breakmate is je maatje als het aankomt op

niet zijn creëert die deze voor je aan de hand van

je pauzes, vergeet geen pauzes meer ga tijdig

data over verantwoorde zit en/of werk tijden van

met pauze en koppel je agenda app’s aan de

over de hele wereld. Is dit niet genoeg dan kan

breakmate en hij onthoud dit per direct voor je.

je zelf de pauze momenten inspreken. Hier leert

Allemaal erg handig dus en daarnaast dient de

breakmate ook van hij houdt namelijk je tijden en

breakmate ook als maatje om je te helpen niet te

voorkeuren bij. Dit slaat die allemaal op en dit kan

lang achter de computer te zitten.

je vervolgens via de app allemaal terugzien.

5

Doelen gebruiker Belangrijkste doelen van de gebruiker De doelen van de gebruiker voor de breakmate

De gebruiker wilt

zijn gebaseerd op een gebruiker die tijdens zijn/ haar werk, studie, meeting etc. een reminder

• Agenda’s (van apps en andere devices) koppelen aan de breakmate

nodig heeft om pauzes te nemen en om niet te lang achter de computer of bureau te zitten.

We gaan uit van normaal gebruik in de meest

• Roosters, uren, tijden, pauze-tijden etc. doormiddel van voice-command inspreken voor de breakmate

gangbare context dus thuis, school of werk. De van de gebruiker staan in de lijst hiernaast.

• Wilt weten hoe lang het duurt voor dat die pauze heeft • Wilt weten hoe lang de pauze duurt • Wilt weten wanneer de pauze afgelopen is • Wilt zijn gedrag terug kunnen zien middels een interface in een app • Wilt gemotiveerd worden om op te staan en niet te lang te blijven zitten

6

Micro interacties Interactie op detailniveau De gebruiksdoelen van de gebruiker en de interactie met het product moeten op een lijn

Elke micro interactie bestaat uit de volgende drie onderdelen en meestal ook in deze volgorde

zitten. Als de gebruiker een doel wilt bereiken moet dit voor de hand liggend, snel, makkelijk en

1.

Trigger (meestal een handeling vanuit de gebruiker)

simpel zijn hoe dit doel te bereiken door middel

2.

Rules (wat er letterlijk gebeurt stap voor stap van de gebruiker tot de brakemate)

van de interacties met het product. In dit geval

3.

Feedback (wat de breakmate als reactie geeft aan de gebruiker na een handeling)

de breakmate. Om ervoor te zorgen dat dit goed verloopt en dat het logisch is voor de gebruiker hoe zijn doelen te bereiken is het handig om alle mogelijke doelen van de gebruiker om te zetten in interactie met de breakmate.

Dus gebruiker wilt doel (a) bereiken brakemate

TRIGGER

RULES

FEEDBACK

reageert en verifieerd aan gebruiker of doel (a) bereikt is. Dit gebeurt doormiddel van interactie met de breakmate. Al deze interacties klein of groot en de feedback hierop op detail niveau zijn wat we noemen de micro interacties van

• Control + gebruikersactie =

• Beschrijven onder welke

• Is hetgeen wat de gebruiker

de breakmate. Hier wordt dit verduidelijkt door

trigger.

voorwaarden (van de

waarneemt.

middel van een visual.

• Control is de input/sensor.

input) welke feedback

• Er zijn altijd minimaal 2

waarneembaar is.

standen van output.

7

Micro interacties - Tijd instellen Trigger

Rules

Feedback

1. De neutrale state staat op lichtpaars en is al de

1. De gebruiker ziet de home led veranderen van

gehele tijd deze kleur.

kleur van lichtpaars naar blauw.

2. De state veranderd als de gebruiker begint te

2. De gebruiker krijgt een bevestiging doormiddel

Microfoon en geluidssensor die de gebruiker

spreken de home led licht nu blauw op. Dit is de

van een toon via de speakers om aan te duiden

hoort als deze de tijd in wilt stellen doormiddel

luister/verwerkings state.

dat zijn wijzigingen gehoord en doorgevoerd zijn.

3. Na dat de gebruiker gestopt is met spreken

3. De gebruiker krijgt weer de paarse neutrale led

voert de breakmate de wijzigingen door en keert

te zien.

van voice command. In dit geval is de trigger dus de stem en de woorden van de gebruiker.

die terug naar de home/neutrale state.

8

Micro interacties - Tijd instellen 1.

2.

3.

9

Micro interacties - Pauze nemen Trigger

Rules

Feedback

1. Tijd aan het aftellen tot de pauze start.

1. De gebruiker ziet de home led paars gloeien kleine oranje leds beginnen nu 1 voor 1 aan te

• De aangegeven tijd die de gebruiker heeft

2. Tijd tot pauze start is voorbij.

gaan.

3. Pauze actief.

2. De gebruiker ziet de home led oranje gloeien en

ingesproken voor zijn/haar pauze.

alle mini leds zijn oranje.

4. Terug tellen tot pauze tijd voorbij is.

3. De gebruiker ziet de home led vervolgens weer

• Of de tijd van de ingevoerde agenda’s via apps.

5. Pauze voorbij.

naar oranje gaan.

6. Terug naar neutraal/home.

4. De oranje mini leds beginnen af te tellen en

• Of de tijd van de Breakmate zelf als je niks hebt ingesproken of ingevoerd.

gaan 1 voor 1 uit.

5. Als alle mini leds uit zijn kleurt de home-led groen en daarna alle mini leds ook voor 2 sec.

6. De gebruiker ziet de home led vervolgens weer naar de neutrale stand gaan dus paars.

10

Micro interacties - Pauze nemen 1.

2.

3.

4.

5.

6.

11

UX priciples Affordances

Signifiers

Mapping

De relatie tussen een fysiek object en een

De signifiers op de breakmate zijn in de vorm van

De mapping is eigenlijk onzichtbaar voor de

gebruiker met name een relatie tussen de

gekleurde leds zowel de mini leds als de grote

gebruiker hij ziet alleen feedback terug. Verder

eigenschappen van het object en de kunde/

home led geven dingen aan aan de gebruiker.

gaat alles eigenlijk via spraak (voice command).

vaardigheden van de gebruiker.

Daarnaast wordt er ook gebruik gemaakt van

Wel reageert de breakmate per direct met een

biep en toon geluiden om de gebruiker bepaalde

feedback dus de gebruiker weet wel gelijk of dei

informatie te geven over de interactie.

gehoord is of niet.

In het geval van de breakmate is de affordance in de vorm en in de interactie te vinden. Het moet eigenlijk een soort mini klok/timer voorstellen zonder wijzer. vandaar de ronde mini leds

12

UX priciples

Persuasive patterns

Feedback

Achievements

Commitment & Consistency

De gebruiker krijgt directe feedback van de

Lukt het jou om een maand lang niet te lang te

De gebruiker wilt zich houden aan zijn gedrag een

breakmate via geluid en de led lampjes. De

zitten of een half jaar? misschien wel een jaar. al

aan de tijden van de breakmate. Dit omdat hij

gebruiker krijgt ook indirecte feedback terug aan

deze informatie is in de vorm van achievements

zijn gedrag altijd terug kan zien en goed gedrag

de hand van gedrag en het feit dat de breakmate

die je kan unlocken in de app van de breakmate te voortgezet kan worden. Als je het niet kan zien

dit bijhoudt en hier zich op aanpast.

zien. Je kan ook jou gedrag vergelijken met andere is het moeilijk om een beeld van je zitgedrag te

Ook kan de gebruiker middels een app al zijn

breakmate gebruikers bij jou in de buurt of ergens hebben de breakmate app maakt dit mogelijk.

data en gedrag terugzien. Dit in de vorm om de

anders op de wereld.

gebruiker te stimuleren de breakmate te blijven gebruiken.

Delighters Kleine verrassingen zijn altijd leuk en de breakmate geeft je hele subtiele maar zeer leuke delighters in de vorm van geluid als je pauze begint of voorbij is. Maar ook via de interface van de app waar je, je zit/pauze gedrag kan inzien.

Deze zijn weer gekoppeld aan uitdagingen

13

States Uit

Aan: home/neutraal

Tijd inspreken

De breakmate hoef je in principe maar een keer

Als de breakmate aan staat, staat die automatisch

Als de breakmate aan het luisteren is naar je

aan te doen vervolgens weet die aan de hand van

op de neutrale stand en staat de grote led aan.

omdat je een tijd inspreekt dan geeft de grote led

je stem of je rooster wanneer die aan moet.

Deze geeft een paarse kleur.

een blauwe kleur aan.

Verwerken/laden/updaten

Pauze

Pauze afgelopen

Heeft de breakmate naar je geluisterd, is die

Bij een pauze is de grote led oranje en de mini

Is je pauze afgelopen dan zijn alle leds groen

informatie aan het laden, voert die een up-date

leds mogelijk ook.

(zowel de grote als de mini leds).

uit dan knippert de grote led blauw.

14

Prototype Breakmate prototype ontwerp Het ontwerp van de breakmate is vrij simpel en valt niet op in de achtergrond. Dit is natuurlijk met opzet zo vormgegeven hij moet immers niet opvallen en je moet hem alleen zien wanneer dit nodig is. Dus wanneer je met pauze gaat of als je pauze bijna afgelopen is. verder staat die op je bureau, kast boekenplank etc. Hij is klein van vorm en past gemakkelijk in je handpalm. Hij is glanzend wit van kleur en heeft een grijze rand.

Je hebt ook toegang tot de app van de breakmate die je tijden, pauzes en gedrag bijhoudt. Al deze informatie kan je inzien.

Technisch is de breakmate voorzien van een nfcchip, bluetooth en mini-speakers. Verder gaan alle controls eigenlijk via de app of voice-command.

15

Dit is een kop Dit is een subkop Dit is lopende tekstIte dicus hus, fortimisque

Dit is lopende tekstIte dicus hus, fortimisque

nonfessena rete neque caperemovere num

nonfessena rete neque caperemovere num

patum aris peris habus sil culicaves bonsulla

patum aris peris habus sil culicaves bonsulla

iam novirisuliu me iam diemnon supicae im

iam novirisuliu me iam diemnon supicae im

pesultordius iamque tem ego non tus pl. Nihilic

pesultordius iamque tem ego non tus pl. Nihilic

faciem stimis, ocupicia di, Catuit.

faciem stimis, ocupicia di, Catuit.

Tatiussu confec resse, condic tessu vidiu mordien

Tatiussu confec resse, condic tessu vidiu mordien

Hey mate! Just take a break

atimmorudam crissenatia deorta audemus,

atimmorudam crissenatia deorta audemus,

nos audem que nessitum haequius in sa intis

nos audem que nessitum haequius in sa intis

nique prehebatum redenat urnium tandees? O

nique prehebatum redenat urnium tandees? O

terracr ehebultis, qua nuntimurorum iactore,

terracr ehebultis, qua nuntimurorum iactore,

pultum la Simanti, tellartante issus, C. Mae intem

pultum la Simanti, tellartante issus, C. Mae intem

nosulintem, vis et publicatis Catque consulus hae

nosulintem, vis et publicatis Catque consulus hae

vis, et rei patarbitu mei perum poraetoreis itis

vis, et rei patarbitu mei perum poraetoreis itis

eterum perimus? in vidiossides non virmis.

eterum perimus? in vidiossides non virmis.

Videm, quo ac ter iamquam acta re aturnius

Videm, quo ac ter iamquam acta re aturnius

hentem aci publiam ficum nonemquo vir la di

hentem aci publiam ficum nonemquo vir la di

sedo, confectum

sedo, confectum

16