One of the new features introduced in Visual Studio 2012 is an add-in for PowerPoint that allows you to do Storyboarding.

PowerPoint Storyboarding allows you to quickly and easily put together an interface design, whether it be for a website, a mobile device, Windows 8, or a desktop application, and then get the necessary feedback from your stakeholders. And since it’s PowerPoint, then even your stakeholders can easily make changes and show you exactly what they want.

NOTE: This feature is only available for Visual Studio Premium and Ultimate users.

Let’s Get Started

Start by going to the Microsoft Visual Studio 2012 program folder and select PowerPoint Storyboarding as shown here:

image

This will launch PowerPoint with a blank slide and take you to the Storyboarding tab. You will notice the Storyboard Shapes to the right of your slide and provide all kinds of shapes for your interface design. These shapes are also searchable via the search box.

image

Here is a sample slide of what can be accomplished:

storyboading sample

Managing Shapes

One of the neat features found in PowerPoint Storyboarding is the ability to manage your custom shapes as well as export them for other team members to use.

Additionally you can also download community shapes by going to Visual Studio Gallery and downloading any of the available shapes. Most are free, but at the time of this post…there was 1 paid set of shapes.

Once you’ve downloaded a set of shapes, you can import them from the Import Shapes button found in the Shapes section:

image

Team Integration

If you’re using Team Foundation Server, then you can link your storyboard to one or more requirements/user stories with the Storyboard Links button:

image

NOTE: If you’re not using Team Foundation Server, then there is now a free Team Foundation Server Express 2012 edition, which can be used by up to 5 developers. You can download it from Visual Studio Download page.

product_ex_tfs-tile

So there is no reason not to be using Team Foundation Server .Smile

Further Reading (Documentation)

I found the following links pretty good at documenting Storyboards and providing greater details:

http://msdn.microsoft.com/en-us/library/hh409276(VS.110).aspx

http://msdn.microsoft.com/en-us/library/hh301773(VS.110).aspx

Posted by Callon Campbell [MVP]

4 Comments

  1. […] You can read more about Storyboarding functionality in my blog post  an introduction to PowerPoint storyboarding. […]

    Reply

  2. If you like to have a realistic iPhone5 shape, completely build from standard powerpoint shapes, just enter our contest and win the image + a bonus.

    http://www.powerpointinfographics.com/blogs/news/7060042-iphone5-contest

    Good luck.

    Jeroen Breugelmans
    Powerpoint Infographics

    Reply

  3. I created http://www.windows8templates.com as a tool for wireframing and prototyping modern UI themed Windows 8 and Windows Phone 8 apps. Windows8Templates come with a library of over 200 customizable Storyboard Shapes in PowerPoint.

    Each UI element can be hooked up to action buttons and slide transition to build an interactive prototype right in PowerPoint with no coding.

    You can also find them on the Visual Studio Gallery here: visualstudiogallery.msdn.microsoft.com/0221df12-b844-4cf2-9ccd-feb0fc1d2b01

    Reply

  4. I created http://www.windows8templates.com as a tool for wireframing and prototyping modern UI themed Windows 8 and Windows Phone 8 apps. Windows8Templates come with a library of over 200 customizable Storyboard Shapes in PowerPoint.

    Each UI element can be hooked up to action buttons and slide transition to build an interactive prototype right in PowerPoint with no coding.

    Chech them out. You can find them on the Visual Studio Gallery here: http://visualstudiogallery.msdn.microsoft.com/0221df12-b844-4cf2-9ccd-feb0fc1d2b01

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s