Powerpoint Wireframe Template for UI design

A wireframe is an early design that can help you and your team get agreement about what the design should look like and how it should behave. This is similar to how an architect may create a sketch of a building or how a director may create a pencil storyboard of a movie. The purpose of the wireframe isn’t to have a completed product it’s to get high-level agreement on the overall flow.

There are many specialized tools to create wireframes but I believe that many of these actually get in the way of the creative process. The most common problem is that they often render visuals that could be confused for an actual design. This can make people think that they are looking at a specification and they will critique the minor points and word-smith instead of engaging in a discussion about the high-level work-flow.

The other problem with highly specialized tools is that they tend to make the designer behave like a programmer wiring up pages with links and actions.  The wireframe is not meant to be a working prototype. It’s meant to be fluid presentation of the high level application structure.

I often wireframe using a pencil, a ruler and a stack of paper:

Wireframe

Paper has the property that you can do anything you want. You don’t need to find a checkbox in a dialog you simply draw a checkbox.  You don’t need to wire-up events you just draw what you want it to look like.

The advantage of wireframing in pencil is that the design is obviously not complete and it gives you and others creative freedom to try things out and move things around.

I took the same principal and applied it to a Powerpoint template. All the parts can be easily moved around and customized. The parts have a pencil drawn appearance. Making it easy to edit, customize and add.

It’s not as flexible as paper & pencil but it does make it easier to get executives and developers to edit a wireframe and explore UI concepts and ideas.

This sample includes a number of sample screens showing how various web-page parts and techniques can be mocked up.

Feel free to download the PPT file and use it in yoru own projects. For anyone interested I created the parts using a Walcom tablet to get the pencil look & feel.
If you like this post you may also like

17 thoughts on “Powerpoint Wireframe Template for UI design”

  1. I’m looking very hard to find the PPT file. Very hard.

  2. OK. Picked it from here. Thanks.
    http://www.slideshare.net/graiz/wireframe-powerpoint-parts

  3. Thanks alot I mean ALOT for the file. I just loved it. In future if planning to do some other shareable stuff do let me know If I can help. Thanks Again

  4. You can also try Balsamiq Mockups…

    http://www.balsamiq.com

  5. Thanks, man. This is awesome!!!

  6. why would you use powerpoint for this?!
    I rather use MS Visio for this.

  7. Daan – I’m sure Visio would be great, perhaps better then Powerpoint? I use Powerpoint because I often give presentations of the interface and it’s easier to do this way. Also I feel PowerPoint is more ubiquitous as a tool making it easier to share. Many people don’t install Visio (myself included).

    Michael – Balsamiq is a great tool but doesn’t give me enough control for custom objects or hand-drawn additions.

  8. What a useful tool! Thanks so much for making this available.

  9. Thank you so much – just what I was looking for saved me a bunch if time.

  10. I use visio and put it into Power Point. That works well for us.

  11. I don’t have Visio so this is just what I need. Thanks for creating it.

  12. Pingback: Wireframe Tools and Tutorials To Speed Up Your Web Design Process — tripwire magazine

  13. Pingback: Wireframe Tools and Tutorials To Speed Up Your Web Design Process | Psd tutorials

  14. Pingback: Iphone wireframe and interface toolkit « Greg's Head

  15. Well, this is a nice guide about powerpoint wireframe Template for UI design. Thanks.

  16. Pingback: Wireframing Resources « MAXSTUDIOTECH

  17. Just awesome! Sure there are plenty of wire-framing tools out there. But nothing beats PowerPoint for ease of creation and sharing. I especially like the pencil-drawn look. I am guessing you are a pretty good artist too. :)

    Perhaps the only thing missing is a video plug-in element. :)

    Thanks!
    P.S: Comments here seem to get posted twice.

Leave a Comment