Prototyping Humane en Sociale Aspecten van de Informatica 2012 - 2013 1.

Presentatie over: "Prototyping Humane en Sociale Aspecten van de Informatica 2012 - 2013 1."— Transcript van de presentatie:

1 Prototyping Humane en Sociale Aspecten van de Informatica 2012 - 2013 1

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

3 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

4 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

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

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

7 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

8 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

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

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

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

12 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

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

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

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

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

17 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

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

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

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

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

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

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

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

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

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

27 MEER INFO 27

28 Tips & Tricks http://blogs.msdn.com/powerpoint/archive/2 008/09/14/one-more-special-intern.aspx http://blogs.msdn.com/powerpoint/archive/2 008/09/14/one-more-special-intern.aspx http://www.boxesandarrows.com/view/intera ctive (Opgelet: beschrijving voor Office 2003) http://www.boxesandarrows.com/view/intera ctive 28

29 Prototyping Toolkit http://www.istartedsomething.com/20071018 /powerpoint-prototype-toolkit-01/ http://www.istartedsomething.com/20071018 /powerpoint-prototype-toolkit-01/ 29