Inhoud:
1. Beleving van de gebruiker
2. Hoe meet je de Usability.
3. De piramide van Anderson (wanneer ben je succesvol)
4. Outside-in versus inside-out thinking
5. Wat is een infographic?
6. Voorbeelden van creatief–kunstzinnige infographic
7. Studievragen.
8. Opdracht: Infographic

Richard Slakhorst

---

1.Beleving van de gebruiker

User experience design gaat over de beleving van een gebruiker.
Ergert de bezoeker zich omdat ze niet snel kan vinden wat ze zoekt, of vindt ze de vormgeving lelijk? Dan zal de bezoeker de website wegklikken of de app verwijderen. Hoe kun je dat voorkomen?

De beleving (expressie – gevoel – ervaring – interactie) bestaat uit:
1. De look – hoe een app of website eruitziet
2. De feel – hoe deze voelt: ervaring / interactie / experience
3. Usability – hoe makkelijk het product (de app, website…) is in gebruik

Usability = gebruiksvriendelijkheid (makkelijk in gebruik)
Iets is gebruik(er)svriendelijk wanneer een beoogde eindgebruiker van een product dat product effectief, efficiënt en naar tevredenheid kan gebruiken.
Zo’n product kan een website, app of computerprogramma zijn, voor ons zijn de webapp en website van belang

---

2. Hoe meet je de Usability.

Usability (makkelijk in gebruik)
Bij het bepalen van de gebruiksvriendelijkheid van een app of website, gebruik je de 5 E’s:

Usability 5 E’s: checklist
1.Effectief: hoe volledig en accuraat wordt een taak of ervaring afgerond?
2.Efficiënt: hoe snel wordt de taak voltooid?
3.Engaging: hoe goed kan de gebruiker met de interface omgaan en hoe fijn en prettig is het om die te gebruiken?
4.Error Tolerant: hoe goed worden fouten voorkomen en worden fouten door gebruikers opgelost?
5.Easy to Learn: hoe gemakkelijk is het te gebruiken en door het gebruik te leren?

Eerste website.
Wanneer je kijkt naar de allereerste webpagina uit 1991, dan zie je dat de maker alleen bezig was met de techniek. Je ziet geen design en er is weinig “experience”. Bij het ontstaan van internet dacht men nog niet na over interactiviteit en de ervaring van de gebruiker. Internet heeft zich snel ontwikkeld. 25 jaar later zijn er meer dan 15 triljoen webpagina’s op het internet. 48 biljoen webpagina’s kun je vinden met Google. Er zijn steeds meer technieken die je kunt gebruiken. Gebruikers zijn ervaren geworden. Hierdoor kun je niet zomaar lekker gaan bouwen en (grafisch) vormgeven. Wanneer je websites, apps of interactieve product wilt ontwikkelen, moet je je bezighouden met de beleving van de gebruiker.

---

3. De piramide van Anderson (wanneer ben je succesvol)

De concurrentie op Internet is groot.
Wil je bezoekers trekken en houden, dan moeten je gebruikers iets hebben aan je toepassing, én de toepassing ook nog eens graag gebruiken.
UXD (User Experience Design) wordt goed weergegeven in de piramide van Stephen Anderson. Hoe hoger je in de piramide komt, hoe beter de UXD van de website of app is.

A. De eerste absolute voorwaarde is:
1. Functioneel: het moet werken
2. Betrouwbaar: de gebruiker heeft het gevoel dat de informatie op de site klopt.
3 .Bruikbaar: de site moet op elk moment werken, en op elke pagina.
4. Gebruiksvriendelijk: het gebruiken van de site moet makkelijk zijn.
Wanneer je site of app aan deze eisen voldoet, ben je al een goed eind op weg, maar echt USD is nog niet. Het is echt UXD als de gebruiker niet meer hoeft na te denken, maar vlot en quasi-automatisch door de site gaat.

B. De echt UXD (User Experience Design) is:
5. Plezierig: de site of de app is ‘fun’.
6 .Betekenisvol: persoonlijke betekenis voor je bezoekers of gebruikers. (het wow-gevoel)

---

4.  Outside-in versus inside-out thinking

