1 / 39

UX Design Drop #3A

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.

yama
Download Presentation

UX Design Drop #3A

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. UX Design Drop #3A Prepared by Andre Black, August 29, 2012

  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

  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

  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 2 Level 2 Level 2 Level 1 Level 2 Level 3 Level 4 Level 4

  5. Blank Slate ModeIntroduces the Wizard

  6. Advancing In The WizardHides the Tip / Could Add Wizard Steps

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

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

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

  10. Errors are Clear But Not TerminalAcknowledged Here then Persisted in Headers

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

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

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

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

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

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

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

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

  19. Showing/Hiding FeaturesTotal Control Over Screen Layout

  20. Showing/Hiding FeaturesTotal Control Over Screen Layout

  21. Features Still Accessible via the Ribbon BarPointer Arrow Moves Accordingly

  22. Showing/Hiding FeaturesTotal Control Over Screen Layout

  23. Showing/Hiding FeaturesTotal Control Over Screen Layout

  24. Showing/Hiding FeaturesTotal Control Over Screen Layout

  25. 1-Click ComparisonsAuto-versioning upon each run

  26. Vertically-Oriented ComparisonsDifference Highlighting within Scenarios

  27. Different Scenario: Injection Molding

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

  29. Key Cost Drivers Give Actionable TipsLearn More Links

  30. Key Cost Drivers Give Actionable TipsLearn More Links

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

  32. Different Scenario: Assemblies

  33. Key Cost DriversNeeds Content for Tips

  34. Cost CategoriesSame Tabbed Layout

  35. Assembly DetailsNo Major Changes, But Revisit Column Spacing

  36. Geometry and Manufacturing ProcessIndex Shows Assembly Routing and Part Routing

  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?

  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

  39. Thank you Questions?

More Related