Tag: Storyboarding

DesignDevelopment

iOS, iPhone and iPad Storyboarding

Three new sets of storyboarding shapes are now available for iOS, iPhone and iPad.

These shape libraries are available with the Storyboarding functionality that is included with Visual Studio 2012 Premium, Ultimate and Test Professional products.

Here are a sample of the icons included with these shape libraries…

Common iOS Icons

iPhone controls

iPad controls

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

Downloading the Shapes

You can download these shape from the Visual Studio Gallery.

DesignDevelopment

An Introduction to PowerPoint Storyboarding (Visual Studio 2012 Features)

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