In deze deeltaak ga je een chatfunctie ontwerpen en vormgeven in de huisstijl van jouw opdrachtgever.
Deze leertaak hoort bij sprint 11 "Connecting People". Dit is een deeltaak die je individueel uitvoert.
Leren om een huisstijl te analyseren om deze vervolgens toe te passen op een chatfunctie.
Opdracht: chatfunctie ontwerpen in huisstijl van de opdrachtgever.
Deze opdracht gaat over de analyse en ontwerp fase van de DLC.
In de analysefase inventariseer je wat er moet gebeuren om een taak uit te voeren.
Aanpak
- Zoek 5 voorbeelden van chatfuncties, maak screenshots en zet ze op het Mirobord.
- Bespreek in groepjes wat je er wel of niet goed aan vindt en zet dit op post-its bij de ontwerpen.
- Bekijk de huisstijl van jouw opdrachtgever: uit welke visuele elementen bestaat deze? wat zou je mee kunnen nemen in de chatfunctie?
Als je de huisstijl van jouw opdrachtgever hebt bekejen en je hebt voorbeelden verzameld van andere chatfuncties, kan je aan de slag met het ontwerpen.
Aanpak
- Bekijk jouw verzamelde ontwerpen: wat vind je er goed aan? en wat niet? wat neem je over? en wat niet? waar zit de mogelijke variatie in?
- Pak de huisstijlanalyse van de huisstijl van jouw opdrachtgever erbij: welke elementen kan je gebruiken voor de vormgeving van jouw chatfunctie?
- Maak een schets op papier van hoe jouw chatfunctie eruit zou kunnen zien. Schrijf jouw overwegingen erbij in annotaties.
- Bespreek de schets met een klasgenoot.
- Werk het ontwerp in detail uit in Figma, XD, Sketch, ... (of in CSS). Zorg dat je nu ook variaties maakt zodat je uiteindelijk 10 verschillende digitale ontwerpen hebt gemaakt. Denk hierbij aan (kleine) variaties in kleur, schaduw, marges, typografie etc.
Definitions of done
Focus sprint 11 - De focus van deze sprint ligt op het maken van multi-user omgeving door het opzetten van een real-time verbinding tussen client en server.
P: Schetst om gedachten en processen te verkennen.
P: Je combineert aangeboden principes en conventies op het gebied van frontend, interface design en vormgeving om een passende oplossing voor een opdrachtgever te realiseren.
Deze opdracht is done als:
- Er goed is gekeken naar de huisstijl van de opdrachtgever en deze terug te zien is in de chat functie
- Er een schets van een chat functie is gemaakt op papier.
- Er 10 ontwerpen in detail zijn uitgewerkt in Figma, XD, Sketch, ... (of in CSS).
- De schetsen en uitgewerkte ontwerpen zijn gedocumenteerd in de Readme van de leertaak.