Upskill: Skill assessment mobile app

Background

Skill learning is at an all-time high. This app aims to provide a platform that helps users learn and assess their skills and abilities in different fields remotely. The results of these assessments can then be used to identify areas for improvement, help users set goals, or assist in making decisions about career paths or educational programs.

Upskill also aims to provide the necessary resources and training materials to help users improve or learn new skills.

My Role

I was the UX designer on this project. Charged with overseeing, researching, wireframing, testing, and designing this project from end to end.

The 5W's

• Who: Professionals who want to access their skill level and take on real-life challenges in their fields, and college students who wish to practice for their exams and tests.
• What: A web/mobile app for people to instantly take assessments (plumbing, technology, math, career, customer support, etc.)
• When: Whenever you feel like upscaling or need to improve your skills in a subject or course
• Where: Most commonly at home, but on the go as well.
• Why: To make this assessment and course remotely accessible to anyone.



Challenge

Transitioning into tech was a decision I made during the COVID-19 pandemic. While there's a wealth of information on how to transition, I faced the dilemma of navigating around the ecosystem and successfully transitioning. I realized that my journey took longer than I initially anticipated, and while I was interviewing users, I realized that self-learning people faced the same issues.

Hence the decision to design a product that caters to and tries to solve this learning gap.

User Research

I carried out user research to understand the pain points and learning gaps faced by self-learners to design a product that caters to their needs, helping them successfully navigate and transition into any industry of their choice, and reducing the time and difficulties associated with it.

Competitive Analysis

My competitive analysis is a comparison of functionality within competitors, to gain insights into the strengths and weaknesses of existing competitors, identify opportunities for differentiation, and ensure the app offers a unique user experience.

An image showing different functionalities for competitors

Conceptualization

I used the Crazy Eight concepts to produce and come up with different ideas about how the app will work and how users will experience the app. Then I sketched to bring the ideas to life on paper. Experimenting on how features will align.



Crazy 8 conceptualization



Rough paper sketch for feature ideation

Information Architecture

I designed an information architecture that organizes the app's features and content logically and structured, enabling users to navigate through the app and access the desired functionality easily.



Information Architecture



Designing the solution

To design a skill assessment app that caters to users looking to learn a new skill and users who want to take assessments to improve their skills. ITodo that, we have to design an app with the following features:

• A comprehensive learning platform will cater to different skill levels, from beginner to advanced, and provide structured learning paths for users in various fields.
• Personalized learning recommendation system that suggests courses and resources based on the user's skills, goals, and learning preferences. Users will also be pointed to relevant resources for their learning.
• A searchable database of courses and skills that users can browse and filter by subject, level of difficulty, and other criteria.
• Integrating skill assessment tests within the app to help users evaluate their current knowledge and identify areas for improvement and provide detailed feedback and progress tracking features that allow users to monitor their growth and track their learning journey.

Wireframes

I created wireframes to visually outline the structure and layout of the app I was designing. This allowed me to efficiently communicate the design concept, test with users, and iteratively improve the user experience, ensuring that the final product would effectively cater to users' needs and bridge the learning gap in the learning space.



some of the wireframes for testing.

Experiencing the App





Onboarding

These screens help personalize and streamline users' learning experiences. The information gotten from here is what will be used to recommend courses and assessments for users.

During the testing stage, users pointed out that there was no way to know how many steps they had to take so I added a bar to let them know how many more steps were left to complete onboarding.



Onboarding screens for Upskill App



Home Screens

The first screen is for returning users as evidenced in the "continue learning" shown on the first screen. The second screen is for new users.





Explore mentors and course categories

Search for courses you want and connect with mentors in different fields for guidance on how to navigate any career space.





Explore mentors and course categories

Learning path

Pick and bookmark courses of your choice and start learning. Get access to online assessments and resources.



Courses for old and new learners

Assessments

Take assesssments to highlight users strengths and areas that need improvement.

Assesments and learning statistics

Get Notified

Get notifications, reminders and updates on courses, mentorship and etc.

Notification screen

More screens

Splash screens



To view the designs in its rawrest form, click here