TRIDO B2B Saas System
Student progress monitoring system for NGOs of youth-at-risk
Project Overview
NGOs often struggle to effectively monitor the well-being of their students.
The Challenge
Instructors at NGOs find it challenging to keep track of each student's progress.
Solution
Develop a streamlined monitoring system that highlights each student's behavioral challenges, enabling instructors to effectively track their progress.
TRIDO B2B Saas System
Student progress monitoring system for NGOs of youth-at-risk
Project Overview
NGOs often struggle to effectively monitor the well-being of their students.
The Challenge
Instructors at NGOs find it challenging to keep track of each student's progress.
Solution
Develop a streamlined monitoring system that highlights each student's behavioral challenges, enabling instructors to effectively track their progress.
TRIDO B2B Saas System
Student progress monitoring system for NGOs of youth-at-risk
Project Overview
NGOs often struggle to effectively monitor the well-being of their students.
The Challenge
Instructors at NGOs find it challenging to keep track of each student's progress.
Solution
Develop a streamlined monitoring system that highlights each student's behavioral challenges, enabling instructors to effectively track their progress.
Goals
Goals
To provide instructors with a comprehensive overview of each student's well-being.
To provide instructors with a comprehensive overview
of each student's well-being.
To provide instructors with a comprehensive overview of each student's well-being.
To simplify and enhance the efficiency of the reporting process.
To simplify and enhance the efficiency of the reporting process.
To save time on reporting and tracking student status.
To save time on reporting and tracking student status.
KPIs
KPIs
Improved clarity regarding each student's well-being.
Improved clarity regarding each student's well-being.
Time to Task to create a report.
Time to Task to create a report.
Time to Task to track student status.
Time to Task to track student status.
User Flow
User Flow
Report a student
Students
New
Report
Cancel
Anyway
Back to Edit
View & Edit Report
Back to Edit
Finish Report
Cancel
Track student status
Students
View
Status
Report a Student
Students
New
Report
Cancel
Anyway
Back to Edit
View & Edit Report
Back to Edit
Finish Report
Cancel
Track student status
Students
View
Status
Manual Concept
Manual Concept
This Student Screen was based on traditional design thinking and visual decisions made manually in Figma. My Goal was to explore more iterations of Progress Insight section with AI Tools.
This Student Screen was based on traditional design thinking and visual decisions made manually in Figma. My Goal was to explore more iterations of Progress Insight section with AI Tools.
AI-Powered Concept
AI-Powered Concept
I prompted AI design tools (Uizard, Base44, and Lovable.dev) to explore the Progress Insights section. Additionally, I entered an AI-progress summary block to evaluate student progress.
To my surprise, most solutions weren’t impressive. What I liked most was the block of AI Progress Insight , because there are only three main sections that reduced cognitive load. However, it didn’t highlight the importance of “Attention Required” and placed it on the same level as labels like “Positive Trend Detective.”
I prompted AI design tools (Uizard, Base44, and Lovable.dev) to explore the Progress Insights section. Additionally, I entered an AI-progress summary block to evaluate student progress.
To my surprise, most solutions weren’t impressive. What I liked most was the block of AI Progress Insight , because there are only three main sections that reduced cognitive load. However, it didn’t highlight the importance of “Attention Required” and placed it on the same level as labels like “Positive Trend Detective.”
Controversies
PROBLEM
Writing reports for each individual student can take a long time, we thought about how to help the instructor to optimize the time.
SOLUTION
In order to make a report to several students at the same time, we decided that the instructor could select them using a V marker. The instructor will not have to return every time to the list of students and report one by one.
PROBLEM
We were debating how to present the statistics representing the progress of each trainee. Initially, we visualized statistics using graphs and percentages, but neither effectively communicated the intended message.
SOLUTION
Ultimately, we recognized that the key factor was whether a student’s performance had improved, remained unchanged, or declined, leading us to document these observations explicitly.
PROBLEM
We had several controversies about the ״New” button. At the beginning of the iteration it was just a ״Plus Button״, but after several testings, we found that it did not perform its function as it should.
The button failed to encourage action. There is an excessive spacing between it and the title made it feel disconnected from the overall layout.
SOLUTION
Therefore we decided to create a button in a color that contrasts with the colors on the screen, that’s how we emphasized the importance of the button and in addition to, we added a word “New” to make the function of the button clearer.
New
Controversies
PROBLEM
We were debating how to present the statistics representing the progress of each trainee. Initially, we visualized statistics using graphs and percentages, but neither effectively communicated the intended message.
SOLUTION
Ultimately, we recognized that the key factor was whether a student’s performance had improved, remained unchanged, or declined, leading us to document these observations explicitly.
PROBLEM
Writing reports for each individual student can take a long time, we thought about how to help the instructor to optimize the time.
SOLUTION
To allow instructors to report on multiple students simultaneously, we implemented a selection feature using a "V" marker. The instructor will not have to return every time to the list of students and report one by one.
PROBLEM
We had several controversies about the ״New” button. At the beginning of the iteration it was just a ״Plus Button״, but after several testings, we found that it did not perform its function as it should.
The button failed to encourage action. There is an excessive spacing between it and the title made it feel disconnected from the overall layout.
We had several controversies about the ״New” button.
At the beginning it was just a ״Plus Button״, but after several testings, we found that it did not perform its function as it should.
The button failed to encourage action. There is an excessive spacing between it and the title made it feel disconnected from the overall layout.
SOLUTION
Therefore we decided to create a button in a color that contrasts with the colors on the screen, that’s how we emphasized the importance of the button and in addition to, we added a word “New” to make the function of the button clearer.
New
What Did We learn?
What Did We learn?
We discovered that achieving a perfect product is an iterative journey that requires time and refinement. We worked in several rounds and each time we tried to create a better, more intuitive version.
We discovered that achieving a perfect product is an iterative journey that requires time and refinement. We worked in several rounds and each time we tried to create a better, more intuitive version.
future steps
We believe that the product has the potential to expand beyond instructors, also benefiting NGO managers and activity organizers, who will be able to draw conclusions from the information collected, thereby optimizing the methods of operation of the NGO and saving more boys and girls at risk.
👀 You scrolled all the way here? High five! ✋
👀 You scrolled all the way here? High five! ✋