FDND Frontend
Design & Development

Sprint 10: User Experience

In de sprint User Experience leer je wat je kunt doen om de usability van een website beter te maken en te verrijken.

According to the definition of usability, it is a quality attribute of the UI, covering whether the system is easy to learn, efficient to use, pleasant, and so forth. Thus a very important part of User Experience. - Don Norman and Jakob Nielsen

De focus van deze sprint ligt op performance en client-side scripting.

Gedragscriteria

  • M: Je combineert aangeboden principes en conventies op het gebied van frontend design en development (2.1.2)
  • M: Je houdt in beginnende mate rekening met de belangen van de eindgebruiker bij het realiseren van een oplossing voor een opdrachtgever (2.1.3)
  • C: Je kan ontwerpkeuzes, eigen ideeën en producten begrijpelijk overbrengen aan belanghebbenden (2.3.2)
  • P: Je schetst om gedachten en processen te verkennen en abstracte begrippen over te brengen (2.4.2)
  • P: Je bedenkt en implementeert complexere frontend code en gebruikt daarbij API's en databases (2.4.3)
  • L: Je maakt aangeboden en zelf gevonden materie eigen en gebruikt dit bij leertaken, deelt ervaring binnen de squad (2.5.2)
  • L: Je kent eigen capaciteiten en beperkingen, vergelijkt dit met het vermogen van anderen en maakt dit bespreekbaar (2.5.3)

Leertaken

enhanced website101 forks

Ontwerp en maak een website voor een opdrachtgever waarbij je de website verrijkt volgens het principe van progressive enhancement

Deeltaken

break the web113 forks

Het Web laten 'breken' door features van het platform bewust uit te zetten

we love web blog19 forks

Een blog voor het bijhouden van de We ♥ Web presentaties, workshops en challenges

js fundamentals42 forks

Leer zelfstanding Javascript om te gebruiken in de leertaken

Studentenwerk

Sprint planning

Week 1

Maandag 15/04

Sprintplanning over User Experience met uitleg over de leertaak en de werkwijze (Koop)

Workshop Core Web Vitals over performance en deeltaak Break-the-web (Krijn)

Dinsdag 16/04

Practicum over het gestructureerd opzetten van een Node project met Express en EJS partials (Justus)

Woensdag 17/04

Workshop Layout Shift over het ontwerpen en bouwen van UI states zoals empty-, partial- en skeleton-states met EJS partials en client-side scripting (Krijn)

Donderdag 18/04

Practicum Layout Shift (Suus)

Vrijdag 19/04

Code/Design-review EJS partials en UI states

Feedback over de deeltaak Break-the-web (Berat)

Week 2

Maandag 22/04

Workshop Perceived Performance over lazy loading, loading states en hoe je er voor kan zorgen dat gebruikers een website als snel ervaren (Koop)

Dinsdag 23/04

GSAP 1 intro en kennismaken met de JS animatie library (Sanne)

Woensdag 24/04

Workshop Responsive Images over hoe je images kunt gebruiken in je website volgens het principe van Progressive Enhancement (Krijn)

Donderdag 25/04

Practicum Loading states (Joost)

Vrijdag 26/04

Code en design review krijg feedback op de code en ontwerp van je enhanced website (Berat)

We Love Web met Gwen Bogaert van Antinomy Studio

Week 3

Maandag 29/04

Meivakantie

Dinsdag 30/04

Meivakantie

Woensdag 01/05

Meivakantie

Donderdag 02/05

Meivakantie

Vrijdag 03/05

Meivakantie

Week 4

Maandag 06/05

Workshop Client-Side scripting voor UX over het toepassen van view-transitions als de ui state in je website moet veranderen (Krijn)

Dinsdag 07/05

GSAP 2 JS animatie library (Cyd)

Sprint review met de opdrachtgever

Woensdag 08/05

Retrospect sprint 10 reflecteren op de leertaak en wat je geleerd hebt deze sprint

Donderdag 09/05

Hemelvaart

Vrijdag 10/05

Vrij