ux design drop #3a

www.apriori.com

UX Design Drop #3APrepared by Andre Black, August 29, 2012

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.2

Regions of the Screen

• Ribbon-style toolbar• Optional-use

Costing Wizard that minimizes into the toolbar

• Drawing pane that minimizes to the top right corner

• Output pane with tabbed views and a large summary

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.3

Concepts to Recall

• One document per window (no tabbed documents)

• Inline tips, including a “blank slate” design, subtly teach the user as they go

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.4

Depicting Routing• The primary process

group would have “primary level” specified under each major stage

• Level sets which items appear white, connected by arrows, and right justified

• All others, even substeps in the sequence steps, are outlines, just decorative around the main sequence

Level 1

Level 1

Level 2

Level 3

Level 2

Level 2

Level 2

Level 4

Level 4

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.5

Blank Slate ModeIntroduces the Wizard

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.6

Advancing In The WizardHides the Tip / Could Add Wizard Steps

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.7

Wizard Steps Lead to DialogsRectangular / Tips on Where To Find Later

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.8

Moving Beyond Key Steps Prompts for RunningIf Editing Continues the Prompt is Dismissed

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.9

Running Shows the Progress Log in Tree FormTeaches the User How aPriori Works

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.10

Errors are Clear But Not TerminalAcknowledged Here then Persisted in Headers

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.11

Key Cost Drivers Give Actionable TipsChecklist of Edits to Try / Links to Edit Locations

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.12

Key Cost Drivers Give Actionable TipsChecklist of Edits to Try / Links to Edit Locations

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.13

Key Cost Drivers Give Actionable TipsChecklist of Edits to Try / Links to Edit Locations

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.14

Key Cost Drivers Give Actionable TipsChecklist of Edits to Try / Links to Edit Locations

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.15

Instead of Panes, Tabs are SpaciousMulti-pane Multitasking is Allowed Case-by-Case

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.16

Instead of Panes, Tabs are SpaciousMulti-pane Multitasking is Allowed Case-by-Case

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.17

Instead of Panes, Tabs are SpaciousMulti-pane Multitasking is Allowed Case-by-Case

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.18

Allowed Multi-Tasking ExampleProperties, GCDs, and Routing Shown Together

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.19

Showing/Hiding FeaturesTotal Control Over Screen Layout

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.20

Showing/Hiding FeaturesTotal Control Over Screen Layout

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.21

Features Still Accessible via the Ribbon BarPointer Arrow Moves Accordingly

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.22

Showing/Hiding FeaturesTotal Control Over Screen Layout

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.23

Showing/Hiding FeaturesTotal Control Over Screen Layout

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.24

Showing/Hiding FeaturesTotal Control Over Screen Layout

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.25

1-Click ComparisonsAuto-versioning upon each run

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.26

Vertically-Oriented ComparisonsDifference Highlighting within Scenarios

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.27

Different Scenario: Injection Molding

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.28

Key Cost Drivers Give Actionable TipsChecklist of Edits to Try / Links to Edit Locations

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.29

Key Cost Drivers Give Actionable TipsLearn More Links

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.30

Key Cost Drivers Give Actionable TipsLearn More Links

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.31

Key Cost Drivers Give Actionable TipsChecklist of Edits to Try / Links to Edit Locations

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.32

Different Scenario: Assemblies

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.33

Key Cost DriversNeeds Content for Tips

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.34

Cost CategoriesSame Tabbed Layout

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.35

Assembly DetailsNo Major Changes, But Revisit Column Spacing

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.36

Geometry and Manufacturing ProcessIndex Shows Assembly Routing and Part Routing

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.37

Change Inventory• DONE - Key Cost Drivers Screen for Machining and Injection Molding• DONE - Ability to reach a Top-10 list of GCDs sorted by manufactoring time (in Geometry tab, not KCDs)• DONE - Heat Map view usage that is more realistic• DONE - Make sure Key Cost Drivers tips are expandable• DONE - Ribbon toolbar icons (most)• DONE - Emphasize cost per unit more than total cost in the header• DONE - Bring back access to older versions in the form of a dropdown menu next to the part name.• DONE - Remove non-rectangular aspects of popup dialogs• DONE - Show the Part Details view• DONE - Find a location for the things that are in the icon menu for controlling the chart: Show GCD labels,

Draw Direction, Turning Axes, etc.• DONE - Show a mode for dealing with assemblies & Decide whether to show process routing at the part level• DONE - Uncosted GCDs require acknowledgement before showing a cost, but then show the cost. Don't block

as an error in all cases• DONE - When in a step of the wizard, teach where the same functions can be found in the toolbar later• DONE - Consider performance implications of doing incremental re-costing after each wizard step. Allow

stoppage, or delay the start to a time when the user is not actively editing the next step in the wizard?

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.38

Additional Sample Data Required

• Screen grabs and explanations of all critical menu items and icons that have not yet been represented

• Contents of Wizard Prompts for Injection Molding• Additional recommendations or data for the Key Cost

Drivers tab for Assemblies• A screen grab of the process routing for an Assembly

and one of its parts• Discussion of whether toolbar options should be

different for Assemblies or Comparisons

www.apriori.com

Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.39

www.apriori.com

Thank youQuestions?