AA.
Contribution
User research, Stakeholder interview, High-fidelity prototype
Employees in the company
Target Users
My role
UX Designer
Visual Designer
6 Months
Duration
Overview
This case study explores the design process behind Skill Navigator, a data-driven platform designed to empower individuals to manage their professional skill development and explore career paths. Skill Navigator takes inspiration from both tube maps and Google maps, offering a visually intuitive interface to represent individual skill sets and potential career trajectories.
Beyond simply cataloging skills, Skill Navigator actively equips users with tools and resources to chart their career journeys, identify skill gaps, and discover relevant learning opportunities for skill mastery. This user-centered platform empowers individuals to take control of their professional development, navigating their career journeys with increased clarity and confidence.
Problem
Employees in our company in today's scenerio face challenges in navigating the complexities of professional development. Existing solutions often lack:
Comprehensive skill visualization: Difficulty in accurately tracking and visualizing diverse skill sets.
Clear career exploration tools: Limited understanding of potential career paths and progression options.
Actionable skill development guidance: Difficulty identifying relevant learning resources and creating effective skill development plans.
Our Approach
"Understanding the complexity of this task, our team adopted the double diamond approach to maintain focus and organization throughout the design process."
Design Process
Discovering the problem
-
Conducted market research to understand existing skill management platforms and user preferences.
-
Identified user pain points and challenges through interviews, and competitor analysis.
-
Explored best practices in data visualization and user interface design.
Defining the problem
Our research, including user interviews, revealed that crafting a detailed persona was crucial to understand our target user. This persona acted as a fictional representation of a typical user, encompassing their diverse challenges and motivations. By continuously referring to this persona throughout the design process, we ensured user-centricity remained at the forefront.
Based on research findings, we established clear design goals and developed user personas to guide the design process. These personas helped us identify essential features and functionalities that addressed user needs and their pain points.
Defining the solution
The Develop phase transformed design concepts into interactive prototypes through low-fidelity wireframes in Figma, focusing on core functionalities. Prototypes and user testing with real users then facilitated iterative refinement, ensuring the final product aligned with user needs and expectations. This user-centered approach bridged the gap between initial concepts and a functional Skill Navigator platform.
Developing the product
-
Collaboration: Worked with developers, analysts, and testers to translate Figma prototypes into functional prototypes.
-
User Testing: Gathered user feedback through usability testing ie, observations to identify improvement areas.
-
Iteration: Iteratively refined the design based on feedback, focusing on:
Clarity: Improved "tube-map" visualization for clarity.
Discoverability: Enhanced discoverability of relevant learning resources.
Launch: Based on user feedback, the final version of Skill Navigator was launched to a broader market.
Outcomes and Conclusion
Skill Navigator addresses the critical need for a user-centered platform that empowers individuals to manage their skill development and explore career pathways through intuitive visualization tools, and actionable insights. By employing a user-centered design process and continuously iterating based on user feedback, Skill Navigator strives to be a valuable companion for individuals navigating the ever-evolving professional landscape.