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.

Leertaken

enhanced website144 forks

Ontwerp en maak een interactieve website die snel laadt en prettig te gebruiken is

Deeltaken

js fundamentals57 forks

Leer zelfstanding Javascript om te gebruiken in de leertaken

performance audit42 forks

Doe een Performance test op een bestaande website en rapporteer daar over

i love web150 forks

Learning Journal en Digital Gardening

css challenges11 forks

Oefenen met CSS (en co). Daarna toepassen in je eigen werk. Even aanmelden (zie Teams > General)

progressive enhancement94 forks

Ontwerp en bouw UI components die het altijd doen

Studentenwerk

Sprint planning

Week 1

Maandag 13/04

Sprintplanning over User Experience met uitleg over de leertaak en de werkwijze, inloop 9:00, start 9:30 (Koop)

Workshop Performance over wat performance is en de deeltaak Performance-audit (Krijn)

Practicum GET en POST over het opzetten van een NodeJS project met GET en POST routes, van 13:30 - 16:30. (Justus)

Dinsdag 14/04

CSS Challenge - over form inputs stylen, van 9:30 - 12:00. (Sanne) 

Woensdag 15/04

Presentaties deeltaak Performance audit over het rapporteren van de onderzoekresultaten van de Performance Test.

Workshop Layout Shift over het ontwerpen en bouwen websites waarbij de layout niet verspringt bij het laden van content, inloop 9:00, start 9:30 (Krijn)

Practicum Layout Shift over het bouwen van views en het voorkomen van Layout Shifts met Directus, 13:30 - 16:30. (Justus)

Donderdag 16/04

Doorwerken aan je project en vragen stellen

Vrijdag 17/04

Code/Design review Performance

Week 2

Maandag 20/04

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

Dinsdag 21/04

CSS Challenge

Woensdag 22/04

Workshop Responsive Images over hoe je images kunt gebruiken in je website volgens het principe van Progressive Enhancement, inloop 9:00, start 9:30 (Dorien)

Feedback deeltaak Progressive Enhancement Bespreken van UI components uit de deeltaak 

Practicum Responsive Images over het bouwen van Responsive Images met behulp van de Directus API, van 13:30 - 16:30. (Justus)

Donderdag 23/04

Practicum Loading states over het bouwen van UI states met client-side scripting, van 9:30 - 12:00. (Suus)

Vrijdag 24/04

Code en design review krijg feedback op de code en ontwerp van je enhanced website, inloop 9:00, start 9:30 (Suus)

We ♥ Web met  Niels Leenheer over Browsers en HTML (nerd-alert) , van 13:00 - 14:00 in het WBH01B17.

Week 3

Maandag 27/04

Koningsdag

Dinsdag 28/04

Meivakantie

Woensdag 29/04

Meivakantie

Donderdag 30/04

Meivakantie

Vrijdag 01/05

Meivakantie

Week 4

Maandag 04/05

Meivakatie

Dinsdag 05/05

Bevrijdingsdag

Workshop Client-Side scripting voor UX over het toepassen van view-transitions als de ui state in je website moet veranderen, inloop 9:00, start 9:30 (Krijn)

Practicum View Transitions, van 13:30 - 16:30. (Koop)

Woensdag 06/05

Wrap-Up sprint 10 Laatste dingen afmaken, sprint review voorbereiden, inloop 9:00, start 9:30

Feedback deeltaak Progressive Enhancement Bespreken van UI components uit de deeltaak 

Donderdag 07/05

Sprint review met de opdrachtgever 

Vrijdag 08/05

Retrospect sprint 10 terugkijken op de afgelopen sprint. Reflecteren op Methodisch handelen, Communiceren. Probleemoplossend vermogen, inloop 9:00, start 9:30

JSON endpoint: User Experience