National Science Foundation

ux Design
The National Science Foundation (NSF) is a United States government agency that supports scientific research and education in science and engineering fields. The NSF promotes health equity, advances science, enhances national security, and sustains the US economy.
My role
User Research, UI + UX Design, Prototyping
Team
Gema H Nava, Jon Hildreth, Larissa Regala, Alex Butterbrodt
TOOLS
Figma
CHALLENGE
The National Science Foundation wants to establish user needs and create a mobile prototype that enables users to apply for research grants/funding that would expedite academic and research institutions to conduct research effectively. The website has seen a significant increase in mobile traffic, though it is not optimized for mobile usage. Users state that the website is difficult to interact with, and challenging to find basic information. The site has poor visuals, leading to accessibility concerns, confusion, and frustrations.

Users should be able to efficiently research and apply for grants, without having to navigate through multiple websites and this process should be improved to generally be more visually organized.

Users need a clear and efficient search process for grant applications. They need to stay organized through grant deadlines, eligibility requirements, and submission of documents without being redirected to multiple websites. Users also need to feel confident when submitting their hard work through an online platform.
SOLUTION
Design an aesthetically pleasing mobile and desktop website with faceted navigation for grant search and seamless document upload flow through a user profile (with saved information and documentation) that provides upload feedback.
COMPARATIVE ANALYSIS
Through our Comparative Analysis we researched other organizations that issue grants to scientific institutions, such as Grants.gov and GrantForward. We specifically looked at the tasks of researching, finding, and applying for grants of interest. The biggest takeaway from this research, was that all of these organizations had a login feature for users, where they can build and access a user profile before applying for a grant. This is something that the National Science Foundation (NSF) currently does not have. This does not allow users to track grant and funding applications.
USER INTERVIEWS
USER #1
Age: 28
Location: Los Angeles, California
Occupation: Department Chair Special Education
Years in the field: 7 years
USER #2
Age: 52
Location: Boulder, Colorado
Occupation: Director of Grants + Partnerships
Years in the field: 22 years
USER #3
Age: 30
Location: Woods Hole, Massachusetts
Occupation: Coastal Groundwater Hydrologist -NSF EAR Postdoctoral Fellow
Years in the field: 8 years
USER #4
Age: 25
Location: San Diego, California
Occupation: 4th year PhD candidate in 
UC San Diego in BioEngineering. Applied for NSF, graduate level, GRF P
Years in the field: 8 years
USER #5
Age: 42
Location: New York City, New York
Occupation: Editor/Grant Writer for Department of Surgery
Years in the field: 15 years
INTERVIEW GOALS
The goals of our user interviews was to gain an understanding of the needs, goals, and aspirations that drive the decision-making and behaviors of individuals who regularly submit proposals and apply for grants or funding.
Seeking funding for a non-medical science or engineering institution
Apply for research grants
Understand and gauge their trust when uploading important documents to a mobile website
We organized our findings from user interviews by building an affinity map. This helped us discover key takeaways from our users and identify patterns in their answers. We identified 4 behaviors and needs that all of our users experience. This guides our priorities in developing a redesign of the mobile site.
I want to stay organized so I can make sure I have what is required.
I feel discouraged when applying because the requirements make it seem unattainable.
I need to understand grant eligibility and relevant information.
I have to keep track of several components before submission of a proposal/application.
AFFINITY MAPPING
Through our user interviews we learned that users would not submit a proposal or application for a grant through their mobile device because it is a very involved process. The application and submission process needs to be done on a desktop website.
"I don’t know how I would do that."
"I have all of these documents, I don’t know how to get them on my phone."
"What would be the benefit or purpose of applying on a mobile device?”
"That will create boundaries on how people apply, and will most likely exclude people based on their tech knowledge and not the quality of their program."
USER TAKEAWAYS
PERSONA
After synthesizing our data from the comparative analysis, and user interviews the team started to develop our persona. We focused on one persona as the audience of individuals that would be applying for funding or grants, especially from the National Science Foundation, would be rather small. We knew that we could focus all of the users concerns into one persona. While, our users backgrounds and time in the field are different they all shared many of the same frustrations and behaviors when applying for funding or a grant.
We conducted a Hybrid Card Sort, where users can categorize items in specific categories or create their own category if they feel it does not fit in to any of the categories provided. 13 individuals participated, and 8 of those participants have experience applying for grants or funding. We focused on the results from those 8 individuals. We provided 5 categories for users to sort the cards into; Funding Type, Find Grant Funding, Profile, Education Level and Research Areas. Each category had the predicted items sorted at the highest rates. There were 3 additional categories created by one user; Applicants, Grant Guidelines and Process. These results help guide how we setup how users filter and search for grants and what features would be available in the user profile.
60% of the cards were categorized into 2 or less categories by our users.
Each provided category had an agreement rate of over 50%.
The predicted items in each category ranked the highest by each user.
CARD SORTING
USER + TASK FLOW
The current task flow that must be taken by users on the current National Science Foundation (NSF)website is confusing and leads the user to a dead end within their website. Users are able to filter and sort their searches through a variety of ways; by education level, field of research, award type and due dates. Users are able to view the important details about the grant such as due dates, funding overview and program contacts. However, this is where the process ends on the NSF website. At this point users must save the Grant ID number, navigate to a different website to login and search for the specific grant and start the proposal and application process.
SKETCHES
Through sketching we knew that we wanted to focus on making the process of searching for a grant or funding clear and efficient. We made the "Find Funding" page our top priority on the homepage, and the menu. Adding icons help add a visual aid for what area of research the user is searching for. We gave the most important details about the grant prominent hierarchy within the list, and simplified the filters.

