top of page

Digital Tools for Charity

Interned abroad and collaborated with 2 designers and a researcher on a digital civic project to research and design a digital tool for VCSE practitioners, aimed at bridging the digital divide in Northeast England.

 

 

Project Overview

​​

ChallengeAs Northeastern England progresses into a more digitalized society, it is crucial that citizens become digitally literate to keep up with society's standards. Voluntary, Community, and Social Enterprises otherwise known as VCSE’s are focused on reducing “the digital divide" which is the gap between people in society who have full access to digital technologies (such as the internet and computers) and those who do not. However, it is challenging for organizations to connect and communicate with one another to create change collectively. This poses the problem of how can we design a platform to spark communication and collaboration between VCSE's.

​

Solution- To design a platform that would provide the affordance for charity organizations to work collectively rather than individually.

​

Role- UX Design Intern​​​

​

Duration
Tools
Skills
May 2023 - Jun 2023
Figma, Miro, Google Docs
Storyboarding, Sketching, Comparative Analysis, Prototyping, Interviews

User Group

Final Deliverable

VCSE practitioners who provide resources for the less digitally literate citizens in the Northeast region of England.​

We handed off prototyped design suggestions for what a tool VCSE practitioners would utilize based off of pain points in their experience.

Process

We first curated a few personas to empathize with our users. We built these personas from data we gathered from our sponsor who helped us understand the project space through his research. He provided us a synthesized document of his research to help us understand the space we are working within. This led us to our main how might we statement which led our team to begin personas. How might we connect local organizations and charities in Northeast England to provide digital access for those in their community?

How Did We Connect With Our Users?

Personas

Bio & Motive

sdfds.png

Jack

James

The Organization Jack works for wants to donate lots of computers that are no longer being used

Pain Points

Works at a charity that teaches elderly citizens how to properly use e-mail

  • Doesn't know how to find charites to donate to

  • Wants to donate to a legitamite charity

  • Doesn't have the funds to purchase new tech. Has to rely on donations 

  • Wants to communicate with other organizations to get resources

These personas helped raise a few design questions within our team which came from our pain points.

  1. What does the current communication look like?

  2. Is there any current collaboration between VCSE's? 

​

​

We took these questions and curated an interview protocol. We interviewed three different current practitioners with the main goal of understanding how they currently connect and collaborate with other organizations. We really valued the qualitative data we gathered from these sessions. 

User Interviews 

We affinitied our interviews into four main headings. Connection & Communication, Recommendations, Problems, and other information valuable to our team. 

This synthesized information led us to lots of ideas. With all of these ideas in mind, we started ideating how a digital tool would look like on paper. 

How Did we Ideate Our Collected Data?

 

sketch.png
Sketching Round 1

Our initial sketches contain a lot about how an interactive map may play out within the interface design. Location is a huge motivating factor in motivating VCSE's to collaborate with each other. Thus, the interactive map idea came to life. 

​Main Takeaways

​

1) Color coding indicators could indicate different goods/services such as devices, instructors, or workshops

2) Many filters would need to be included to reduce ambiguity for users

Comparative Analysis

We then conducted a comparative analysis over three different mapping interfaces. We looked at the interactive map within Alltrails, Secluded App, and Sentier. We then went around noting down what we liked and didn't like about each map to influence our next round of sketches. Below is an example of one of the analyzed interactive map sites (Secluded App).  

​

map.png

Main Takeaways From the Activity â€‹

​

1) Photos on a pop-up would add credibility to the VCSE

2) How would we visualize organizations that cover different things?

3) Icons do indicate what organizations do

4) Show a community feed page and an organization page

Sketching Round 2

In our next round of sketching we focused on implementing the interactive map into an interface design as well as ideating how a community page would look like and the home page. We focused on how our final deliverable will be shaped. We used all of the previous activities to help influence our sketches.

asdfghj.png

We then again, analyzed everyone's sketches noting down what we thought to be key elements in our design and what we could leave out of our design. With a lot of our ideas down on paper, it was now time to start prototyping and making our ideas come to life. 

Rationalized Final Designs

Below are a handful of the prototypes we curated for our sponsor with rationale from all of our activities for all of the designs. 

Explore Page
Home.png

This is the homepage of VCSE Connect which serves as a hub for all VCSE’s in the user’s regional area. We designed this page to provide visibility and promote collaboration within an organization’s county. Practitioners and leaders of organizations are able to view other institutions' activities and work in the community from project grants, community projects, and VCSE’s in their proximity. 

Organization Profile

Key data- “Organizations within such a project ecosystem should remain in close contact, to mitigate issues brought about by siloed working." -Interviewee

 

The organization profile page can be viewed by users to get an understanding of their VCSE. On this page, users can read about the institution's initiatives such as projects, as well as missions to learn about their purpose and objective. Additionally, they can view the services the organization provides, services or tools they may need assistance with, and send a chat to the institution internally.

Charity Page.png
Community Page.png
Community Page

Key data- "Organizations could design, seek funding for, develop, and deliver programs of work collectively, distributing responsibilities according to the capabilities of each organization." -Interviewee

 

The chat rooms would be used for VCSE’s to talk about any help or assistance they may need, as well as help or assistance they can provide to others. This encourages collaboration between VCSE’s. There would be different chat rooms that pertain to different topics such as assistance, projects, discussion, grants, and more. Having separate rooms for different topics ensures that it will be easy for users to find what they’re looking for easily. 

We learned through our research that there is not a one-size-fits-all design. There was a heavy emphasis on having multiple ways to access the same information within the tool. This map complements our explore page showcasing all the local VCSE’s. We also found through our research that a map would be a fantastic way of showcasing smaller VCSE’s that are up-and-coming or just have limited credibility in their organization. Moreover, if one of the pinpoints is clicked, it brings up a side panel of what they do and their objective along with what they may provide or may be in need of. This is a great way to influence collaboration if another practitioner agrees with their goal and wants to work with them. If there is a want/need to collaborate, the internal messaging system is available to send a chat.

​

Map Page
Map side page.png

Impact Statement

This experience is really what opened my eyes to the world of design and how it can impact others. I got to see a side of the world that I was not familiar with. Digital literacy is a huge problem in the Northeast region of England and I got hands on experience of helping solve that problem. Solving for user needs and really making an impactful design is why I want to be a UX Designer. This experience helped me realize how I can change the world and be an impact on someones life through design.

My Learnings

This project involved various UX methods that helped me grow as a designer. Here are my key takeaways from the experience:

​

Enhanced UX Methods – I sharpened key UX methods, including interviewing, storyboarding, prototyping, data analysis, and sketching.

​

Cultural Immersion – The most significant aspect was the cultural diversity. I was immersed in a completely new culture, which helped me grow both as a designer and a person.

​

Intercultural Communication and Adaptability – In this case, I was the foreign. I developed my intercultural communication and adaptability skills naturally through the course of the project.

​

Global Perspective on Digital Literacy – This experience opened my eyes to the importance of digital literacy, not only for the Northeast region of England but globally.

​

Impactful Design – I would highly recommend engaging in a digital civics project. It’s a powerful way to drive a positive change through design.

bottom of page