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
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolvwoLeerjaar 5

Cette leçon contient 18 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 45 min

Éléments de cette leçon

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 - Diapositive

Cet élément n'a pas d'instructions

Wat is skeuomorfisme?

Slide 2 - Question ouverte

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

Slide 3 - Diapositive

Cet élément n'a pas d'instructions

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 - Diapositive

Cet élément n'a pas d'instructions

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 - Diapositive

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 - Diapositive

Cet élément n'a pas d'instructions

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 - Diapositive

Cet élément n'a pas d'instructions

Voorbeeld van een Persona

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

Bedenk een persona voor een leerling, docent of ouder

Slide 9 - Question ouverte

Cet élément n'a pas d'instructions

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 - Diapositive

Cet élément n'a pas d'instructions

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

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 - Diapositive

Cet élément n'a pas d'instructions

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 - Diapositive

Cet élément n'a pas d'instructions

Slide 14 - Diapositive

Cet élément n'a pas d'instructions

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

De gebruiker is leerling, docent of een ouder

Slide 15 - Question ouverte

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 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 17 - Diapositive

Cet élément n'a pas d'instructions

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 - Diapositive

Cet élément n'a pas d'instructions