Free Windows 8 Wireframe Templates for PowerPoint

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:

Subscribe to Unlock

Subscribe to our newsletter to get access to this content. Your email will not be sold/rented. Unsubscribe at any time.
- required fields

Enter the e-mail, which was subscribed

After that, the content becomes available again!
- fields are mandatory

On your email was sent a letter

Simply click on the link in the email and you will get access to the hidden content!

There is no information about this email in our database. Please subscribe by clicking on button below.

Your e-mail is not in our database. Subscribe by clicking the button below
I'm already a subscriber

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:

Best Designed WordPress and Bootstrap Themes

Designmodo Shop

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 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.

Newsletter

10 Comments
  1. Tran Dinh Khanh Nov 12, 1:36 pm

    Cool! Exactly what I’m looking for! Thanks for share.

    Reply
    +2
  2. Muhammad Rizwahyudhy Nov 17, 12:59 pm

    That’s cool, where’s the Windows Phone Wireframe Template? :D

    Reply
    +2
  3. Nazmul Nov 23, 7:23 am

    it is so much helpful for a good designer,

    Reply
    -3
  4. Clinton Gallagher Nov 25, 11:50 pm

    The file windows-8-wireframing-set.pptx is corrupt. It will load into PPT but many of the slides will be missing.

    Reply
    0
    • Adrian Nov 26, 12:21 am

      All files are good, checked, maybe you have problems with your software?

      Reply
      +2
      • Clinton Gallagher Nov 26, 11:51 pm

        I downloaded twice to make sure and there’s nothing inherently wrong with my Microsoft Office 2007 install I am aware of notably Power Point 2007.

        So I tried on a brand new machine with a fresh install of Office 2007 with all service packs installed and got the same error: PowerPoint found incomplete content with file blah blah…

        … it let’s us “trust” the owner of the file and will load it after a couple of such warnings but once loaded is grossly incomplete.

        Reply
        +1
  5. Doug Nov 26, 7:19 am

    Great article! The Modern UI icons are awesome!

    Reply
    +2
  6. Jaffar Nov 27, 2:11 pm

    Would love to see this made for Keynote! :)

    Reply
    -2

Leave a Reply

*
* Minimum length: 20 characters