ux design drop #3a
DESCRIPTION
UX Design Drop #3A. Prepared by Andre Black, August 29, 2012. 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. Concepts to Recall. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/1.jpg)
www.apriori.com
UX Design Drop #3APrepared by Andre Black, August 29, 2012
![Page 2: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/2.jpg)
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
![Page 3: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/3.jpg)
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
![Page 4: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/4.jpg)
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
![Page 5: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/5.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.5
Blank Slate ModeIntroduces the Wizard
![Page 6: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/6.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.6
Advancing In The WizardHides the Tip / Could Add Wizard Steps
![Page 7: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/7.jpg)
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
![Page 8: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/8.jpg)
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
![Page 9: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/9.jpg)
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
![Page 10: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/10.jpg)
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
![Page 11: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/11.jpg)
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
![Page 12: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/12.jpg)
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
![Page 13: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/13.jpg)
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
![Page 14: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/14.jpg)
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
![Page 15: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/15.jpg)
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
![Page 16: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/16.jpg)
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
![Page 17: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/17.jpg)
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
![Page 18: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/18.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.18
Allowed Multi-Tasking ExampleProperties, GCDs, and Routing Shown Together
![Page 19: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/19.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.19
Showing/Hiding FeaturesTotal Control Over Screen Layout
![Page 20: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/20.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.20
Showing/Hiding FeaturesTotal Control Over Screen Layout
![Page 21: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/21.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.21
Features Still Accessible via the Ribbon BarPointer Arrow Moves Accordingly
![Page 22: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/22.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.22
Showing/Hiding FeaturesTotal Control Over Screen Layout
![Page 23: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/23.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.23
Showing/Hiding FeaturesTotal Control Over Screen Layout
![Page 24: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/24.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.24
Showing/Hiding FeaturesTotal Control Over Screen Layout
![Page 25: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/25.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.25
1-Click ComparisonsAuto-versioning upon each run
![Page 26: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/26.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.26
Vertically-Oriented ComparisonsDifference Highlighting within Scenarios
![Page 27: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/27.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.27
Different Scenario: Injection Molding
![Page 28: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/28.jpg)
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
![Page 29: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/29.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.29
Key Cost Drivers Give Actionable TipsLearn More Links
![Page 30: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/30.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.30
Key Cost Drivers Give Actionable TipsLearn More Links
![Page 31: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/31.jpg)
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
![Page 32: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/32.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.32
Different Scenario: Assemblies
![Page 33: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/33.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.33
Key Cost DriversNeeds Content for Tips
![Page 34: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/34.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.34
Cost CategoriesSame Tabbed Layout
![Page 35: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/35.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.35
Assembly DetailsNo Major Changes, But Revisit Column Spacing
![Page 36: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/36.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.36
Geometry and Manufacturing ProcessIndex Shows Assembly Routing and Part Routing
![Page 37: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/37.jpg)
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?
![Page 38: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/38.jpg)
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
![Page 39: UX Design Drop #3A](https://reader035.vdocuments.net/reader035/viewer/2022062811/5681623f550346895dd2764c/html5/thumbnails/39.jpg)
www.apriori.com
Prepared by Andre Black - © 2012 aPriori – Confidential, all rights reserved.39
www.apriori.com
Thank youQuestions?