ݺߣ

ݺߣShare a Scribd company logo
MAP PRES 2

  NEW
  MEDIA


MAD-FACULTY
Academiejaar
2012-2013


DOCENTEN
Stijn Mommen
Piet Steurs
Veerle Van der Sluys




                       MEMORY-
Lawrence Casier
MAP PRES
THEMATIEK
ONDERWERP




Verzamelen van persoonlijke verhalen
om deze dan op een ‘vernieuwende’ manier
naar de buitenwereld te brengen.

Dit uit zich in een interactief verhaal
op de Ipad

ONDERZOEKSVRAAG ATELIER

“HOE KUNNEN WE HET VERHAAL VAN EEN
OUDERE OP EEN VERNIEWENDE MANIER NAAR
DE BUITENWERELD BRENGEN”
MAP PRES
WAT
EEN IPAD
APPLICATIE?




EEN IPAD APPLICATIE MET VERHALEN DIE DE GOEDE OUDE TIJD NAAR
VOREN BRENGEN

Interface is dus voornamelijk gericht naar de oudere
Letten op gebruiksvriendelijkheid
MAP PRES
GEBRUIKS-
VRIENDE
LIJKHEID




WORTELS VAN GEBRUIKSVRIENDELIJKHEID


De eerste persoon in de geschiedenis die een systeem uitwerkte rond de principes
van design was Vesuvius in de eerste eeuw voor Christus.

Hij bedacht drie kernbegrippen omtrent het principe gebruiksvriendelijkheid



1 FIRMITAS                      2 UTILITAS                         3 VENUSTAS
De kracht en duurzaamheid van   Het nut van een design voor zijn   De schoonheid
een ontwerp                     gebruikers                         van het design
MAP PRES
GEBRUIKS-
VRIENDE
LIJKHEID
WORTEL




RECENTERE WORTELS VAN GEBRUIKSVRIENDELIJKHEID

In het tijdperk van de eerste computers, in de jaren ’80, was het gebruik van
computers zeer ingewikkeld, terwijl de modale mens niets wist van computers.
Daarom werd gebruiksvriendelijkheid een hoofddoel van alle interactieve software
die niet voor experts bedoeld was. Eenvoud was het hoofddoel.

Vandaag heerst er een ander begrip rond de term gebruiksvriendelijkheid:
Design aangepast aan de context
MAP PRES
GEBRUIKS-
VRIENDE
LIJKHEID
VANDAAG




VANDAAG WORDT GEBRUIKSVRIENDELIJKHEID OP TWEE MANIEREN BEKEKEN

1Gebruiksvriendelijkheid bekeken als een eigenschap van een interactief systeem.
Een systeem heeft een goede of slechte gebruiksvriendelijkheid
Essentialsitische visie

2Gebruiksvriendelijkheid als eigenschap van een interactie tussen gebruiker, comput-
er en de context.
Gebruiksvriendelijkheid is afhankelijk van doelgroep en functie
Contextuele visie
MAP PRES
GEBRUIKS-
VRIENDE
LIJKHEID
CONCEPT




DE CONCEPTUELE VISIE ANDERS BEKEKEN

De interface, bepaald door de context, de navigatie, hoe de gebruiker de com-
puter bestuurt, en de interactie, hoe de computer reageert op de navigatie van de
gebruiker, bepalen de gebruiksvriendelijkheid




DE INTERFACE                      DE NAVIGATIE                    DE INTERACTIE



                  GEBRUIKSVRIENDELIJKHEID
MAP PRES
ONDER
ZOEKS
VRAAG




ONDERZOEKSVRAAG




Hoe kunnen we de Ipad zo
gebruiksvriendelijk mogelijk
maken voor de oudere?
MAP PRES
PROB
LEMEN
OUDEREN




Wanneer we een digitaal medium zo gebruiksvriendelijk
mogelijk willen maken voor ouderen moeten we rekening houden met twee
problemen waar veel ouderen mee te kampen hebben.

Verminderde werking zintuigen
Beperkte kennis van digitale media
MAP PRES
OUDEREN
& NIEUWE
MEDIA




OUDEREN EN NIEUWE MEDIA

Om te weten wat gebruiksvriendelijkheid voor ouderen betekent, moeten
we eerst kijken waarvoor ouderen nieuwe media voornamelijk gebruiken.

Met andere woorden: wat is de context waarbinnen ouderen met nieuwe
media werken.