We also built in a user profile, where the user can login to see their saved grants, grants in progress and grant history. Users will also be able to save important documents needed to apply for grants to their profile.
LOW-FIDELITY PROTOTYPE
After reviewing our sketches as a team and collectively agreeing on how each page and feature should function we built our low-fidelity prototype to use for usability testing. We also built the desktop platform based on our mobile site and how certain features would translate from mobile to desktop.
USABILITY TESTING
TASK
Save a grant in Geosciences based on the Arctic to your profile and navigate to your profile to start the application process for that saved grant.
OBJECTIVE
User will be able to search, save, and start the process of applying for a grant within the experience of one website within 4 minutes and with less than 2 errors.
For the Usability Testing we also made sure that our users were individuals who have spent time submitting proposals and applying for grants or funding. We set the scenario for our users through the development of our persona. Our users are driven by their curiosity and are detail-oriented. They carry a deep level of passion in their work and goals are to contribute to the scientific community through groundbreaking research. They use the NSF website to search and apply for research grants regularly.
Overall the results of our usability testing were positive. Each user completed the task within our parameters set in our objective. 3 out of 5 users made 2 errors. For these users, the errors were consistent. They tried to login to their profile before starting the search for the grant. They also tried to navigate back through the app, and called out the lack of an actual back action throughout the mobile site.
Made logging in to your profile actionable before proceeding to search for the grant.
Added seamless back navigation throughout the prototype.
Added a "save grant" option to the list of grants, so the user does not have to navigate to another screen if they are able to find what they are looking for without needing additional information.
CHANGES MADE TO THE PROTOTYPE
USABILITY RESULTS
HIGH-FIDELITY PROTOTYPE
The results from our usability testing drove the functional changes that we made in our prototype. These changes helped the mobile site run smoothly and made finding important information effortless. In the next iteration of our prototype we also added the National Science Foundation branding. We did make changes to the overall look and feel. We simplified the color palette, implemented only one typeface, used bold imagery and added the use of icons throughout the site.
NEXT STEPS
The biggest takeaway from our research was that users would not apply for a grant or funding through a mobile platform because of how intensive the process is. Because of this we would add a module within the mobile user flow, to inform users that the application process must be completed on desktop. We would then continue to design the desktop platform in consistency with our mobile prototype, in which users would actually start grant proposal application process and be able to submit their applications within their profile on the National Science Foundation website.

I WOULD BE THRILLED TO MEET YOU.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.