Role: UX Designer (student, CareerFoundry UX Design Program)
Time frame: March-October 2020
Tools used: Adobe XD, Adobe Illustrator, Figma, Zoom
Skills: User research, wireframing, prototyping, usability testing and analysis
By applying user centered design principles, I developed the prototype for a mobile-first website on health literacy education. User research targeted a sensitive population and resulted in an emphasis on accessibility. This was a student project in completion of CareerFoundry's UX Immersion bootcamp.
User research led to an emphasis on two accessibility features.
bilingual site content
How can we create an engaging and informative website that is accessible to users with mobile-dependent internet access and low literacy?
About the client
The Rural Women’s Health Organization is a non-profit with over twenty years promoting health literacy education to Hispanic immigrants and families in rural north central Florida. However, their educational resources and outreach have always been primarily print-based, limiting their availability and accessibility to lower literacy users spread across a wide geographic area.
Identifying the users
Through generative research, the target users were identified as:
Hispanic, first-generation immigrants with mobile-dependent internet access, limited reading literacy and limited technological literacy, spread across a wide geographic area.
In the best of times, this is a tough community to interrogate. With limited access to potential users, I had to find other individuals with insider knowledge of this community.
For a broader (if less precise) picture, I also consulted existing market and demographic research from superset populations overlapping with my narrow user community.
I built two user personas - "Astrid" and "Isaac" - through a composite of first hand interview data and third party market-based and demographic research.
I realized that accessibility was the primary consideration and guiding principle for this project.
Grounded in the needs and realities of my two personas, I worked from the top down.
Process: Prototyping and Testing
Prototyping in Adobe XD
After weeks 'in the woodshed', I successfully developed a prototype in Adobe XD that integrated UI elements for audio narration and language settings.
Real people, interacting with my design, giving me feedback?! I was really excited about user testing. Prototypes were developed iteratively in response to multiple rounds of feedback.
Remote moderated testing
Bilingual test design
Since I am bilingual in Spanish, I was able to design and administer tests in English or Spanish.
Scheduling with Calendly
Participants schedule testing appointments at their convenience while also providing personal and demographic data. Less to do in the testing session!
Usability testing analysis
A/B preference testing and analysis
Outcome of testing
Of course, a design is never 'finished'. That said, the essential features of the UI were greatly improved and polished thanks to multiple rounds of feedback.
See the final prototype
This was a student project, so it has not been developed beyond the prototype stage.
However, I would have planned to measure the site’s success as follows:
- Site traffic monitoring
- Number of site-facilitated contact requests to the RWHP
- Number of shares on social media
- Asking local health providers to include a question for patients whether they visited the site