1 out of 1 rated this helpful - Rate this topic

Storyboarding Backlog Items

Visual Studio 11

[This documentation is for preview only, and is subject to change in later releases. Blank topics are included as placeholders.]

You can illustrate user stories quickly using PowerPoint Storyboarding, or within a work item by illustrating the story through formatted text and inline images. Providing a visualization of what the team needs to build allows you to more easily get feedback from your team and stakeholders.

This topic continues a tutorial that follows a fictitious team as it adopts Visual Studio as its solution for application lifecycle management (ALM).

To validate her design for the backlog item Customer can view, cancel, and schedule appointments, Annie models the user interface for a backlog item by using PowerPoint Storyboarding. She chooses this tool because it includes several shapes that she can use to illustrate user interfaces, for example, backgrounds for webpages and Windows Phone, buttons, calendars, and more. She saves her storyboard, which is automatically linked to the backlog item, and then presents her storyboard to her team to solicit their feedback on the story.

In this topic

  1. Open PowerPoint Storyboarding from a backlog item

  2. Add slides, shapes and text to illustrate the story

  3. Save the storyboard to a network share

  4. Present the storyboard to your team

       

    Prerequisites

  • Open the Product Backlog Item, choose the Storyboarding tab, and then choose the Start Storyboarding link.

    A blank slide appears in PowerPoint with the Storyboarding ribbon selected and the Storyboard Shapes pane displayed. This pane provides several categories of predefined shapes.

    PowerPoint Storyboarding Start Page

To create your storyboard, you can drag and drop images from the Storyboard Shapes pane in addition to using all the features present within PowerPoint. These features include clipping and inserting screenshots, hyperlinking from one page to another, animation, inserting images and shapes, and aligning and grouping objects. Start constructing your storyboard by dragging shapes onto a slide.

Annie creates two slides to illustrate the user interface for her user story. She adds information about upcoming service appointments to the customer’s account page, and she adds buttons that customers can use to schedule, reschedule, and cancel those appointments.

Create slide and add text from Storyboard Shapes
  1. On the Storyboarding tab of the ribbon, choose the down arrow under the New Slide icon, and then choose a slide layout.

    Annie chooses the Customer Portal template, which she created by clipping a screenshot of the existing Fabrikam Fiber website. For more information, see Storyboard a User Story or Requirement Using PowerPoint.

  2. In the Storyboard Shapes pane, expand the Common category, and then drag one or more shapes onto the slide.

    Annie drags the Text shape onto her slide, enters two lines of text, and then formats the first line as a heading and the second line as body text. She also drags the Button shape onto that slide, enters "Schedule Appointment" as the name of the button, and then formats it with a red gradient. On a second slide, Annie adds another Text shape, a Data Grid shape, and two Button shapes for canceling and rescheduling appointments.

    When Annie completes her work, the first two slides of her storyboard resemble the following illustration. The first slide shows how customers can schedule appointments and the second slide shows a scheduled appointment and buttons that customers can use to cancel or reschedule appointments.

    Storyboard example - schedule an appointment Storyboard example - cancel an appointment

To link the storyboard to the backlog item, Annie saves the storyboard to a shared location on the network. Because she started storyboarding from a backlog item, PowerPoint Storyboarding will automatically link the storyboard to the backlog item when she saves the PowerPoint file.

Note Note

  1. Choose the Save Save icon, and save the storyboard file to a network share or SharePoint site.

  2. In the Microsoft PowerPoint dialog, choose Yes to create a link between the storyboard and the product backlog item from which you started storyboarding.

In a meeting with her team, Annie presents her storyboard using PowerPoint presentation features. For more information, see Delivering your presentation.

  1. Choose F5 to enter presentation mode.

  2. Choose Esc to exit presentation mode.

Annie opens the file that she stored on the network and updates her storyboard with her team’s suggestions. Reviewers can always access her most recent changes by following the link from the backlog item to the network location of the file.

  • To create and modify storyboards by using PowerPoint Storyboarding, you must have installed either Office PowerPoint 2007 or later, and one of the following versions: Microsoft Visual Studio 11 Premium Beta, Visual Studio 11 Ultimate Beta or Visual Studio 11 Professional Beta.

  • To view storyboards that were created by using the PowerPoint Storyboarding template, you must have either Office PowerPoint 2007 or later installed.


Send email to adoptingtfs@microsoft.com to tell us whether this topic was helpful.

Did you find this helpful?
(1500 characters remaining)