logomockup
Prisoner Express creates an opportunity for incarcerated individuals to get information, education and a public forum for creative self-expression. Through newsletters and programs they hope to step through the isolation and alienation of prison life, bringing hope and fostering a sense of community among prisoners.
Scope
Prisoner Express
collaboration
Role
UX Designer
Frontend Developer
Timeline
Jan - May 2024
Team
2 UX Designers
2 Frontend Developers
Process
UX Research
UX Design
Frontend Dev
Recognition
"Best prototype" and invited to work with Prisoner Express
Problem Statement
Increased scrutiny, regulations and expense surrounding the delivery of physical mails to prisoners have mandated the need to move the contents of the Prisoner Express newsletter digital. Thus, the primary goal of this project was to create a seamless app experience that emulates the feeling of physical letters or writings for incarcerated individuals. Given that almost all prisoners have a tablet of their own, this project envisions an application that can be installed onto tablets to bring a similar experience as that of a physical newsletter.
User Research
To understand the goals and requirements of the application, we first interviewed the client to understand their goals and requirements and assessed the current physical newsletter’s contents. Followed by which, we conducted a modified user interview (proxy) of a formerly incarcerated individual, to gain more understanding of what our primary users (prisoners) seek from the newsletter application. Finally, using survey data collected by Lyss, the developer of Prisoner Express’ App Design program, we gathered further insights on primary user pains. Our user research uncovered several critical insights and established a foundation of requirements for the app's development, as well as the goals of the app’s audience.
Key Findings:
  1. Illuminated the need to create an app experience that mirrors the personal touch and connection of physical letters for incarcerated individuals.
  2. Importance of seamless operation across different tablet devices within prisons, without the need for internet access.
  3. Emphasized the app's ease of use to cater to the technological skills spectrum of the inmate population.
  4. As user-submitted content and responses are received by Prisoner Express via physical mail, the app’s administrative side should be able to keep track of these received mails.
  5. Stressed the significance of human connection and self-expression, and the relevance and variety of options of engaging and enriching content.
Affinity Diagram
Consolidating the findings from the User Research, we created an Affinity diagram, brainstorming and identifying themes. We extracted information from both the user interview and the survey data to create an Affinity Diagram. We went about to identify, consolidate and extract relevant information, which then narrowed to themes which potentially captures the essence of incarcerated individuals’ needs and expectations.
affinity
arrow_pt
User Personas & Task Scenarios
Using our user research findings, we thoroughly understood the different users and their goals with our app - our primary audience (prisoners) and the administrative audience (Prisoner Express admins), and created suitable  Personas and Task Scenarios for future testing to understand if our app is intuitive and performs the goals of our users.
Primary User - Prisoners
Our primary users are incarcerated individuals who have limited connections and knowledge of the world outside the confines of prison walls. As such, they desire a human connection and validation, which they get from reading other prisoners’ experiences, knowledge of the outside world, and when they get to share their feelings and experiences. However, they have limited resources to fuel this desire due to limited internet access and receiving up-to-date content.
prisonerPersona
Goals & Task Scenarios
featureAnalysis
Administrative User - Prisoner Express Admins
Our administrative users are the admins of Prisoner Express who compile the content and resources to publish in the Newsletter to distribute to prisoners, that is updated quarterly. They publish work sent by prisoners and other educational program content that prisoners might be interested in, so as to give prisoners the opportunity to improve their mental well-being and learning. However, there are lots of mails that come through, and keeping track and ensuring each prisoner gets recognized is a hassle. As well, due to differing technical literacy of prisoners, they would want to provide content in an inclusive manner.
adminPersona
Goals & Task Scenarios
featureAnalysis
Brainstorming & Ideation
We then proceeded to research existing reading app interfaces, pasting them on an “Idea Board” and highlighting features we felt gelled and wanted our app to consider incorporating. We reviewed apps like FBReader, Kindle, AppleBooks, Barnes & Noble, and RecipeKeeper to brainstorm ideas for our Primary users. For the Administrative users, we referenced apps like Cornell’s Canvas and Quizlet app.
arrow
ideaBoard
Taking all of these findings, we sketched out an  initial design flow  of what we envisioned the app to look like and features it should include. We then wore the hats of users and walked through each task scenario we had created with the design, to assess if the features and functionalities incorporated allowed the users to perform the task scenarios smoothly. This brought about some design changes, which culminated in our  Final Design.
initialDesign
final
arrow_pt
Prototyping in VueJS
As a team, we sketched out different views and components that we needed. We identified the components that are reusable over different views, and views that are repeated and could be dynamically rendered. We built the prototype in Vue.js, utilizing Bootstrap and PrimeVue libraries for components. We deployed the primary user app as a Progressive Web App (PWA).
Implementation Plan Sketches
ideaBoard
ideaBoard
Final Prototypes
Primary User App View
Administrative User App View
Usability Testing
Our prototype was then extensively tested, keeping in mind the ideal “happy-path” for each task scenario.
featureAnalysis
Our Prisoner Express received high praise from the client and was awarded the “Best Prototype” title! It was an honor to work with Prisoner Express on this project and to be given the opportunity to create an app that could potentially bring hope and foster a sense of community among prisoners.
ideaBoard
Artifacts
FigmaGitReportPWA App