Volgens het instituut voor informatietechnologie van Helsinki gebruiken
ouderen nieuwe media voornamelijk om…

1in contact te blijven met familie en vrienden
2media te delen en te creëren in de vorm van foto’s, fotoalbums, en
 geschiedenis van de familie
MAP PRES
OUDEREN
& NIEUWE
MEDIA




Deze informatie toont aan dat ons project sterk aanleunt bij de
interesses van de ouderen

Persoonlijke geschiedenis van ouderen wordt verteld

Ons project wordt tevens een sociaal netwerk, waar de oudere
in contact kan komen met familie en vrienden
MAP PRES
OUDEREN
& IPAD




VOORDELEN IPAD OM NIEUWE MEDIA DICHTER BIJ OUDEREN TE
BRENGEN

Een zeer helder scherm ideaal voor mensen met een gezichtsbeperking

Intuïtieve besturing door direct contact met het scherm

On-screen keyboard zorgt ervoor dat ze hun aandacht niet moeten
verdelen over verschillende elementen, maar enkel op het scherm
moeten focussen

‘back button’ geeft de ouderen het veilige gevoel dat ze steeds terug
kunnen als ze vast zouden zitten (Bij de Ipad2 is deze verdwenen?)
MAP PRES
OUDEREN
& APPS




WAAROP MOETEN WE LETTEN WANNEER WE APPS MAKEN
VOOR OUDEREN

Zorg voor duidelijke instructies over hoe de app te gebruiken, liefst via tekst, en
helpvensters die een prominente plaats krijgen

Gebruik een eenvoudige navigatiestructuur

Zorg voor feedback als een taak is volbracht, zoals een subtiele animatie of
geluidseffect als een knop is ingedrukt, of een kleurverandering van een item als
het geselecteerd is

Limiteer het gebruik van slepen in de app

Zorg voor een gevoel van voltooiing als bepaalde taken zijn volbracht.
Dit versterkt zelfredzaamheid.
MAP PRES
OUDEREN
& APPS




WAAROP MOETEN WE LETTEN WANNEER WE APPS MAKEN
VOOR OUDEREN

Gebruik van een minimalistisch design om de oudere niet te overladen met
informatie

Gebruik maken van grote iconen die gemakkelijk zijn te interpreteren inzake
functie en interactiemogelijkheden

Vermijden van gebruik van irrelevante informatie op het scherm

Omdat kleurverschillen moeilijker waar te nemen zijn als je ouder wordt, moet
gebruik gemaakt worden van een beperkt kleurenpallet met maximale contrasten
MAP PRES
SKEUO
MORPHISME




SKEUOMORPHISME ALS MOGELIJKHEID TOT TOEGANKELIJKERE
NAVIGATIE VOOR OUDEREN

Wat is Skeuomorphisme?

Een stijl die metaforen en texturen uit de echte wereld
gebruikt in digitale interfaces.

Deze vorm van design kan een mogelijkheid zijn in ons project om
herkenbare elementen voor de oudere generatie toe te voegen, zodat ze
onmiddellijk begrijpen hoe ze moeten navigeren.
MAP PRES
SKEUO
MORPHISME




NADELEN SKEUOMORPHISME

Wanneer je enkel via deze weg denkt, verlies je de meerwaarde van de
digitale drager.

We dienen dus een harmonie te vinden tussen skeuomorphisme en de
meerwaarde van de Ipad t.o.v. analoge dragers.

