ux design drop #3a

39
www.apriori.com UX Design Drop #3A Prepared by Andre Black, August 29, 2012

Upload: yama

Post on 22-Feb-2016

27 views

Category:

Documents


0 download

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 Presentation

TRANSCRIPT

Page 1: UX Design Drop  #3A

www.apriori.com

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

Page 2: UX Design Drop  #3A

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

www.apriori.com

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

Different Scenario: Injection Molding

Page 28: UX Design Drop  #3A

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

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

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

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

www.apriori.com

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

Different Scenario: Assemblies

Page 33: UX Design Drop  #3A

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

www.apriori.com

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

Cost CategoriesSame Tabbed Layout

Page 35: UX Design Drop  #3A

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

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

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

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

www.apriori.com

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

www.apriori.com

Thank youQuestions?