PINTAR is a learning platform focused on empowering individuals of productive age. In 2021, PINTAR underwent a complete rebrand, which was applied across its entire lineup, including PINTAR Degrees, an end-to-end platform for earning degrees.
My Role
Product Designer
Duration
2 weeks (Q2 2023)
Team
Initial Context
Pintar decided to undertake a complete rebranding for all its business lines, including Pintar Degrees, an end to end platform to earn degrees. Thus, we decided to revamp our degrees student dashboard to match our new branding. We also took this opportunity to analyze the pain points our users are facing and identify areas for improvement.
How Might We
Process
The design revamp process starts with discovering current flow and feature, followed by benchmarking competitor research to define pain point and room for improvement. Based on the findings, I design with best practices in mind. Once the screen and prototypes are ready, we test the new dashboard and then hand it off to development.
Analyzing Current Dashboard
To get started, I analyze current dashboard features to have a solid understanding of how our student utilize it for daily usage.
After doing this process, I've got a good understanding about the features and how our student use this platform. These are some insight I found:
Lot of information stored in Learning Activities section
Legend are necessary in order to understand the icon for each section
Most features are placed inside hamburger menu on the top left side
Competitor Analysis
After having a good knowledge from our side, I did competitive research from our direct and indirect competitor to see what feature they have on their student dashboard side.
In terms of features, this research indicates that we are currently on the right track compared to other competitors. However, some essential features are either hidden or not very useful. Therefore, we have decided to make changes in that regard.
Defining Key Consideration
Based on the research above, here are the pain points I found that could be used as key considerations in designing the HI-Fi screen:
Cluttered information
The current dashboard layout contains excessive information, making it feel overwhelming that can increase user cognitive load and reduce their focus.
Difficult to navigate
The layout structure lacks proper organization, resulting in time-consuming process when searching for specific features or sections.
Layout Exploration
I started my layout exploration for the new dashboard. My first idea was to keep the menu on the left side bar to always be visible, to keep student aware of their status in the dashboard.
1st Layout Exploration
However, my Senior PM didn’t like the left-side menu idea because it still feels crowded and then request for another iteration.
2nd Layout Iteration
For my second layout iteration, I put the menu inside the navigation bar with the same purpose, to inform user their current state on the dashboard. I also re-structured the menu based on their relation and usage pattern. Once we review the layout, it was getting approval from Senior PM and Product Analyst.
Designing Learning Activities
Current learning activities section is crowded with too much information. To address this, I redesigned the new dashboard to be more minimalist, clear, and user-friendly while still providing essential information in an intuitive way
Learning Activities Section
My approach for this new learning activities section are:
For class card, I put class name under course title, along with credit, lecturer's name and grades, mimicking a regular class
Simplified the progress bar to help student tract their learning progress
Add a feature to easily switch between semester and review past classes
Proposed Design
Main Dashboard
This screen is where student operate most of their activities. They can see active class, change the semester to revisit past activities, check today's agenda, monitor assignment, see taken course and grading, and more.
Agenda
When student click View All button on Agenda section from their dashboard, this screen will appear. Student can afford to see their upcoming event, live class, deadline for assignment, and switch between Day-Week-Month.
To-do List
Student can see all their to-do list for running semester. This screen show unfinished assignment list; which assignment or task they haven't finished, and see upcoming live schedule.
Study Plan and Study Report
Students can view their study plans and reports by navigating to the Academics menu on the navigation bar. This section allows them to see all enrolled courses for a selected semester and access their academic performance reports.
Learning Management System
As an Online Learning Service provider, one of PINTAR core is their LMS. Here student can doing their learning activities online, live class, offline class, discuss in forum, take notes, see grading and recordings, etc.
Mobile Responsive
Our online learning model lets students access the system anytime, anywhere via desktop or mobile. We’ve optimized and enhanced the mobile experience to ensure it matches the functionality of the desktop version and adapt with mobile user needs.
Testing New Student Dashboard
I created a whole prototype to showcase the dashboard and whole journey, then tested it with PINTAR's internal and external stakeholders. due to time and other limitation, we couldn't test the new dashboard with actual student.
Internal - We tested the design to our Learning and Degrees Ops team, as they are the closest to our real student
"This new layout make the dashboard fresher" - Ops Team
"The new dashboard is easy to navigate" - Learning Team
External - We presented the prototype to existing and potential clients about our new student dashboard.
"If I were a student, I would love to use this. It's easy to use, and I wouldn't miss any of my assignments. Really useful!" - Lecturer
After testing, we gathered feedback for the new Student Dashboard. Most suggestions were about requesting new features, but overall, everyone was satisfied with the updates.
Takeways
Designing a product is a continuous process and there is always room for improvement, same goes with this project. Although we have made improvement from V1 to V2, there's still plenty of room to be improved for later.
I also learned to manage our resource (time and budget) by doing the most efficient task and work that is possible.