Skeuomorphisme gebruiken als opstap naar de digitale media, met
toevoegingen van meerwaarde van de digitale drager t.o.v. analoge
dragers
MAP PRES
VOORUIT
ZICHT



           BIBLIOGRAFIE

           THESIS INGE VANHEES. ONDERZOEK NAAR GEBRUIKSVRIENDELIJKHEID EN INNOVATIE BIJ IPAD MAGAZINES. MAD FACULTY

           HTTP://CHRIS.PIRILLO.COM/IPAD-HELPS-VISION-IMPAIRED-ELDERLY-READ/

           HTTP://TREETOPS.ORG.AU/GROUPS/AGEDCARE/WIKI/87E74/ARTICLES_ON_IPADS_IN_AGED_CARE.HTML

           HTTP://WWW.GOOGLE.BE/IMGRES?START=117&UM=1&HL=EN&SA=N&TBO=D&RLZ=1C1CHFX_NLBE476BE477&BIW=1920&BIH=942&TBM=ISCH&TBNID=NGHNMAQ
           JW_IVAM:&IMGREFURL=HTTP://WWW.RICHARDPATEY.COM/APPLES-HUMAN-INTERFACE-TO-REJECT-SKEUOMORPHISM/&DOCID=0AXLVWJCAN1YUM&IMGURL=HTTP://
           WWW.RICHARDPATEY.COM/WP-CONTENT/UPLOADS/2012/11/PHOTO.PNG&W=640&H=360&EI=B5Q3UPFYC8JJ0QWZUIDGBQ&ZOOM=1&IACT=HC&VPX=409&VPY=219
           &DUR=1222&HOVH=168&HOVW=300&TX=183&TY=102&SIG=108936109096825221520&PAGE=3&TBNH=142&TBNW=254&NDSP=55&VED=1T:429,R:37,S:100,I:115

           HTTP://UXDESIGN.SMASHINGMAGAZINE.COM/2012/05/23/THE-HISTORY-OF-USABILITY-FROM-SIMPLICITY-TO-COMPLEXITY/

           HTTP://WWW.SMARTPLANET.COM/BLOG/THINKING-TECH/IPAD-OPENS-DIGITAL-DOORS-FOR-THE-ELDERLY/3674

           HTTP://BLOG.SOFTWAREUNITY.COM/2010/06/SENIOR-CITIZENS-FIRST-IPAD-ENCOUNTER.HTML

           HTTP://WWW.GOOGLE.BE/URL?SA=T&RCT=J&Q=&ESRC=/slideshow/new-media-2-15411608/15411608/S&SOURCE=WEB&CD=1&VED=0CDEQFJAA&URL=HTTP%3A%2F%2FCITESEERX.IST.PSU.
           EDU%2FVIEWDOC%2FDOWNLOAD%3FDOI%3D10.1.1.79.7704%26REP%3DREP1%26TYPE%3DPDF&EI=FP-3UJC-O6FV0QXIWYHIAQ&USG=AFQJCNHIUSIKRZ8AI8TG9WISK
           5G5DYSANG&SIG2=9UWM9YEJG7WNHY1GYKXN-A

           HTTP://EN.WIKIPEDIA.ORG/WIKI/SKEUOMORPH

           HTTP://GIGAOM.COM/APPLE/SKEUMORPHISM-IS-FINALLY-DEAD-SO-WHAT-IS-APPLES-NEXT-DESIGN-MOVE/
BEDANKT
VOOR UW
AANDACHT

More Related Content

