Curus 2

Website en Experimenteren

In deze cursus stond voor mij het ontwikkelen van een website centraal. Ik had besloten om een portfoliowebsite te maken over cursus 1.

Uitleg over het ontwerp en de achterliggende HTML en CSS.

Uitlegvideo over de HTML en CSS

Uitlegvideo over het ontwerp

Voor een opdracht moesten ik en een peer een interactie die wij zeer irritant vinden herontwerpen. Wij hadden gekozen voor Cookie pop-ups. Deze hebben wij herontworpen zodat deze in de browser zit. Hier is een afbeelding van het prototype wat ik heb gemaakt in Adobe XD voor Firefox.

Klik op de afbeelding om naar het prototype te gaan.

Dit is een prototype voor een applicatie om studenten gezonder te laten eten. Het idee erachter is dat je elke dag vijf nieuwe gerecht op je hoofdpagina krijgt, zodat een keuze maken makkelijker is. Daarnaast kan je gerechten opslaan in je favoriten en kan je kijken naar alle gerechten die eerder langs zijn geweest.

Door op de afbeelding te klikken ga je naar het interactieve prototype.

Reflectie

Aan het eind van cursus 2 heb ik een reflectie geschreven. Hiervoor heb ik de STARR-methode gebruikt

Situatie

Ik heb de afgelopen twee maanden de tweede cursus van CMD gevolgd, genaamd Samen experimenteren. Dit heb ik samengedaan met mijn studiegenoten.

Taak

De cursus voor afgelopen cursus had ik voor mijzelf twee leerdoelen opgesteld: Aan het eind van cursus 2 weet ik wat ik nodig heb om een goede UX-designer te worden. En: Aan het eind van cursus 2 kan ik een website ontwerpen met Xd of Figma en kan ik deze bouwen door middel van HTML en CSS. Tijdens de cursus werd er van mij verwacht dat ik een website ging ontwerpen op basis van ontwerpprincipes om deze vervolgens te bouwen in HTML en CSS. Ook moest ik, door middel van creatieve technieken, tot oplossingen van ontwerpproblemen zien te komen. Dit door onder andere samen te werken met peers.

Actie

Voor mijn website ben ik begonnen met het leren van HTML en daarna CSS. De rede is, omdat je onmogelijk CSS kan leren zonder HTML te kennen. Tijdens het leren hiervan heb ik bedacht dat ik van mijn website een portfoliowebsite wou maken. Ik heb toen alle content verzameld en deze in een contentinventory gezet en vervolgens een sitemap gemaakt en meerdere schetsen. Dit heeft mij een goed beeld gegeven hoe ik mijn website wou maken. Ik heb een ontwerp gemaakt in Xd en deze geƫvalueerd met peers in een peerreview. De feedback die ik hieruit heb gekregen en geprioriteerd heb ik vervolgens toegepast in mijn nieuwe ontwerp. Tegen deze tijd was mijn kennis van HTML en CSS goed genoeg om mijn website te bouwen. Daarnaast heb ik ook met meerdere studiegenoten meerdere ontwerpproblemen moeten oplossen. Hier hebben we eerst ontwerpvragen voor het probleem gemaakt en zijn wij vervolgens aan de slag gegaan met creatieve technieken. Om vervolgens prototypes te maken van onze ontwerpen en deze te evalueren met andere studiegenoten. Daarnaast had ik ook als leerdoel erachter te komen wat ik nodig had als UX-designer. Ik heb dit op de achterbank neergezet, aangezien ik tijd liever aan andere dingen wilde besteden.

Resultaat

Het proces van het ontwikkelen is goed gelukt. Ik heb HTML en CSS kunnen leren en een website kunnen bouwen. Een website die ik zelf ontworpen heb. Het is mij goed gelukt, aangezien ik HTML en CSS niet al te moeilijk vond en ik het al snel onder de knie had. De ontwerpprincipes blijven in mijn ogen toch enigszins vaag. Ik begrijp ze wel, maar wanneer ik welke correct inzet is soms moeilijk voor mij te begrijpen. Het samenwerken met studiegenoten ging ook best goed. De creatieve technieken hebben goed geholpen bij het divergeren en het convergeren tot een uiteindelijke oplossing.

Reflectie

Ik ben trots op mijzelf voor het maken van mijn website. Ik heb deze volledig zelf ontworpen en alles behalve het logo van LinkedIn heb ik zelf gemaakt. Als ik nu zo terugkijk, heb ik het slim gedaan om mijn website niet al te complex te maken zodat het nog wel haalbaar was om hem te maken. Ik heb geleerd dat ik mijzelf soms onderschat met mijn skils en hoe snel ik sommige dingen kan leren. Voor mijn website had ik misschien een ander onderwerp willen kiezen. Ik vind het onderwerp van een portfoliowebsite niet de meest interessante, maar ik kwam niet zo snel met een alternatief van een ander onderwerp waar ik tevreden mee was. Ik ben ook heel blij dat ik HTML en CSS heb geleerd. Voor veel mensen is het toch wel abracadabra hoe het werkt en om te kunnen zeggen dat je het kan, vind ik wel cool. Qua de ontwerpen die ik heb gemaakt met peers ben ik vaak toch wat minder tevreden. Ik vind het ontwerpproces doorlopen met meerdere mensen heel leuk, maar ook soms best frustrerend. Ik merk namelijk dat het eindontwerp toch vaak een design by committee wordt om iedereen tevreden te stellen. Behalve mij. Ik ben dan niet tevreden, maar dat zeg ik dan niet. Ik ga de volgende keer als het weer gebeurt het aankaarten bij mijn groepsgenoten en mijn best doen om het eindontwerp te veranderen. Mocht dit niet lukken, vraag ik een extra mening van een docent of iemand uit een andere groep om het idee kort te reviewen. Mocht ik fout zitten met dat het ontwerp een slecht ontwerp is, dan probeer ik samen met mijn groepsgenoten een beter alternatief te ontwerpen. En mocht het toch een goed ontwerp blijken, dan leg ik mij daarbij neer.