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