Transit Security App
Redesigning a research organization's desktop application for modern interaction principles.
Contracted to assist in redesigning an existing app for a large R&D institution. Work took place over several months within a high-security government clearance facility. Tasked to serve as the sole design-centric UI/UX individual on location and bridge the gap between the programmers, mathematics, human factors scientists and stakeholders to redevelop one coherent app to market for both internal and external governments alike.
Condensing several preexisting sections led to the final version shown. It was decided that geolocation would be used to pull in the desired language and depending on whom signed it, a database storing privileges would grant new app access vs needed a separate standalone app they had been using; thus a single software install could be used for both training needs as well user management.
The Welcome screen (home) again condensed serval prior sections of the app into an all-in-one heads up info page. Room for spider chats, filters, contrast adjustment, gird or table view, ability to change language and room. breadcrumb navigation and more was all added after UX testing was conducted.
A hidden section added to give admins the power needed to deep dive into user progress and assign functions as needed. Adding a previously non-existent function, filtering by training type, was added with a tree view after UX research and testing was done.
Deep dive on progress
A running issue that needed solving was the ability to deep dive on progress and gate sections till prior ones had been finished, in addition to knowing where in the training the user was and able to reflect at a glance. The progress bar seen here was the fix to this. It become a persistent part of the app that would move from section to section, colors would display how well the user has chosen or what else needed to be solved and able to highlight to display prior questions. While the app was programmed in C#, it contained a small area that could show the bar coded in html/css.