Skip to content

Narrative & vormgeving

Leonie edited this page Dec 1, 2020 · 4 revisions

VORMGEVING VAN DE ZERO STATE

Met dit “zero-state” project geven we een introductie tot de tool waarmee studenten een intake doen waarmee ze zich aanmelden. De tool bestaat uit een vragenformulier en een code challenge. Hiermee krijgen ze een introductie tot de opleiding, worden hun vaardigheden getoetst, krijgen wij meer over ze te weten en worden ze hopelijk gemotiveerd.

Het zero state project vormt een uitleg van deze tool en een introductie van de opleiding. Deze weergave zal het eerste zijn dat ze zien, en is dus hun eerste indruk.

STORYTELLING

We hebben gekozen een “verhaal” te vertellen dat hen inspireert, verwelkomd en tegelijkertijd de tool uitlegt. Dit in de vorm van een slideshow/carousel van 3 hoofdstukken (lees: slides of “scenes”).

Na veel brainstormen hebben we gekozen voor een ruimte-thema. Alle aspecten die bij dit “verhaal” horen, vielen bij dit thema op hun plek.

Dit is geldt bijvoorbeeld voor de begrippen; ambacht, web development, gemeenschap, nieuwe kennis/wereld/taal, creëren en mentors.

DE SLIDES

Slide 1

De eerste slide staat voor verwelkoming. Zonder de tool in te duiken, krijgt de student een introductie tot de nieuwe wereld van deze opleiding. In deze slide wordt de gebruiker letterlijk “begroet” door een astronaut. Hij zweeft, achter hem is een planeet (code community) en ruimteschip te zien. Achter hem “repareren” 2 astronauten een ster (feature) met een lasapparaat. Tekst wordt weergeven in een zwarte box met monospace font. Denk aan de tekst bij retro video games waarbij een quest wordt gegeven. slide 1

Slide 2

Slide nummer 2 gaat over de code challenge. Hier wordt een versimpelde versie van de challenge als voorbeeld gegeven. Het wordt duidelijk aan de gebruiker dat hij een voorbeeld na moet maken, dat hij tussendoor kan opslaan, en dat hij er een half - 2 uur voor vrij moet maken. Om deze challenge heen zien we de figuren van de vorige slide op de achtergrond. slide 2

Slide 3

De laatste slide geeft aan dat er een kort vragenformulier na de code challenge komt. De ondertoon van deze slide is de interesse die we hebben in elk van de nieuwe studenten en hun persoonlijke leerproces. Hierbij zien we de gebruiker als astronaut (lees: we zien net over hem heen, alsof we achter hem staan). In de verte ziet hij de aarde, om aan te geven dat hij opgestegen is. Ons idee is om hem hier zelf iets te laten maken. Dit is een metafoor voor het zelf toevoegen van features en zo bijdragen aan deze nieuwe wereld. slide 3

ANIMATIE

Elementen die geanimeerd kunnen worden binnen dit thema:

  • sterren -> "fonkelen" ofwel roteren en scalen
  • planeten -> om hun as draaien
  • astronaut/ruimteschip -> zweven
  • wolken -> schuiven
  • lasapparaat -> vonken (kleine sterren scalen of opacity aanpassen)

Clone this wiki locally