PowerPoint Prototyping Toolkit (release 0.2)

PowerPoint Prototyping Toolkit

After hearing about the impact and success it had in Microsoft, I couldn’t wait to get my hands on prototyping in PowerPoint 2007. Amongst a few things Manuel Clement suggested a few weeks ago in his presentation about “wireframe prototyping with Office PowerPoint 2007”, was to create a toolkit of commonly used GUI components to copy and paste when designing the prototype screens. That’s what I set out to build.

PowerPoint Prototyping Toolkit sampleMy vision for a toolkit is to contain a set of all the possible and feasible GUI components you could otherwise use in designing a real Windows application or browser application. For example, it should include buttons, drop-down lists, window frames, toolbars, dialog boxes and address bars. Of course there are probably as many of those as there are stars, so I’ll just have to focus on the most commonly used ones.

I imagine I’m not the only one excited by prototyping in PowerPoint, so others might need to build similar toolkits as well, then why not make it publically available? I’m glad you asked.

Downloads

After a few hours of work, it’s currently very limited and only supports a handful of the control I require to show off my short demo, but I hope it gives you a taste of what I intend to do with the idea. Press F5 (start slide show) to see the demo in action.

I’d love to hear everyone’s feedback on what is there currently, what can be improved, what can be added (or removed). I’m also considering making this an “open” project so everyone can contribute to essentially a toolkit library. If you think this is a waste of time, please tell me that too.

Update (18/10/07): Changes in revision 0.2

  • Added start bar and start menu components
  • Added additional example screen with opened file
  • Added basic form field controls (radio buttons, checkbox)

89 insightful thoughts

  1. This is executed very well! Certainly not a waste of time. This can be very useful for early usability testing and generally envisioning ideas.

    Thanks and looking forward to future updates!

  2. Very good! Thank you, Long. If I only would have time to design some things that are floating around in my head.

  3. Yet another story of Microsoft not using their own products. The lackey that empowered Long to create this should have used Expression Blend…

  4. Rafael is so spot on it’s not funny.

    I saw a presentation by Lee Brimlow on application prototyping back in July. At his employeer Frog design they apparently use both Flash/ Flex and Expression Blend to build working prototypes.

    In the presentation he showed how they really quickly build prototypes which look and behave like the real thing without the use of wireframes.

    The real advantage of prototypes build with Flash or Blend is that you get real application functionality. In addition a lot of the prototype functionality can be reused at a later stage.

    If navigational usability is what you are after I’d suggest you use pencil and paper. Works a lot faster.

  5. @Rafael:
    I suspect that part of the reason the presenter used PowerPoint is that more people have PowerPoint than have Expression Blend.

  6. @Tom. Navigation Usability in PowerPoint (I used 2003 for some prototypes a couple of years ago) is easier than on Paper because of two things – Copy and Paste. If I have 2 screens that look very similar, I can duplicate the slides used to show them. In the paper world, you either use 2 sheets of paper or have a small paper flap that indicates the changed section.

    I’m not sure if either is faster than Flex/Flash/Expression, but you are right that a prototype done that way will give you functionality. For instance, you can’t use PowerPoint to validate input in text boxes. But normally, by the time I’m at this stage I can have the thing finished in Visual Studio – it’s all drag and drop anyway.

  7. Pingback: Borsalino Moreno
  8. Thanks for sharing, can you also provide installation instruction as when I try to open in Powerpoint 2007 gives error.

    regards

  9. @Zian:
    I’m merely concerned that Microsoft would spend time to educate the public on how to design an interface in an unproductive, hacky way.

    One may also wonder why Microsoft is trying to talk UI with the design of ridiculously stupid user interfaces in their CV… (cough, Network and Sharing Center)

  10. This is pretty cool. Just can you change the download file form .zip to .pptx like rieuwa said.

  11. This enhancement sounds promising. How do I install it?

    I tried opening the .XML slides with PP 2007 and I receive an error stating that the XML is not in a MS format. Any ideas on what I’m doing wrong?

  12. Ztest:

    You rename the .zip to .pptx as for some reason it appears to download as a zipfile.


    Scott Barnes
    RIA Evangelist
    Microsoft.

    p.s
    Nice work Long!!

  13. Really cool, thanks for sharing! I’ve enjoyed using PowerPoint 2007 to mock up quick designs, and this will make it much easier.

  14. Any chance you could save this as an Office 2003 file as well? I’m guessing the components aren’t anything that would require Office 2007. I understand why you’d use 2007 for it, but we haven’t upgraded yet and it would be nice to try this out.

  15. Really nice tool.
    Just a very stupid question: how do you do to avoid the PPTX to advance to the next slide by clicking anywhere in the screen?

  16. This is a very nice tool. I used the toolkit 2.0 for our UI prototyping, and it served our purposes very well.

    Pippo, to remove mouse click advancing, go to the slide you want, and from the Slide Show menu, select “Slide Transition”. In this dialog, uncheck the “On mouse click” and “Automatically after” boxes at the bottom.

  17. Cool, was very easy, and now I feel stupid 🙂

    thanks Jie. Also, In PowerPoint 2007 it’s on ‘Animations’ tab.

  18. arrrrrrrrrrr! Is there any possibility to have a PowerPoint 2003 version?

  19. Pingback: dykin's me2DAY
  20. I have downloaded both releases, but I’m not being able to get any of them to work. Would you be most kind of letting me know how is done??

    Thanx

  21. There seems to be a problem with the files — each of the ZIP archive contains XML files but no PPTX or PPT versions. Can somebody be kind and tell us what’s happening?

  22. Good Idea. No, it is not a waste of time.
    However it has to be improve.
    Many thanks,Kwame

  23. Very nice. Request for enhancement: what about adding a sample pull-down menu — a list of items that we can edit that shows what will be displayed when someone clicks on one of the items in a menubar?

  24. Thanks for making this available. I really need a protype with a bit of interactivity and PPT does the trick. Thanks for making this template available.

  25. Pingback: Bienvenue ! | j2lb
  26. What happens to you? I deadly want to see the final version of this! And I`d like participate in open project if it exist till now..

Comments are closed.