Prototyping Humane en Sociale Aspecten van de Informatica

PROTOTYPING IN POWERPOINT/KEYNOTE HOE GAAN WE TE WERK? 2

Hoe gaan we te werk? (1) 1.Bereid alle schermen voor die je nodig hebt 1 scherm per slide geef elke slide een zinvolle (verborgen) titel! (vergemakkelijkt het toevoegen van hyperlinks) een aantal schermen vergeten?  slides achteraf aanvullen en naar juiste plaats slepen in slideshow 3

Tips (1) Gebruik voorbeeld afbeeldingen, foto’s, etc. i.p.v. Gebruik standaard objecten en opmaak uit PowerPoint (insert en format tab) vb. Gebruik controls uit developer tab 4 Hier komt een foto OK

Developer tab Maakt het mogelijk enkele standaard widgets te gebruiken Eenvoudige vba code toevoegen (zie verder) Tab wel eerst activeren 5

Developer tab activeren File  Options Customize Ribbon  Developer aanvinken  OK 6

Tips (2) Gebruik templates (bv. master slide) en copy- paste om consistentie te behouden Je mag prototypes uit Photoshop e.d. behouden, maar voeg interactie toe d.m.v “onzichtbaar object” (zie verder) 7

Hoe gaan we te werk? (2) 2. Vermijd verderklikken op volledige slide Slide Show tab  Set Up Slide Show  Selecteer Browsed at a kiosk 8

Hoe gaan we te werk? (3) 3. Voorzie interactiviteit d.m.v.: Hyperlinks Animaties Scherm transities Actions VBA scripts 9

Hyperlinks Nodig voor navigatie door schermen 2 mogelijkheden: – rechtstreeks via object – via “onzichtbaar object” (= transparant object) over prototype afbeelding (uit Photoshop, …) 10 OK

Animaties Bijvoorbeeld om directe manipulatie te simuleren m.b.v. motion paths van objecten Animations tab  Custom Animation 11

Scherm transities (1) Om navigatie in de UI te verduidelijken vb. bij doorlopen toepassing in wizard stijl 12 Geeft gebruiker het gevoel dat hij/zij door de UI “schuift” en geeft hem/haar een beter begrip van de UI

Scherm transities (2) Om timer te simuleren – Bijvoorbeeld om knop te activeren: 13 Scherm 1Scherm 2 Na x seconden

Actions (1) “Mouse over” simuleren 2 verschillende knoppen op 2 aparte slides 14 Hover mouse here

Actions (1) “Mouse over” simuleren 2 verschillende knoppen op 2 aparte slides 15 Hover mouse here

Actions (2) “Mouse over” simuleren Hoe “Mouse out” simuleren? – Optie is niet aanwezig in PowerPoint 16 Hover mouse here

Actions (2) “Mouse over” simuleren Hoe “Mouse out” simuleren? – Optie is niet aanwezig in PowerPoint – Wel via omweg: onzichtbare rechthoeken tekenen – Zelfde soort action toevoegen voor elke rechthoek – Tips: vermijd dat de rechthoeken het object overlappen (randen!) maak de randen pas onzichtbaar op het einde 17 Hover mouse here

Volledige voorbeeld: – “Mouse over” simuleren – “Mouse out” simuleren Actions (3) 18 Hover mouse here

Actions (3) Volledige voorbeeld: – “Mouse over” simuleren – “Mouse out” simuleren 19 Hover mouse here

Actions (3) Volledige voorbeeld: – “Mouse over” simuleren – “Mouse out” simuleren Alternatief: – Object highlighten 20 Hover mouse here

Gebruik van bepaalde controls Properties gebruiken om control in te stellen VBA scripts (1) 21

VBA scripts (2) simuleren van virtuele keyboards (code per knop) 22 Dubbelklikken op control om naar code te gaan

VBA scripts (2) simuleren van virtuele keyboards (code per knop) 23

VBA scripts (3) activeren van knoppen (pas actief als bepaalde invoervelden zijn ingevuld) 24 Dubbelklikken op object op om naar code te gaan

VBA scripts (3) activeren van knoppen (pas actief als bepaalde invoervelden zijn ingevuld) 25 Dubbelklikken op widget om naar code te gaan

VBA scripts (4) Voorbeeld: gebruik van knoppen, textboxes, … LET OP! Opslaan als macro enabled file type:.pptm 26

MEER INFO 27

Tips & Tricks 008/09/14/one-more-special-intern.aspx 008/09/14/one-more-special-intern.aspx ctive (Opgelet: beschrijving voor Office 2003) ctive 28

Prototyping Toolkit /powerpoint-prototype-toolkit-01/ /powerpoint-prototype-toolkit-01/ 29