Je kijkt met het perspectief van de klant: de klant staat daarbij centraal staat en je bekijkt dan ook alles vanuit het oogpunt van de klant. Dus niet vanuit je eigen perspectief of het perspectief van de ontwerper alleen.

1 Inside-out thinking
De focus ligt op je eigen denkproces en gevoel wat betreft processen,
systemen, tools en het product.De ontwikkeling en het ontwerp worden
uitgevoerd op basis van wat jij denkt dat het beste is voor de klant.

2 Outside-in thinking
Je kijkt door de ogen van de klant: van buiten naar binnen dus. Je neemt beslissingen omdat je weet wat het beste is voor jouw klanten. Je hebt namelijk naar je klanten geluisterd en je begrijpt je klanten. Je hebt gekeken naar de behoeften van de klant, naar wat deze echt wil. De stem van de eindklant moet bij alle beslissingen worden gehoord en begrepen. Daarnaast heb je de concurrent bestudeerd. Wat biedt hij en hoe kan jij een toegevoegde waarde aanbrengen?

---

5. Wat is een infographic?

Omdat we als UXD-vormgever veel data en informatie moeten visualiseren is het erg handig om te oefenen met het visualiseren van complexe data en informatie. Een veel gebruikte werkvorm hiervoor is de infographic.

De infographic wint aan populariteit. Het is een illustratie of afbeelding die complexe informatie op een speelse manier weergeeft. Het is een afbeelding waarin andere afbeeldingen en teksten zijn verwerkt. Vaak wordt een infographic bij een artikel toegevoegd, ter versterking van de informatie in de tekst. In plaats van enkel grote lappen tekst ziet de bezoeker alle informatie in één oogopslag in een beeld. De gegevens / informatie uit de tekst is dan in feite gevisualiseerd. (beeld).

---

6.Voorbeelden van creatief–kunstzinnige infographics

Bekijk de voorbeelden van verschillende soorten infographics
Voorbeelden klik <<<<<<<<<<<<<<<

The Ultimate Guide to Infographic Marketing
klik hier<<<<<<<<

Animated infographics 

---

---

7. Studievragen.

Vraag 1 Wat is Usability? 
Vraag 2 Waar staan binnen de 5 E’s de volgende woorden voor 1.Effectief: 2.Efficiënt: 3.Engaging: 4.Error Tolerant: 5. Easy to Learn:
Vraag 3 waar is de piramide van Stephen Anderson handig voor?.
Vraag 4 Wat is Inside-out thinking?
Vraag 5 Wat is Outside-in thinking?
Vraag 6 Wat is een infographic?

---

8. Opdracht: Infographic

infographic (Survival Guide)
Wat is een Infographic? Info = informatie en graphic = beeld. Het houdt dus in dat je informatie in beeld overbrengt. Dit is een hele vakgroep binnen de grafische wereld. Een goede infographic kunnen maken is tegenwoordig erg belangrijk.

OPDRACHT
Maak een infographic ‘Survival guide for Ma-students’. Wat heeft een student nodig om hier te kunnen werken/studeren en te kunnen overleven op school? Je gaat met 3 studenten overleggen wat een student nodig heeft en maakt daar een lijstje van met minimaal 12 problemen die je tegenkomt op school. Je gaat vervolgens 12 oplossingen / adviezen bedenken om de problemen te kunnen overleven. Vervolgens ga je individueel aan de slag en maakt een eigen persoonlijke uitwerking met daar in minimaal 6 problemen waar je een oplossing of advies voor hebt bedacht.

Je gaat de infographic maken voor nieuwe 1e-jaarsstudenten van het eerstvolgende studiejaar. 
Je maakt een poster – in de vorm van een infographic – om hun te laten zien hoe ze de eerste 10 weken op het Media College Amsterdam goed kunnen overleven. 

Je gaat dus uit van jouw lijstje met minimaal 6 problemen of zaken waar zelf tegen aan bent gelopen tijdens de eerste 6 weken op school. Je bedenkt dan minimaal 6 oplossingen / adviezen voor deze problemen waar toekomstige studenten iets aan hebben, zodat ze goed zijn voorbereid. Het is de bedoeling dat 1e-jaarsstudenten die de poster zien in één oogopslag goede tips krijgen aangereikt door jou om te overleven. ‘Survival guide for Ma-students’

---

---