Evaluation Portal
Overview
Challenge
Radarvertige is an organization for training courses, learning trajectories, and interventions. For more than 30 years they’ve been sharing their knowledge and expertise in the social domain. Together with freelance experts, they aim to bring new skills and expertise to clients and their employees.
To guarantee the training quality remains on level, Radarvertige makes use of an evaluation form. This form used to be a paper version that each participant filled out at the end of the session. Finally, the trainer would send it back to the office by mail. However, this was not very practical. Or eco-friendly.
Ultimately, this created the perfect opportunity to create a new digital evaluation tool. And that is precisely what we have done!
Goals
Research how the digital evaluation form can be most effective for the user and the stakeholders
Redesign the evaluation tool for the participants following a training and/or course – the users
Tools
Adobe XD, Adobe Illustrator, Zoom
Role
UX/UI Design
(research, interaction design, user testing, visual design)
Team
Self directed in cooperation with Radarvertige
Research & Insights
Research users
To research how the participants – a.k.a. users – would prefer to evaluate the training, I visited a couple of training sessions. Next, I did some basic interviewing with a standard set of questions. In the end, I gathered the following insights:
The user wants the evaluation tool to be easy to use
The user wants the evaluation tool to take a maximum of 5 minutes with a maximum of 19 questions
The user would prefer the evaluation form to be available via their smartphone
Research stakeholders
Next, it was time to find out how the stakeholders want the evaluation tool to perform and what their expectations are. We set up a meeting with different stakeholders from Radarvertige to see how it impacts each role. Ultimately, we came to the following insights:
The stakeholders want a set of questions that are applicable in all training situations for all training courses
The stakeholders want to give the user the opportunity to write in their own words how the training went
The stakeholders want to have a clear overview of the results, just like the trainers and actors should have
Design
Previous design
The previous design was our starting point. However, this design was made for a desktop screen size. When I tried to see how it looks on a smartphone it asked for a lot of zooming in to answer all of the questions.
You can see the previous design below:
Low-fidelity design
Next, I started to create a low-fidelity design based on the gathered insights. Once this was finished I could continue on building a prototype that I would use for testing with the users.
User testing
To find out if a new design is actually working for the user, I always do user testing.
In this case, I had the chance to visit some training sessions again. I let the users interact with the design by letting them do some actual evaluation for the training. By observing and interviewing the users, the following useful insights were gathered:
The design is easy to use and quick to evaluate the session
80% of the users clicked on one of the social media buttons to follow Radarvertige
The form fields and smiley buttons were positioned too high on the screen. This caused the user to try to fill in the questions with one hand in an awkward and uncomfortable way.
High-fidelity design
Finally, using the insights gathered from user testing, it was time to design the high-fidelity design. For this, we used Radarvertige’s branding style. See the result below:
Starting screen
The trainer provides the user with a project number and a code. These correspond with Radarvertige’s ERP system so that the results will be linked to the right training session.
Evaluation questions
The user will get a set of 13 single-choice questions and 1 open question. They can track their progress at the top and see exactly how many questions are left. Lastly, the smiley buttons have been lowered so it’s easier to reach with one hand.
Final screen
Once the user has answered all questions, the final screen pops up. The user is kindly thanked for their input and offered to follow Radarvertige’s social channels. To draw some extra attention to this, I have animated the social media buttons slightly.
Reflection
Final thoughts
This project was very fun to work on. Even though it wasn’t the most complex problem I’ve solved, the outcome is very tangible. This will save RadarVertige a lot of handling work and especially lots of paper! The design is being developed at this moment and we can’t wait to use it live!