Fundamentals of Interaction Final Project:
Financial Aid Finder Case Study
This is a product made as a search engine for assistance program made for people struggling with low income. It aims to narrow down the search and be a unified resource page for assistance programs. Uses Figma for prototyping.
First Sketch, ended up going around this one for the project
I used my own family’s experience as well as read articles that talk about America’s income problem, how low-income Americans get the worst financial advices online, and looking at a few articles that outline certain types of Aid for my research. From there I found that I needed a dedicated website that should directly show you the programs webpage. In testing, I found that the articles and using google to look for available aid varies when I conducted a test with multiple peers which helped solidify my decision in what I wanted to do.
Storyboard pitching the product showcasing the Desktop Website version of the product
Paper Prototyping - Initial element's
Paper Prototyping - Platform Frames (PC Desktop - Left, Mobile phone - Right)
My "Paper" Prototype - Edited post-feedback
Paper Prototype Demo
I wanted this to be as short and straightforward a process as possible,
nothing too complex and overwhelming as it is designed to be a fast, if not,
direct process. No beating around the bushes. There were a few areas where I
had to make some changes or additions based on feedback. I made certain
fields available on the home page taken from the filter menu, made the filter
menu extended/visible by default on the results page, moved some buttons
around for better scanning, etc. It’s mainly just layout changes for better
browsing.
nothing too complex and overwhelming as it is designed to be a fast, if not,
direct process. No beating around the bushes. There were a few areas where I
had to make some changes or additions based on feedback. I made certain
fields available on the home page taken from the filter menu, made the filter
menu extended/visible by default on the results page, moved some buttons
around for better scanning, etc. It’s mainly just layout changes for better
browsing.
Medium Fidelity Prototype, learned a lot about Figma's functions and utilities (and a lot of hassling to be done)
Medium Prototype Demo
Flowcharts: Getting into the thought process of how each person may use the product
Style Guide, note the Hamburger and Filter buttons for the PC version are buggy in the Figma Prototype
High Fidelity Prototype, Finalization
High Fidelity Prototype Demo
