quickbuilder ux workflow presentation. 1: launching quickbuilder the user launches the quickbuilder...

8
Quickbuilder UX workflow presentation

Upload: alyson-allison

Post on 02-Jan-2016

223 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Quickbuilder UX workflow presentation. 1: Launching Quickbuilder The user launches the Quickbuilder by clicking on the Launch Quickbuilder button

QuickbuilderUX workflow presentation

Page 2: Quickbuilder UX workflow presentation. 1: Launching Quickbuilder The user launches the Quickbuilder by clicking on the Launch Quickbuilder button

1: Launching QuickbuilderThe user launches the Quickbuilder by clicking on the Launch Quickbuilder button

Page 3: Quickbuilder UX workflow presentation. 1: Launching Quickbuilder The user launches the Quickbuilder by clicking on the Launch Quickbuilder button

2: Initial view of QuickbuilderThis interstitial informs the user that before the Quickbuilder can be used, 1 or more metrics need to be identified.

User clicks “Browse…” to get to the next screen.

Page 4: Quickbuilder UX workflow presentation. 1: Launching Quickbuilder The user launches the Quickbuilder by clicking on the Launch Quickbuilder button

3: Selecting regionUpon clicking “Browse”, the window becomes smaller, making it easier for users to locate the area they want to select. The white box can be dragged to allow users access to their selection. Once the selection is made, the user clicks “Choose” and the window goes back to its original dimensions.

Page 5: Quickbuilder UX workflow presentation. 1: Launching Quickbuilder The user launches the Quickbuilder by clicking on the Launch Quickbuilder button

4: Post-selectionAfter the selection has been made, the form auto-fills. Cell range is based on the selection, Label is the header label for that row/column, Min/Max are auto-determined based on the selection. The user can also click a field to make changes if the auto-fill value isn’t what he or she wants. At this point, the “continue” button becomes active, allowing the user to open the Quickbuilder. Or additional metrics can be selected.

Page 6: Quickbuilder UX workflow presentation. 1: Launching Quickbuilder The user launches the Quickbuilder by clicking on the Launch Quickbuilder button

5: All metrics filled outThis is what the interstitial would look like with all 5 metrics filled out. Note that the user does not need to fill out all 5 metrics, but there are a maximum of 5 metrics allowed.

Page 7: Quickbuilder UX workflow presentation. 1: Launching Quickbuilder The user launches the Quickbuilder by clicking on the Launch Quickbuilder button

6: After clicking continue (pre-tuning)After a user clicks the Continue button, the Quickbuilder is launched. Sliders are located on the left. Adjusting them shocks the Implied Value listed on the chart. When a slider is in default position, the dot is blue.

Page 8: Quickbuilder UX workflow presentation. 1: Launching Quickbuilder The user launches the Quickbuilder by clicking on the Launch Quickbuilder button

7: Post-tuningSlider dots that have been moved change to black to visually identify items that are at a non-default position. Additionally, items that have been moved in a positive manner have green in the slider background. Negatively-tuned items have red in the background.