- UI Design
- Research
- Web Application
- Financial Data
2022-2024
NASA ProSAMS
NASA's SBIR-STTR program
I was the lead designer on the initial phases of this re-launch of the NASA SBIR-STTR applicant funding portal. Responsible for distributing around $150 million in funds each year to over 300 different applicants, the program also advances America’s space technology competitiveness on the global stage and helps small businesses gain access to capital.
Design Process
Discovery
Starting from scratch with a UX researcher, we got to inverview scientists, policy-makers, and engineers at the forefront of NASA’s technology infrastructure. These were folks who had received awards in the past, and NASA employees who were experts in the program’s successes and current needs. The current web application, EHB, was over 30 years old and in desperate need for improvements.
Findings
Users felt like they spent too much time in the current EHB filling out applications not from policy or program complexity, but because the system didn’t break things down into smaller steps or save people’s work.
In fear of data loss, a lot of users ended up with poor data quality because they were working on applications in Word or outside software, then copying/pasting into the EHB. We had to build for data integrity in the new system, but also reduce the amount of information needed to be filled out on each screen, all while not breaking the application’s flow that mirrors policy requirements from the federal government.
Ideation
We drew up user personas and journey maps during each sprint before any mockups were made so that we had our target users in mind. This exercise also helped business analysts and engineers see that user needs were more than just a refreshed UI - these were people with a decent amount of technical experience but had frustration with the status quo. Our BAs were utilized for their in-depth product knowledge that helped us envision the roadmap for new features, and what to design based on their success criteria.
Findings
In the midst of getting a feel for the future of the ProSAMS interface and user journey, the client changed the framework they wanted to use from Angular to React. Our engineering resources had to adapt quickly, so we knew our initial designs needed some flexibility to ensure we kept to deadlines. We identified these gaps early on with the team’s technical lead, including them in on our design whiteboarding sessions and adjusting our expectations before we sunk any time into prototypes.
Design
There was going to be a lot of screens for each release. Our product managers had to adjust release timelines based on client expectations. Therefore, a simple, re-usable design system that focused on the essential form elements and could be broken down easily for mobile would be our best bet. We on-boarded the new developers to the USWDS design system, showing how a lot of elements were already built out and could easily be blended in with the layout customizations for ProSAMS.
Findings
NASA didn’t have an official web design standards document when we started, so we did an analysis of their other websites and matched both the typography and color palette while mimicking some of their pre-existing print graphics standards. Working with another designer, we came up with a division of workload while agreeing on layout, navigation, and other component standardizations. Aesthetics were kept minimal to focus on meeting user expectations for data collection and meeting NASA policies around SBIR-STTR data collection.