Design Rationale - TristanVarewijck/oba-junior-chatbot GitHub Wiki

image Tristan Varewijck | 500823988 | Muhammet Kömür | 500828833 | De Meesterproef

Contactinformatie

Leonore Snoek: [email protected] Fatma Genc: [email protected]

OBA onderzoek naar kinder apps

UI kinder apps: https://drive.google.com/file/d/11H6T_vKnFOgVEC2nZplQmlyZ0JFBWLhS/view Code voor kinderrechten: https://codevoorkinderrechten.nl/beginsel/zet-het-belang-van-het-kind-voorop-bij-het-ontwerp/

De case

De opdracht voor ons is dat we een digitale ervaring maken voor het overbrengen van informatie aan kinderen. Een voorbeeld van de OBA was bijvoorbeeld de NOS die niet alleen zijn nieuws op het TV overbrengt maar ook nu op apps, websites en andere multi-media. Natuurlijk is dit voor kinderen een apart voorbeeld maar de algemene opdracht is hiermee wel duidelijk. Wij moeten namelijk een digitale ervaring maken voor kinderen zodat ze zich makkelijk maar ook leuker kunnen bewegen op het "OBA Junior" platform.

Met een sterke UI/UX die is gefocused op kind vriendelijkheid is het mogelijk om doormiddel van een "chatbot" deze wens te vervullen.

de bijhorende "User Stories" zijn:

  1. Als jeugdige gebruiker van 6 wil ik op speelse wijzen leren wat een chatbot is, zodat ik deze kan gebruiken om items uit de collectie van de OBA te vinden (navigeren).

  2. Als jeugdige gebruiker van 6 wil ik mijn interesses aan een chatbot kunnen vertellen, zodat deze mij kan helpen een eigen collectie samen te stellen (verzamelen).

  3. Als jeugdige gebruiker van 6 wil ik, samen met mijn moeder en/of vader, aan de hand van het stellen van vragen aan de chatbot, kinderboeken uit de collectie van de OBA vinden, zodat we die samen kunnen gaan lenen.

Aanleiding

De aanleiding voor dit project is volgens de OBA, dat ze hebben ervaren dat kinderen (zonder ouder) het lastig vinden om zich de bewegen op eht OBA junior platform. Ze willen de digitale ervaring die ze nu al hebben met dit platform opkrikken doormiddel van een chatbot waar kinderen met "lol" zich makkelijker en vrijer op dit platform kunnen bewegen.

De doelgroep

De doelgroep van dit project zijn voglens de OBA kinderen van 6 t/m 7 jaar. (volgens school is dit 4 t/m 8)

Doelstelling

De doelstelling van dit project is om er achter te komen wat de opdrachtgevers van de OBA een goed concept vinden en of ze het idee wat wij voor hun hebben aansluit op hun doelen. Ook willen we er achter komen of het prototype die wij gaan laten zien doelbewust is.

Ook willen we deze week de cursus over de chatbot volgen en zo snel mogelijk leren begrijpen hoe de techniek van zo een chatbot werkt zodat wij zo snel mogelijk kunnen gaan prototypen.

Als laatst willen we een kijkje nemen op de onderste etage waar de kinderafdeling zit en daar wat field-research doen om te kijken hoe kinderen nu met de computer en platform omgaan.

Oplevering

De oplevering van deze week is een rond concept een design en een prototype, waarbij wij als front-enders vervolgens op kunnen door itereren.

Randvoorwaarden

De randvoorwaarden van dit project is vooral het laten zien van een waterdicht prototype en de mogelijkheden als de OBA besluit om hier verder mee te gaan. We willen op zijn minst een user-experience laten zien waarin het kind boeken kan zoeken doormiddel van stem en geluid.

Over de randvoorwaarden van dit project hebben we nog niet gepraat deze week.

Gebruikers van het eindresultaat

De gebruikers van dit eindresultaat zijn onze opdrachtgevers en heel misschien een aantal kinderen maar waarschijnlijk zullen we vanaf volgende week beginnen met het testen met kinderen.