NEW MEDIA 2

  • 1. MAP PRES 2 NEW MEDIA MAD-FACULTY Academiejaar 2012-2013 DOCENTEN Stijn Mommen Piet Steurs Veerle Van der Sluys MEMORY- Lawrence Casier
  • 2. MAP PRES THEMATIEK ONDERWERP Verzamelen van persoonlijke verhalen om deze dan op een ‘vernieuwende’ manier naar de buitenwereld te brengen. Dit uit zich in een interactief verhaal op de Ipad ONDERZOEKSVRAAG ATELIER “HOE KUNNEN WE HET VERHAAL VAN EEN OUDERE OP EEN VERNIEWENDE MANIER NAAR DE BUITENWERELD BRENGEN”
  • 3. MAP PRES WAT EEN IPAD APPLICATIE? EEN IPAD APPLICATIE MET VERHALEN DIE DE GOEDE OUDE TIJD NAAR VOREN BRENGEN Interface is dus voornamelijk gericht naar de oudere Letten op gebruiksvriendelijkheid
  • 4. MAP PRES GEBRUIKS- VRIENDE LIJKHEID WORTELS VAN GEBRUIKSVRIENDELIJKHEID De eerste persoon in de geschiedenis die een systeem uitwerkte rond de principes van design was Vesuvius in de eerste eeuw voor Christus. Hij bedacht drie kernbegrippen omtrent het principe gebruiksvriendelijkheid 1 FIRMITAS 2 UTILITAS 3 VENUSTAS De kracht en duurzaamheid van Het nut van een design voor zijn De schoonheid een ontwerp gebruikers van het design
  • 5. MAP PRES GEBRUIKS- VRIENDE LIJKHEID WORTEL RECENTERE WORTELS VAN GEBRUIKSVRIENDELIJKHEID In het tijdperk van de eerste computers, in de jaren ’80, was het gebruik van computers zeer ingewikkeld, terwijl de modale mens niets wist van computers. Daarom werd gebruiksvriendelijkheid een hoofddoel van alle interactieve software die niet voor experts bedoeld was. Eenvoud was het hoofddoel. Vandaag heerst er een ander begrip rond de term gebruiksvriendelijkheid: Design aangepast aan de context
  • 6. MAP PRES GEBRUIKS- VRIENDE LIJKHEID VANDAAG VANDAAG WORDT GEBRUIKSVRIENDELIJKHEID OP TWEE MANIEREN BEKEKEN 1Gebruiksvriendelijkheid bekeken als een eigenschap van een interactief systeem. Een systeem heeft een goede of slechte gebruiksvriendelijkheid Essentialsitische visie 2Gebruiksvriendelijkheid als eigenschap van een interactie tussen gebruiker, comput- er en de context. Gebruiksvriendelijkheid is afhankelijk van doelgroep en functie Contextuele visie
  • 7. MAP PRES GEBRUIKS- VRIENDE LIJKHEID CONCEPT DE CONCEPTUELE VISIE ANDERS BEKEKEN De interface, bepaald door de context, de navigatie, hoe de gebruiker de com- puter bestuurt, en de interactie, hoe de computer reageert op de navigatie van de gebruiker, bepalen de gebruiksvriendelijkheid DE INTERFACE DE NAVIGATIE DE INTERACTIE GEBRUIKSVRIENDELIJKHEID
  • 8. MAP PRES ONDER ZOEKS VRAAG ONDERZOEKSVRAAG Hoe kunnen we de Ipad zo gebruiksvriendelijk mogelijk maken voor de oudere?
  • 9. MAP PRES PROB LEMEN OUDEREN Wanneer we een digitaal medium zo gebruiksvriendelijk mogelijk willen maken voor ouderen moeten we rekening houden met twee problemen waar veel ouderen mee te kampen hebben. Verminderde werking zintuigen Beperkte kennis van digitale media
  • 10. MAP PRES OUDEREN & NIEUWE MEDIA OUDEREN EN NIEUWE MEDIA Om te weten wat gebruiksvriendelijkheid voor ouderen betekent, moeten we eerst kijken waarvoor ouderen nieuwe media voornamelijk gebruiken. Met andere woorden: wat is de context waarbinnen ouderen met nieuwe media werken. Volgens het instituut voor informatietechnologie van Helsinki gebruiken ouderen nieuwe media voornamelijk om… 1in contact te blijven met familie en vrienden 2media te delen en te creëren in de vorm van foto’s, fotoalbums, en geschiedenis van de familie
  • 11. MAP PRES OUDEREN & NIEUWE MEDIA Deze informatie toont aan dat ons project sterk aanleunt bij de interesses van de ouderen Persoonlijke geschiedenis van ouderen wordt verteld Ons project wordt tevens een sociaal netwerk, waar de oudere in contact kan komen met familie en vrienden
  • 12. MAP PRES OUDEREN & IPAD VOORDELEN IPAD OM NIEUWE MEDIA DICHTER BIJ OUDEREN TE BRENGEN Een zeer helder scherm ideaal voor mensen met een gezichtsbeperking Intuïtieve besturing door direct contact met het scherm On-screen keyboard zorgt ervoor dat ze hun aandacht niet moeten verdelen over verschillende elementen, maar enkel op het scherm moeten focussen ‘back button’ geeft de ouderen het veilige gevoel dat ze steeds terug kunnen als ze vast zouden zitten (Bij de Ipad2 is deze verdwenen?)
  • 13. MAP PRES OUDEREN & APPS WAAROP MOETEN WE LETTEN WANNEER WE APPS MAKEN VOOR OUDEREN Zorg voor duidelijke instructies over hoe de app te gebruiken, liefst via tekst, en helpvensters die een prominente plaats krijgen Gebruik een eenvoudige navigatiestructuur Zorg voor feedback als een taak is volbracht, zoals een subtiele animatie of geluidseffect als een knop is ingedrukt, of een kleurverandering van een item als het geselecteerd is Limiteer het gebruik van slepen in de app Zorg voor een gevoel van voltooiing als bepaalde taken zijn volbracht. Dit versterkt zelfredzaamheid.
  • 14. MAP PRES OUDEREN & APPS WAAROP MOETEN WE LETTEN WANNEER WE APPS MAKEN VOOR OUDEREN Gebruik van een minimalistisch design om de oudere niet te overladen met informatie Gebruik maken van grote iconen die gemakkelijk zijn te interpreteren inzake functie en interactiemogelijkheden Vermijden van gebruik van irrelevante informatie op het scherm Omdat kleurverschillen moeilijker waar te nemen zijn als je ouder wordt, moet gebruik gemaakt worden van een beperkt kleurenpallet met maximale contrasten
  • 15. MAP PRES SKEUO MORPHISME SKEUOMORPHISME ALS MOGELIJKHEID TOT TOEGANKELIJKERE NAVIGATIE VOOR OUDEREN Wat is Skeuomorphisme? Een stijl die metaforen en texturen uit de echte wereld gebruikt in digitale interfaces. Deze vorm van design kan een mogelijkheid zijn in ons project om herkenbare elementen voor de oudere generatie toe te voegen, zodat ze onmiddellijk begrijpen hoe ze moeten navigeren.
  • 16. MAP PRES SKEUO MORPHISME NADELEN SKEUOMORPHISME Wanneer je enkel via deze weg denkt, verlies je de meerwaarde van de digitale drager. We dienen dus een harmonie te vinden tussen skeuomorphisme en de meerwaarde van de Ipad t.o.v. analoge dragers. Skeuomorphisme gebruiken als opstap naar de digitale media, met toevoegingen van meerwaarde van de digitale drager t.o.v. analoge dragers
  • 17. MAP PRES VOORUIT ZICHT BIBLIOGRAFIE THESIS INGE VANHEES. ONDERZOEK NAAR GEBRUIKSVRIENDELIJKHEID EN INNOVATIE BIJ IPAD MAGAZINES. MAD FACULTY HTTP://CHRIS.PIRILLO.COM/IPAD-HELPS-VISION-IMPAIRED-ELDERLY-READ/ HTTP://TREETOPS.ORG.AU/GROUPS/AGEDCARE/WIKI/87E74/ARTICLES_ON_IPADS_IN_AGED_CARE.HTML HTTP://WWW.GOOGLE.BE/IMGRES?START=117&UM=1&HL=EN&SA=N&TBO=D&RLZ=1C1CHFX_NLBE476BE477&BIW=1920&BIH=942&TBM=ISCH&TBNID=NGHNMAQ JW_IVAM:&IMGREFURL=HTTP://WWW.RICHARDPATEY.COM/APPLES-HUMAN-INTERFACE-TO-REJECT-SKEUOMORPHISM/&DOCID=0AXLVWJCAN1YUM&IMGURL=HTTP:// WWW.RICHARDPATEY.COM/WP-CONTENT/UPLOADS/2012/11/PHOTO.PNG&W=640&H=360&EI=B5Q3UPFYC8JJ0QWZUIDGBQ&ZOOM=1&IACT=HC&VPX=409&VPY=219 &DUR=1222&HOVH=168&HOVW=300&TX=183&TY=102&SIG=108936109096825221520&PAGE=3&TBNH=142&TBNW=254&NDSP=55&VED=1T:429,R:37,S:100,I:115 HTTP://UXDESIGN.SMASHINGMAGAZINE.COM/2012/05/23/THE-HISTORY-OF-USABILITY-FROM-SIMPLICITY-TO-COMPLEXITY/ HTTP://WWW.SMARTPLANET.COM/BLOG/THINKING-TECH/IPAD-OPENS-DIGITAL-DOORS-FOR-THE-ELDERLY/3674 HTTP://BLOG.SOFTWAREUNITY.COM/2010/06/SENIOR-CITIZENS-FIRST-IPAD-ENCOUNTER.HTML HTTP://WWW.GOOGLE.BE/URL?SA=T&RCT=J&Q=&ESRC=/slideshow/new-media-2-15411608/15411608/S&SOURCE=WEB&CD=1&VED=0CDEQFJAA&URL=HTTP%3A%2F%2FCITESEERX.IST.PSU. EDU%2FVIEWDOC%2FDOWNLOAD%3FDOI%3D10.1.1.79.7704%26REP%3DREP1%26TYPE%3DPDF&EI=FP-3UJC-O6FV0QXIWYHIAQ&USG=AFQJCNHIUSIKRZ8AI8TG9WISK 5G5DYSANG&SIG2=9UWM9YEJG7WNHY1GYKXN-A HTTP://EN.WIKIPEDIA.ORG/WIKI/SKEUOMORPH HTTP://GIGAOM.COM/APPLE/SKEUMORPHISM-IS-FINALLY-DEAD-SO-WHAT-IS-APPLES-NEXT-DESIGN-MOVE/