80 likes | 292 Views
ISSC Workload Management System (WMS) Next Generation ISS-FF Interface Design Mockups (draft). Adam Doti User Experience Services & Solutions adoti@uspss.opentext.com 415-640-0381. 8. 1. 10. 2. 5. 6. 4. 3. 9. 7. Company /Department Appropriate Branding.
E N D
ISSC Workload Management System (WMS)Next Generation ISS-FFInterface Design Mockups (draft) Adam Doti User Experience Services & Solutions adoti@uspss.opentext.com 415-640-0381
8 1 10 2 5 6 4 3 9 7 • Company /Department Appropriate Branding. • More useable and intuitive navigation design with iconography that is appropriate for associated section/tool. Visual separation from core tool areas vs. supplemental tools. • Better page organization and layout. • Sortable Tables • Usability and 508 tools. • Better page titling and related page help text. • Splash Page and scalable for future growth. • Access to Content Server (LiveLink) Tools. • Modular data tables for flexible and permissionable dashboard experience. • Globally accessible search controls. • *Note: Reports tab is selected above for illustration purposes only. Pages actually representative of home page.
Detail View • *Note: Reports tab is selected above for illustration purposes only. Pages actually representative of home page.
Option A User clicks on “View7” in the Assignments column and “light box” effect takes over. A layer opens up brining users focus with page background going opaque.
Option B User clicks on “View4” in the Assignments column and a row slides open inline below the parent Task showing all assigned Assignments. Click again collapses it.
next steps • Need to get a better sense of the main horizontal navigation items. • Decide on which Content Server global links and tool will be made available to NAVAIR application UI. • Home page design exercise. What data will show and when. • Design template for lower level page, form, read only, search results etc... • Specific design patterns and exercises. i.e. filters, switches, iconography. • Template generation. HTML, CSS and images. • 508 and ADA compliance testing.