5 minutes

Free Windows 8 Wireframe Templates for PowerPoint

10 Comments

Microsoft has finally released Windows 8, and is promoting its launch with a billion-dollar marketing campaign. This creates new opportunities for app developers, especially since the Windows Store isn’t yet as crowded as the Apple and Android counterparts. However, before you go ahead and start programming an app, I’d suggest you design some quick prototypes first to validate your idea. Play with different variants, show them to your peers, and adapt the designs based on the feedback you receive. Although this may seem like unwanted overhead, in the end, it will result in a better app with a better user experience. In some cases, the gathered feedback may even prevent you from investing time and money into an idea that no one really finds interesting or needed.

To help minimize the prototyping effort, I have created a set of interface templates for PowerPoint. Using these templates, you can quickly put together a Windows 8 app layout and iterate on it. All elements in the set are based upon regular PowerPoint vector shapes, and are fully editable and customizable.

PowerPoint is actually quite a good choice for simple prototypes. Its slide-by-slide approach allows you to present a flow and tell a story with your designs. You can even create basic clickable prototypes by adding hyperlinks between slides. Furthermore, PowerPoint is available on almost every computer, including tablets that run Windows RT, and is fairly simple to get started with.

When you take a look at the screenshots below, you will notice that the designs lack color and other visual cues. Simplified illustrations like these are called “wireframes”, and are intended to help focus on the layout and functionality of your app. Wireframes allow you to produce quick results and don’t let you get bogged down by aesthetic details that have little or no impact on how your app will work.

Download the Templates For Free!

The wireframing set is available as a .pptx file (for PowerPoint 2007 or newer) that you can download using the link below:

Download Windows 8 Wireframing Set for PowerPoint (.pptx, 0.5 mb)

It is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. Basically, you can use it any way you want, private or commercial, just as long as you distribute the resulting work under the same license and give proper credit to the original creators:

What’s Included?

Example grid page
Example grid page displaying item previews arranged in groups.

Example page displaying details
Example page displaying details for a single group with previews for each item in the group.

Example page displaying
Example page displaying one item in detail.

Example page displaying a list
Example page displaying a list of items and the details for the selected item.

Example of a Metro app
Example of a Metro app in snapped view state.

Example of an app
Example of an app in fill view state.

Collection of common UI controls
Collection of common UI controls (part 1): button, text box, list box, check box, radio button, toggle switch, etc.

Collection of common UI controls
Collection of common UI controls (part 2): search box, date/time picker, slider, progress bar, scrollbar, etc.

Grid view
Grid view (with groups).

List view
List view and charms bar.

App header
App header, app bar, and toast.

Message dialog
Message dialog.

Text styles
Text styles.

240 app icons
240 app icons (part 1).

240 app icons
240 app icons (part 2).

Touch gestures
Touch gestures.

Pimping PowerPoint with PowerMockup

While you can build great prototypes with this free wireframing set and PowerPoint alone, you may find yourself wanting the templates to be in a format that is easier to search through. In this case, I can highly recommend taking a look at PowerMockup, an add-on for PowerPoint that my company has developed.

PowerMockup provides a searchable library of wireframe elements that can easily be dragged and dropped onto a slide. Best of all, the tool allows you to add your own creations to the library and share them with others. I have used this functionality to create three category files that you can use with PowerMockup:

After downloading the files, switch to the “PowerMockup” tab in the PowerPoint Ribbon bar, click on “Import Files”, and select the downloaded .pmst files. Here is a screenshot of how it will look like after you have imported the templates:

PowerMockup

All elements, including the icons, are properly named and tagged, making them easily searchable.

PowerMockup

I hope you enjoy the set!

Andreas Wulf

Andreas Wulf is an entrepreneur and founder of Wulfsoft, best known for its wireframing tool, PowerMockup. Andreas holds a Master’s Degree in Information Systems, and has a background in designing and developing large software systems for the financial industry.

Posts by Andreas Wulf

Never miss an article or news again.

Sign up to get fresh stuff in your email monthly. For those who want to keep in touch with web design and development trends and tools.

Learn More About Newsletter
Cookie Icon
We use cookies to ensure that we give you the best experience on our website.
  • I disagree
  • I agree