Designing for Low Digital Literacy

How I helped prisoners explore educational content on tablets with ease.

⏰ Duration: 6 weeks
🤫 My Role: UX Design Lead, Front-End Developer

 💁🏻 Client: Prisoner Express
📝 Tools: Vue, Bootstrap, Github

🤫 My Role

UI/UX Designer & Front-end Developer

♥️ Team

4 members

Duration

5 weeks

💁🏻 Client

Prisoner Express

Client's Request

Digitize educational and entertaining materials that our client has been mailing to prisoners.

Our client want to...

Promote Participation and Inspire Innovation
: Encourage prisoners to engage in Prisoner Express programs, fostering creativity, critical thinking, and providing meaningful activities.

Facilitate Human Connection and Recognition: Allow prisoners to establish and maintain relationships with Prisoner Express through mail, submitting comments, messages, or creative work, enhancing community ties without needing registration.
The Challenge
Prisoners often have low digital literacy,
isolated from technology
App must run without internet
3 major Design Decisions & The Solution

Accessibility is key.

Categorized, image-based Display of all programs offered

  • Reduced the need for navigation or searching.
  • Sparks curiosity and motivation, encouraging users to browse and engage with more content.
  • Serves as intuitive visual cues for users who may struggle with text-heavy interfaces or digital tasks.
Prototype
Prototype

Displaying the Author’s Name and Mailing Address with each entry

  • Encourages readers to reach out directly, fostering connection that helps incarcerated individuals feel seen and valued.
  • Shifts the focus from anonymous content to real people with stories, increasing empathy and emotional impact.

Pre-expanded First Category in Save View

  • Helps users with low digital literacy quickly understand the feature.
  • Reduces clicks and cognitive load.
Prototype

Let's Start From The Beginning

What was my design process?
Interview & Survey

During an hour-long interview, we spoke with a former inmate. Our client also provided past prison survey results.

Major Insights:

Persona

To better understand how prisoners will interact with our tablet app, we used our research insights to create a persona.

Resolving Stakeholders Conflict

Due to prison restrictions, our client's requirements for the App and the needs of our primary user – prisoners– were clashing.

Brainstrom

Our team listed the necessary features for our app.

We also discussed the prisoner's ability to upload their work. Although the physical submission of letters is done manually by the prisoners, we agreed that there should be an instruction interface within the prisoner's app to guide them through this process.

Main Features:

  • Dashboard for display of content.
  • Search in case users want to look for specific content such as author of poem.
  • Help button for simple explanation of unfamiliar app features.
  • Save like content.
Prototype
Sketches

We started sketching to plan the app's layout and structure.

PrototypePrototype
Hi-Fi Prototype

Design Rationale - "Home Page"

  • Intuitive Visual Cues: Categorized, image-based previews serve as intuitive visual cues for users who may struggle with text-heavy interfaces or digital tasks.
  • Familiar Language: We used plain language that users with low digital literacy are familiar with such as "See All" to ensure that all users can navigate the app easily and confidently.
  • Increase Discoverability: A visual, scrollable display of newsletters, journals, and art makes it immediately obvious what the app offers, reducing the need for navigation or searching.
Prototype

Design Rationale - "Mail" and "Help" Instructions

On the top bar, users will see "Mail" and "Help" buttons. "Mail" provides mailing instructions to Prisoner Express, while "Help" offers app usage information, aiding those with limited digital literacy.
Immediate Assistance:
The "Help" button offers easy guidance on app usage, crucial for users with limited digital literacy, reducing frustration and boosting navigation confidence.
Clear Communication Channels:
The "Mail" button clearly explains how to send communications to Prisoner Express, boosting user participation by making these instructions readily accessible.
PrototypePrototype

Design Rationale - Search

  • Enable User Control & Choice: The design empowers them to independently navigate the app, enhancing their overall user experience by providing control and flexibility in how they access the information.
  • Provide Visual Cues: Category icons for Newsletter, Journal, etc. make it easy for users to visually identify different types of content.
Prototype

Design Rationale - View Catalogue

  • Encourage Social Connection: By providing mailing addresses, the app facilitates direct communication, fulfilling user's goal of seeking human connection.
  • Enhanced Engagement: By providing visual and textual previews, the design draws users in and encourages deeper engagement with the content.
Prototype

Design Rationale - read pDF

  • Inclusivity and Info Retention Catering to users with different reading levels or limited time, the overview section offers content summaries, enhancing accessibility.
  • Focused Reading Experience Through Minimal UI: The design emphasizes the PDF info and close button, maintaining user focus on the content while avoiding visual clutter and excessive options.
Prototype

Design Rationale - Saved Items

  • Demonstrate Functionality for Accessibility: The "Newsletter" category is expanded by default to demonstrate the functionality and assist users with low digital literacy in navigating their saved content.
  • Facilitate Quick Access: For users returning to revisit saved content, having the first category open allows for immediate access to items they are likely interested in.
Prototype
User Journey Map

To ensure our prototype aligns with user needs and business goals, I decided to create a user journey map guiding future iterations and improvements.