Accessible and Gamified ESG Platform
Solidarity
Portal
Design Path
Research
Based on papers and benchmarking, to understand the following questions:
Why do people volunteer?
What are the main gamification frameworks?
How can gamification be made accessible?
Results
We discovered different methods to categorize motivation, which were subsequently utilized during the requirements elucidation phase. The chosen approach for classifying volunteering motivation in the project was the "Hierarchy of the 5" by Carlos Eduardo Cavalcante. This method divides motivation into five categories, that can be translate into profiles and be summarized by the following questions:
How can I contribute to society?
How can I promote citizenship?
What do I have to share?
What do I learn from this?
What do I gain from this?
From a UX perspective, this implies that in order to attract the largest number of users, we should be capable of addressing how these 5 objectives can be achieved within the Solidarity Portal.
We were also able to understand gamer profiles (achievers, socializers, explorers, and killers) and how they interact with systems that can be used in the gamification process.
Achievers: people who seek to achieve all the game's accomplishments;
Socializers: seek and are interested in socializing with other players;
Explorers: they don't care about the game's achievements but rather about exploring functions and scenarios;
Killers: seek to display their victories in the game and be admired for them
While understanding which elements of gamification might be employed, we evaluated which of these elements were suitable for different profiles, including people with disabilities.
Interview with ESG leaders and volunteers
Grupo Focal
With 3 ESG leaders
We mapped their tasks related to volunteering, the data they needed to report, and the pain points of their work
Interviews
With 5 volunteers
We asked about what they usually find more import when volunteering and their journey since the research of a cause until the feedback moment.
Results
Creating Personas and Defining Profiles.
Relationship with the team
Developers
During the role process, I scheduled meetings with developers to maintain the habit of checking how viable the ideas were. Working on Hand Off also avoided communication noise.
POs and analysts
Sharing research conclusions and bringing ideas to the requirements elucidation phase was part of my job and helpful to product owners and analysts.
User Interface
Accessibility Features
There is the possibility of including explanatory sign-language videos for each volunteer action and adding descriptive text to each uploaded image. The system also features a top bar with functions such as enabling sign language translation, increasing or decreasing font size, changing typography, adjusting line spacing, modifying text alignment, activating focus mode, high contrast mode, changing the system's color palette, as well as shortcuts to go to the top, menu, or page content.
Recommendation System
In order to enhance the user experience, a recommendation system has been implemented to associate actions and users through the use of interest tags, such as Culture, Diversity, and Animals. Based on the tags chosen by users and feedback questionnaires, the portal recommends actions for the user. When a new action is created, the portal uses the user filter to suggest those who would be interested in the created action.
Graphic Elements
Testing
Heuristic Evaluation
3 designers
Applied before delivering features to development
Test with Users
5 users
After development phase
System Usability Scale was used
My Role
In the project, my involvement began with drafting the scope as a member of the technical team. In this role, I established the design team composition, outlined research options, identified necessary steps, and defined corresponding deadlines.
Subsequently, I took on the role of a researcher, responsible for conducting a systematic review and creating the framework in collaboration with a professor specialized in Human-Computer Interaction.
Simultaneously, I also fulfilled as a Product Lead Designer alongside an intern colleague whom I was mentoring. I developed a series of deliverables, including interviews, personas, user flows, low-fidelity sketches, high-fidelity prototypes, icon design, heuristic evaluation, and testing.