Relatie met andere projecten

Tot relatie in andere projecten is dit vrij nieuw natuurlijk hebben we al een mini-project gedaan voor de OBA waarin we al hebben gespeelt met hun API, daarnaast heb ik zelf een project gemaakt voor WAFS waar ik veel technieken uit heb kunnen halen zoals het live renderen van data maar ook functies schrijven voor de voice-to-text opties. Daarnaast hebben we veel dingen gedaan die we niet eerder hebben gedaan zoals; animaties, en illustreren.

Mindmaps / research

Dit onderzoek is voorkomend uit desk-research.

Moodboard Chatbots Chatbot-moodboard

Research kinderUI

Bronnen: https://bootcamp.uxdesign.cc/designing-interfaces-for-kids-75516e9d91d7 https://uxmag.com/articles/ux-design-for-children-how-to-create-a-product-children-will-love https://www.smashingmagazine.com/2015/08/designing-web-interfaces-for-kids/ https://uxstudioteam.com/ux-blog/design-for-kids/ https://uxplanet.org/10-things-to-consider-when-designing-for-children-ad40f751df73

Hieronder staan de bevindingen die ik even wil uitlichten:

  1. “To help them successfully use an interface, designs should display clear, specific instructions, leveraging kids’ mental models and prior knowledge.”

  2. “kids generally prefer bold, primary colors and high contrasts in the range of two to three years old. High colors are easy to catch and retain the interest of a child for long periods. Although color choice is a primary influence in the design of every site, it is particularly important when designing a website for children, as colors have a tremendous effect on the young minds of children.” 

  3. “Large, animated, speaking characters are a fascinating and captivating way to grab and hold a child’s attention”

  4. “More images, less text”

  5. Main niches where design for children is applicable:
    • Software, video, audio: 44.38%
    • Internet communication: 22.08%
    • Video games: 13.67%
  6. “A friendly digital helper is a good idea in digital products for children. Designing a virtual helper, cool and cute character that will help children to navigate through the product, can make the user experience smoother and more interactive.”

  7. “So, if the people you’re designing for can’t read or decode a language, what do they resort to? They use the tools at hand and make meaning through icons and images.”

  8. “Use voice over sound for young kids”

  9. “Storytelling helps kids understand”

  10. “Although, at this age, children typically know how to read, don’t rely on copy. They can but they don’t like to. They ignore written instructions and will read explanations only if nothing else helps. Try to limit writing and avoid content-heavy interfaces. They still have a very limited vocabulary. Plain, simple language will do. Avoid not only complicated words but unfamiliar foreign ones and slang as well. Use those a child would.”

  11. “Kids want feedback whenever they do something.”

  12. “Children take things literally. Avoid using words with multiple meanings.”

  13. “Do not try to teach every time.”

  14. “Children are quick to learn the wrong thing. The undo process is often difficult.”

Moodboard kids UI/UX

kids-UI-moodboard

Hierboven zie je een moodboard die meerdere onderzoeks punten van hierboven aankaart (niet allemaal hoor) zoals; De primaire kleuren, De vele plaatjes, Grote mascottes, weinig text met grote iconen, de makkelijke UI met veel "1 klik interacties" en de vele elementen die uit de natuur komen.

Probleem-definitie

Het probleem die de OBA heeft is dat op dit moment de experience voor kinderen minimaal is, ze hebben een platform voor kinderen genaamd: ObaJunior, Het is alleen niet "echt" voor de kinderen maar eigenlijk meer voor de kinderen die met hun ouders achter de computer zitten. Oba wilt graag ObaJunior omtoveren zodat het leuk en gebruiksvriendelijk is voor de doelgroep kinderen van 6/7 jaar oud.

Oplossing

De oplossing die wij hebben is om een user-experience te ontwikkelen gebaseerd op stem en geluid dit vinden wij een goed idee, omdat uit research blijkt dat kinderen van 6/7 jaar oud amper kunnen schrijven maar ook dat lezen ook nog steeds minimaal is op deze leeftijd.