Software Product Design
MCTIMS 2
MCTIMS 2 is the next gen upgrade of the Marine Corps Training Information Management System, designed to enhance training management, readiness tracking, and data integration for the Marines.
This is not a front facing site, but I can share overall layout and certain components I was responsible for creating. The project is still in development.
Site Composition
This role gave me the opportunity to change the overall site composition end to end. From user interviews to site testing. Each prototype and mockup is shared through an agile environment before sent through to development.
Components
The components here are used and reused throughout the site. There are many built from these, but these show the original idea behind the user flow.
Old
New
Page Composition 1
One of the pain points this customer was facing was the fact that their interface replicated excel like features and functions. They wanted to advance past exporting all info into documents and wanted to stay in the system. This dynamic layout allows them the ability to edit, view, delete all on the same page without navigating to another window.
Page Composition 2
This client had two types of listings, a community list and a global list.The global list functioned differently so the layout differed slightly to let users know they were affecting a different set of listings. We introduced icons to simplify functionality and make the aesthetic cleaner and easy to navigate.
Old
New
Expandable Widgets
One component that was lacking in the previous system was an expandable widget. This allowed users to seamlessly navigate from global lists to community lists at 100 percent more ease. This was created similar to Jira's list, something users were already used to operating.
Journey Mapping
A pain point this stakeholder emphasized was the huge effort of having to navigate to several pages to execute one or two functionalities in the system. The question became how can we design a user journey that cuts down page navigation by over 50% without losing key areas. Here in the old view, users had to double click to view details about a selection, hit the the back button to copy a selection or add an event to a selection for a total of 8 or so panels.
Journey Mapping
The redesign condensed 9 panels into 2 main panels with 1 page to navigate to for details. Using a side by side feature, users get to select what they want and view functionality in the footer. The footer options allow for smoother navigation and clear visibilty.
