RadicalAI Arcade
ARCADE LEARNING FEATURE
How can I break into the tech industry? This is a question that many, many, many people are asking themselves, but unfortunately, face a reality where it is all too difficult to find effective learning tools to enhance skills in their field and make meaningful connections. Radical AI is a startup aiming to change the landscape of online learning by harnessing the power of AI and gamified learning to guide users through interactive career-building activities. As a UI/UX Design Intern, I worked on developing an Arcade Learning feature that combines coding courses with gamified elements to create a more engaging and personalized learning experience.
Product Design Intern
Project Manager, Design Lead, UI/UX Designers
3 months
Online learning platforms are failing to retain and educate users due to a lack of personalized content and ineffective use of user feedback/behaviors to enhance the learning experience.
The initial phase of my project involved exploring how AI and gamified learning could transform online education for individuals aspiring to enter the tech industry. I examined numerous different screens from a multitude of learning platforms. Using what we had learned, I identified 6 main use cases:
Through exploring these use cases, we discovered innovative opportunities for improving learning and retention rates.
→ How can we prioritize these use cases to maximize engagement and learning outcomes for our users?
For each identified use case, I started by mapping out a user flow and then drafted wireframes for each stage. AI-Tutors for coding was a vastly unexplored area at the time, so we got to be very creative with ideation, but eventually reeled in our featureset to ensure our project could be built given technical and time constraints.
To ensure we were on the right track, we had many meetings with Design Management, our CEO, and developers to test our concepts. Here is a glimpse at our office landscape, hosted on Gather!
This was my office!
We worked through 4 iterations, and came up with many design variations!
After finalizing our feature concept, I created high-fidelity mockups demonstrating specific capabilities of our Arcade Feature. RadicalAI had not established a solid branding system at this point, so I used this project as an opportunity to strengthen my skills in Visual Design! This project was my first experience incorporating AI generated content in my designs, particularly for avatars and color settings. I look forward to seeing what else can be done with these tools!
On the home page, users can track their progress in each course, personalize their avatar, discover courses, and review past achievements.
To add a layer of personalization, users can customize their AI tutor with a distinct look. All avatar graphics are AI generated.
The course overview page is the central learning hub allows users to preview the personalized generated course content.
The AI Tutor serves as a tutor/teacher figure for users. Not all lessons look the same, so we wanted to provide separate interfaces for differing curriculum. Since RadicalAI is aims to help people break into tech, majority lessons are taught through gamified learning sessions or hands-on coding problems. Below are exapmles of what a lesson might look like:
The coding interface enables direct code writing, allowing for a comprehensive learning journey. Users can still engage with the tutor through a compact chat window.
The chat interface combines learning and conversational aspects to keep the learner engaged. Users can learn lessons, take quizzes, and ask questions.