Functioneel ontwerp - doelgroep, user stories en structuur

User stories
Usability
lgg usability
Lesdoelen

  • Je kan een beschrijving geven van een doelgroep in de context van de technologie die je gebruikt (website)
  • Je kan userstories schrijven die passend zijn bij het doel van de website
1 / 18
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolvwoLeerjaar 5

In deze les zitten 18 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 45 min

Onderdelen in deze les

User stories
Usability
lgg usability
Lesdoelen

  • Je kan een beschrijving geven van een doelgroep in de context van de technologie die je gebruikt (website)
  • Je kan userstories schrijven die passend zijn bij het doel van de website

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Wat is skeuomorfisme?

Slide 2 - Open vraag

-log[H3O+]
Agenda
  • Over opdrachtgever, userstories, doelgroep en structuur ~20 min.
  • Aan de slag

Slide 3 - Tekstslide

Deze slide heeft geen instructies

Onderwerpen functioneel ontwerp


  1. Opdrachtgever
  2. Doelgroep
  3. User stories
  4. Structuur
  5. Logo en kleur
  6. Ontwerp
  7. Richtlijnen

Vandaag gaan we het hebben over 1 t/m 4


Slide 4 - Tekstslide

Deze slide heeft geen instructies

De opdrachtgever
Voor dat je begint moet je kritisch kijken naar wat de opdracht gever nou eigen echt wil. Het lijstje met eisen waar deze mee komt klopt vaak niet of is onvolledig. Denk mee en stel kritische vragen.

  • Wegen de kosten wel op tegen de baten?
  • Zijn er wensen die zijn weggelaten?

Slide 5 - Tekstslide

Uit de praktijk:
* Deze beacons zijn relatief duur en onzuinig, waarom gebruiken we geen andere?
* Wat is het doel van de navive camera implementatie? Wegen de kosten wel op tegen de baten
Gebruikers
Je gebruikers zijn je doelgroep. Denk goed na over op welke manier dit invloed kan hebben op je product.

"rondzwervende hippies zullen alles op hun telefoon doen"

Slide 6 - Tekstslide

Deze slide heeft geen instructies

Gebruikers
Blijf niet hangen op een one-liner. Denk na over wat voor soort mensen "theater liefhebbers" zijn. Maak minimaal 3 personas die jouw website gaan gebruiken
  • Hoe oud zijn ze? -> slechte ogen of motoriek
  • Hebben ze allemaal een ipad? -> schermgrootte
  • Zijn het docenten? -> website mag niet te druk zijn
  • Profielschets voor userstory

Slide 7 - Tekstslide

Deze slide heeft geen instructies

Voorbeeld van een Persona

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Bedenk een persona voor een leerling, docent of ouder

Slide 9 - Open vraag

Deze slide heeft geen instructies

Userstory
Een userstory beschrijf het doel en niet de hoe dat bereikt moet worden. User stories zijn een belangrijk onderdeel van het ontwikkeltraject van een website.

Slide 10 - Tekstslide

Deze slide heeft geen instructies

Slide 11 - Tekstslide

Deze slide heeft geen instructies

Voorbeeld userstory
Als theater bezoeker
Wil ik kunnen filteren op datum
Zodat ik snel kan zien welke voorstelling er zijn op mijn verjaardag

Slide 12 - Tekstslide

Deze slide heeft geen instructies

Slecht voorbeeld userstory
Als theater liefhebber
Wil ik kunnen filteren op datum
Zodat zodat ik kan zien welke voorstellingen er op een bepaalde datum zijn

Slide 13 - Tekstslide

Deze slide heeft geen instructies

Slide 14 - Tekstslide

Deze slide heeft geen instructies

Bedenkt een user-story voor de schoolwebsite van iets dat in jouw ogen ontbreekt.

De gebruiker is leerling, docent of een ouder

Slide 15 - Open vraag

B.V.
Als leerling
wil ik kunnen zien wanneer ik bij boek moet terug brengen
zodat ik geen boete krijg
Structuur
Denk na over een logische structuur.

  • Niet teveel lagen
  • Maar ook niet teveel in de breedte
  • Herbruik pagina-types

Slide 16 - Tekstslide

Deze slide heeft geen instructies

Structuur
Begin bij je userstories. Als je een pagina bedenkt die niet tussen je userstories zit is deze dus niet nodig.

Slide 17 - Tekstslide

Deze slide heeft geen instructies

Aan de slag
De opdracht voor het functioneel ontwerp staat in Som bij de jaarbijlagen in het mapje F1. Werk deze 4 stappen uit voor de door jou gekozen website.

Slide 18 - Tekstslide

Deze slide heeft geen instructies