- Live link
- Design Challenge
- Beschrijving
- Opdrachtegvers
- User stories
- Data
- Installatie
- Contribiteurs
- Licentie
Ontwerp en ontwikkel een chatbot voor OBA Junior, die jeugdige gebruikers (rond 6 jaar), helpt informatie uit de OBA collectie te onstluiten.
Opgroeien in een digitale wereld betekent van jongs af aan digitale competenties en vaardigheden ontwikkelen. Digitale transacties zowel formeel (bank, overheid) als informeel (afspraken maken) is meer en meer de norm. Veel van deze transacties verlopen via conversational- of decision tree modellen. Zelfs het nieuws wordt op een conversational manier overgebracht via stories van NOS en nu.nl (vs. ‘ouderwets’ bronnen opzoeken via google) Wat als we kinderen en jongeren al vanaf de eerste digitale kennismaking zoeken en vragen spelenderwijs aanleren?!
Het ontwerplab
is een samenwerking tussen de oba, de gemeente amsterdam en ontwerp collectief Idiotes. Samen werken hier ontwerpers, onderzoekers en ontwikkelaars aan producten en diensten die zorgen dat alle Amsterdammers deel kunnen nemen aan de digitale samenleving, verbonden kunnen zijn met hun eigen buurt, stad en het internet en de mogelijkheden hebben om hun kennis en digitale vaardigheden te vergroten.
Onze ontwerpvraag luidt dan ook als volgt:
Hoe kunnen we een omgeving ontwerpen die zorgt dat kinderen van 6 toegang en competenties hebben om de kansen en mogelijkheden van de digitale stad te ervaren en gebruiken.
De ObA-Junior chatbot biedt de mogelijkheid. De chatbot helpt kinderen van de leeftijd van 6 jaar door de website van de ObA heen. Door middel van leuke en vriendelijke helper wordt het kind begeleid naar een boek of andere media content van de ObA. Voor volwassen is de ux, ui en logica heel anders dan voor kinderen. Voor oba junior hebben we een chatbot ontwikkeld die specifiek op jeugd (4-8) is gericht qua ux, ui, botlogica en inhoud.
Product Owners:
Leonore Snoek, senior service designer @ oba ontwerplab. Hiervoor UX coach @ growth tribe & civic service designer bij NYC Mayor's office for economic opportunity.
Fatma Genc, programmamaker digitale geletterdheid @ oba. Hiervoor community manager en merkstrateeg voor oa WeTransfer, Mindvalley, samengewerkt met oa What Design Can Do, Design Indaba, Art Basel.
Voor de chatbot hebben wij 3 user stories waar mee wij rekening gaan houden tijdens het ontwerpen en maken van de chatbot.
-
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).
-
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).
-
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.
We hebben in onze applicatie gebruik gemaakt van de OBA API.
- Clone deze repo
git clone https://github.com/basv1996/oba-junior-chatbot.git
- Zorg dat je in de juiste map zit
cd oba-junior-chatbot
- Installeer dependencies
npm install
- Maak een .env bestand met een key voor de API
PUB_KEY = '****cd*****d87****d8f***fb4*****'
- Start de applicatie
npm start
- Voor development kan je de applicatie runnen in
dev modus
npm run dev
- Gebruiker kan zelf een karakter kiezen
- Gebruiker kan na de eerste keer de dialoog van de chatbot overslaan
- Meer interactie toevoegen aan het karakter
- axios (^0.27.2)
- dotenv (^16.0.1)
- ejs (^3.1.8)
- express (^4.18.1)
- node-fetch (^2.6.0)
MIT