Responding to emergency situations with the tools of design.
Part I
When cities began rolling out Emergency Rental Assistance Programs (ERAP) during the height COVID-19 pandemic, many people did not know how to access available funds. LegalFAQ.org↗, a platform that provides information and resources to help people facing housing-related legal issues, wanted to change that. My challenge was to direct clients to rental assistance funds available in their state. Time was of the essence, so I conducted a quick site audit and some ad hoc user research to pinpoint where users were getting stuck trying to find rental assistance funds. Informed by these findings, I designed an emergency alert banner and breadcrumb trail for the LegalFAQ.org homepage.
Part II
Many legal aid organizations similar to LegalFAQ.org were caught by surprise when they had to transition their services online during the pandemic and struggled to adapt. I wondered how we might create scalable guidance around basic design principles that would help legal professionals redesign their virtual presence in future emergency situations. Inspired by Dana Chisnell’s “Field Guides to Ensuring Voter Intent”, I designed a series of short “Emergency Design Field Guides” that describe actionable steps legal organizations can take to ensure that they are still able to reach their clients no matter what.
Role
UX/UI designer
Timeline
3 weeks (Summer 2021)
Team
Project manager ● Front-end developer
Status
Launched
Helping 400+ daily LegalFAQ users quickly find emergency funds.
+
Actionable design guidance for legal professionals.
Part I:
Design nudges
01/ LegalFAQ.org audit
After auditing the current LegalFAQ.org website, I found that it has two main purposes:
1. To provide accessible legal information. This flow is initiated by typing in the search bar.
2. To direct users to relevant legal, financial and other resources based on their location. This flow is initiated by clicking on one of the sections under "Get Help".
02/ User testing
I asked several participants to use the LegalFAQ.org website to locate ERAP funds available in their state. It became apparent that participants were using the search bar and getting lost in the information flow, rather than scrolling down to the resources under the "Get Help" heading.
👨🏽🦱
“There's so much helpful information here, but for some parts, I don't really know until I scroll that it exists.”
-Participant
03/ Prototyping banners
Rather than redesigning the entire homepage, which would take significant time and investment, I decided to create a banner to alert website visitors about ERAP funds.
Most LegalFAQ.org clients access the website on their phones, so I began by designing for mobile.
After gathering feedback from colleagues, I chose the banner that they agreed was most eye-catching without being overwhelming. I also reduced the amount of content and changed the icon to a dollar sign to signify funds.
04/ Spotlighting funds
The homepage banner links to a search bar for clients to type their state, after which they are taken to the financial resources available in their state. I designed a full-width card in the same yellow as the banner to highlight the link to that state's ERAP funds, to visually signal to clients that they are on the right track.
Part II:
Turning lawyers into designers
Approaching the design of LegalFAQ.org in response to the COVID emergency was not difficult, but it did take a bit of design thinking. Most legal professionals are not trained to think like this and have never been exposed to the basic tools of design, so we decided to use LegalFAQ.org and a few other projects to serves as case studies in which to distill some basic design guidance for legal professionals needing to adapt their virtual presence during emergency situations.
This took the form of short field guides that cover the essential topics, including website design, content design, visual design, and distribution channels.
These field guides were made publicly available through the Stanford Legal Design Lab. Check them out below:
Reflections
Trying to navigate resources and information during emergency situations can be incredibly stressful for people, and keeping this experience top of mind reminded me to design with compassion and motivated me to quickly deliver an effective solution for people facing this situation. Distilling a design approach for a non-design audience also got me thinking at a larger scale about how we can democratize design tools and processes more often for many different audiences and situations.
I would have loved to dive deeper into LegalFAQ.org research and redesign to measure the impact the design nudges had, but working on this project helped me understand how to prioritize design decisions according to what is feasible in a time- or otherwise constrained environment.