UI Prototyping with PowerPoint 2007

The UI is one of the most important part of an application. Jeff Atwood wrote in a great blogpost, that the UI should be the first thing you do.

Unfortuantly there are many methods how to prototyp a UI. I found a very intresting video in the blogpost from Jeff: UI Prototyping with PowerPoint 2007.

PowerPoint? Ich don´t want a presenation!

Why PowerPoint? PowerPoint 2007 has some great features which allows us to build such an UI in very short time:

image  
(I currently work on this project)

A important note: This is only the prototyp!

You can see some of the components and the general design and it looks better than with Paint or on a paper. The advantage of PowerPoint: It is still simpler to use as Photoshop!

Everyone (Projectleader, Designer, Developer) who can work with PowerPoint has the chance to bring his ideas into the design! It´s simpler to edit instead of a Photoshop image or a HTML dummy.

Features of PowerPoint 2007:

There are many effects:

image

You can use the templates:

image

And the "cool" effects:

image

image 
(sorry – I have only the german version of PowerPoint)

With these tools you are able to build very fast a good-looking UI prototyp.

Another intresting site with the "UI Prototyping" Topic.

If you look for alternativs read Jeffs Blogpost :)

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

About the author

Written by Code Inside Team

Currently there is no additional info about this author.

3 Responses

  1. Interesting. I seem to be forever trying out new tools for mocking up interfaces. My preferred tools at the moment are Visio and Excel.

    Visio is probably obvious because of the built-in Windows-style templates and the extensibility.

    Excel is very good in front of the customer because of the ability to drop in some of the VBA controls (drop-downs, etc) and because of the ability to very quickly give some interactivity to the ‘prototype’. It is great to see the customer reaction when the calculations on a screen actually work. Additionally, becuase most customers have used Excel or a similar spreadsheet application, they can quickly become involved and their participation gets their buy-in to the design.

    It may not be as pretty as PowerPoint but for the on-the-hoof early design meetings with a customer it is a powerful tool in the kit bag.

    Now I need to think about bringing Excel and Powerpoint together somehow…

    Reply
  2. Hi there. I just released a little tool that tries to make software/website prototyping easy, fast and painless. I’d love to hear your thoughts about it: http://www.balsamiq.com/products/mockups/

    Peldi

    Reply

Comment on this post

Recent Posts

  • Automated Security Analyser for ASP.NET websites

    Evil Hackers are lurking everywhere and many Web-applications are delicately and share “too much” with the attacker. A quick (first!) overview offers the Tool “ASafaWeb”. All the website does is making a few requests and writing an Analyses including problem solving’s. There are no permanent disadvantages (bad requests/ DoS attacks and so on). Example: KnowYourStack.com ...

  • image1489-570x194.png
    „Sign in with Twitter“ for your own ASP.NET WebApp

      “Sign in with Twitter” is a popular practice to authenticate the users on your website. One advantage compared to an own registration is the lower inhibition for the user. But on the other hand Twitter doesn’t fess up with all the information’s and you will get into a kind of addiction. At the end ...

  • image1485-570x194_thumb.png
    CodePlex is going to be updated

      CodePlex the Microsoft Open Source Project Hosting Plattform hasn’t changed that much in the last few years and for a few times I thought Microsoft stopped the whole developing process. But now I found out that there is still life in the project. Maybe it is because of the success of GitHub or because ...

  • image1474_thumb.png
    What does Adobe in the flash-free web? Magazine-Style Layouts with CSS Regions!

      Adobe is well known for Photoshop and Flash but of course there is a lot more. According to the “Future Post” from Google Adobe declared one of their big subjects on a Blogpost. I’m talking about the W3C Working Draft to CSS Regions. Adobe cooperates with the WebKit Team and W3C on this. What ...

  • image1471-523x194.png
    HTML 5 Games, Tooling & 3D

      Game Developing is an interesting subject for all kind of software developer. But as a web developer without any Flash-skills there aren’t that much starting points. With HTML5 and the combination between Javascript, CSS3 and fast browsers there are the first “robust” HTML5 games. HTML5 games? Is this real? Neowin created a “Top 10” ...

Support us