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

  • image1452_thumb.png
    Javascript to Dart Translator

      Dart, a Google Javascript alternative was presented a few months ago and the web developer scene are a little bit unsure about the usability of Dart. To declare the language Google has translated the Javascript basics into Dart. The result is this “Translator”. In my opinion the name doesn’t find that well because it’s ...

  • image1366-570x194.png
    Twitter Bootstrap as UI-kit

      HTML and CSS are not foreign words for me but I regret, I’m not a Web designer – I see myself as a webdeveloper. But at least a dressy side is a must. But thank good there are some ready “Systems”. Twitter Bootstrap Twitter Bootstrap is a Toolkit for every kind of Web applications. ...

  • image1441.png
    Fix: the value ‚x‘ is not valid for Foo in ASP.NET MVC

      To get files into the MVC Controller Modelbinding from MVC is a clever method. But in fact it is a little bit complicated to set the error message if the connection failed. Example: public class RegisterModel { ... [Required] [DataType(DataType.EmailAddress)] [Display(Name = "Email address")] public string Email { get; set; } [Required] [Display(Name = ...

  • You Tube API – recall Video Meta files with .NET

      A loooong time ago I’ve blogged about how to access to You Tube with the Google Data APIs. After all that time there are several new ways how to recall files. Google offers You Tube a “simple” surface. If you prefer to do low-Level HTTP calls it is also possible. Aim: I want the ...

  • image1426-570x194.png
    MacBook Pro for .NET Developer – useful ore just pretty?

      I own a MacBook Pro (from 2010) for about a year now and because I’ve used to think about this Question since I have it, I’m going to blog about my experience now. My Notebook Configurations MacBook Pro April 2010 - 2,66 Intel Core i7 - 8GB RAM - 15’’ Glossy Display - Intel ...

Support us