Portfolio - Interaction Design Aspecten

• ICT
• MBO
• Studiejaar 1

Portfolio

Interaction Design aspecten

Dit gaan we doen

• Lesdoelen
• Usability
• User experience
• Gamification
• Voorbeeld
• Opdracht
• Vragen

Lesdoelen

Je kent de verschillende aspecten van Usability

Je kent de verschillende aspecten van User Experience

Je kent de verschillende aspecten van Gamification

Je kunt de aspecten toepassen op je eigen portfolio

Usability

Usability is de gebruiksvriendelijkheid.

Om te controleren en testen of het interactieve product gebruiksvriendelijk is gebruiken we een methode:

De 5 E’s van Usability:

1. Effective (doel bereiken)
   
2. Efficiency (middelen om doel te bereiken)
   
3. Engaging (innemend/ aantrekkelijk)
   
4. Error tolerant (voorkomen en herstellen van fouten)
5. Easy to learn (makkelijk te leren / gebruiken. Laat gebruikers niet nadenken) 

Usability voorbeeld

Onderdeel: 5 E’s of Usability	Hoe te gebruiken?
Effective: Doel bereiken	Alleen tekst die nuttige informatie geeft. Kijk maar op de projectpagina, daar geef ik een omschrijving over het project, met een afbeelding en de programmeertalen.
Efficiency: Middelen om doel te bereiken, bijv. snelheid	Een goede navigatie structuur en snelkoppelingen.
Engaging: Innemend/ Aantrekkelijk	Een duidelijke taal, goed leesbare teksten
Error tolerant: Voorkomen en herstellen	Zorg ervoor dat acties gemakkelijk ongedaan gemaakt kunnen worden.
Easy to learn: Makkelijk te leren	Duidelijke en minimale instructies om door de website te navigeren.

User experience

User experience is de gebruikerservaring.

Om te controleren en testen of het interactieve product voldoet aan een goede gebruikerservaring, gebruik je de UX pyramid van Stephen P. Anderson.

• Useful (Functionaliteit)
• Reliable (Betrouwbaarheid)
• Usable (Bruikbaarheid)
• Convenient (Gebruiksgemak, handig)
• Pleasurable (Plezier)
• Meaningfull (Betekenisvol)

User experience voorbeeld

Onderdeel: Pyramide van UX	Hoe te gebruiken?
Useful: Functionaliteit.	Informatie over Vaardigheden, Kennis, Over mij, Projecten en Contactgegevens. (Pagina’s die te zien en te bereiken zijn)
Reliable: Betrouwbaarheid.	De informatie op de website is betrouwbaar. Per project is er een foto met een beschrijving. Met daarbij de gebruikte programmeertalen.
Usable: Bruikbaarheid.	Eenvoudig kunnen navigeren naar andere pagina’s
Convenient: Gebruiksgemak.	De elementen gedragen zich zoals verwacht, de gebruiker kan met gemakt de website bedienen.
Pleasurable: Plezier.	Creatief: spelletjes met javascript worden in het portfolio geplaatst.
Meaningfull: Betekenisvol.	Eigen layout, eigen huisstijl en het persoonlijk maken van je portfolio.

Gamification

Gamification is het toevoegen van spelelementen aan een niet-spel situatie om gedrag positief te beïnvloeden.

Door spelelementen toe te voegen wordt de intrinsieke motivatie voor bepaald gedrag gestimuleerd.

Stap 1: Bepaal het doel.

Stap 2: Wat is de beloning (wat krijgt de speler ervoor).

Stap 3: Hoe intrinsiek motiveren:

Om te motiveren let je op een aantal punten:

Competence: Iedereen wil het gevoel hebben dat hij/zij iets kan.

Autonomous: De behoefte om de controle over eigen taken/ leven te hebben.

Relates: Verbondenheid: Het verlangen naar interactie, verbinding en de behoeften om voor anderen te zorgen.

Gamification voorbeeld

Onderdeel: 3 stappen	Hoe te gebruiken?
Bepaal het doel
Wat is de beloning (wat krijgt de speler ervoor)
Intrinsieke motivatie Competentie: Iedereen wil het gevoel hebben dat hij/zij iets kan.	Vanuit de docent ondersteuning krijgen bij het ontwikkelen van de portfolio website.
Intrinsieke motivatie Autonomie: De behoefte om de controle over eigen taken/ leven te hebben.	Onderscheiden van het portfolio door middel van een zelfgemaakte layout en huisstijl en dit in te vullen met persoonlijke informatie, foto’s en zelf gemaakte projecten.
Intrinsieke motivatie Relatie: Verbondenheid: Het verlangen naar interactie, verbinding en de behoeften om voor anderen te zorgen.	Social Media accounts koppelen (LinkedIn, Instagram, facebook, GITHUB etc).

Opdracht

Bekijk je eigen portfolio en bekijk het template op het lesmateriaal.

• Vul per aspect in wat voor jouw portfolio van toepassing is.
• Ga daarna na of dit ook in jouw portfolio verwerkt is. 

        - Zo niet, verbeter je portfolio en zorg er voor dat je aan alle                interaction design aspecten voldoet. 

Zijn er nog vragen?