Navigar

Government | E-Learning | Responsive Web UX Design

Role

Product Designer
UX Designer  

Overview

The Professional Institute of the Public Service of Canada (PIPSC) created Navigar to fulfill its vision of providing outstanding career advancement and support, enabling its members to thrive in the workforce today and in the future. Navigar is a smart online skills development planning tool that is free for PIPSC members. The vision for Navigar is to offer evidence-based insights for public service professionals navigating the future workforce and a skills development platform to help them achieve their goals.

Project

User Research, Responsive Web UX Design, Usability Testing, Prototyping, UX Strategy

View Navigar

Research Process

Stakeholder Workshops

User Interviews

Personas

Workshops to gather internal stakeholders' insights on PIPSC members' career planning needs.

40 qualitative interviews with PIPSC members

6 personas developed to represent findings from user interviews.

  • Ecosystem mapping, provisional personas, and provisional journey mapping
  • Recruitment criteria and research questions
  • Mix of early, mid, late career.
  • Emphasis towards younger participants (age 26-40).
  • Interviews validated/ update personas
  • 3 personas updated from stakeholder workshops.
  • 3 additional personas identified from interviews.

Design Process

Low Fidelity Wireframes

Low-fidelity wireframes are a cost-effective tool I use in the early stages of design to outline the basic structure and layout of a webpage or application. By focusing on functionality and content placement without the distraction of detailed visuals, I can quickly iterate on ideas, communicate effectively with stakeholders, and ensure everyone is aligned on the design goals. The rationale behind using low-fidelity wireframes is to test and validate design concepts efficiently, allowing me to refine ideas before moving on to more detailed design work.

High Fidelity Wireframes and Prototyping

With high-fidelity wireframes, I focus on precise visual design elements like colors, typography, and imagery, ensuring the final product aligns with the brand's aesthetic and user expectations. Prototyping allows me to simulate user interactions, test user flows, and gather feedback on the overall experience.

User Testing and Iterations

I conducted 20 usability sessions, starting with a tree test to validate the information architecture, followed by interview sessions to gather user feedback and assess whether pain points were addressed. We also used the System Usability Scale (SUS) to measure overall usability.

Metrics To Consider

My UX product strategy revolves around creating a user-centered platform that drives engagement, satisfaction, and sustainable growth. Here's how I approach each metric

User engagement

Completion rates

I track interaction levels, such as logins, session duration, and frequency of use, to understand how well the platform meets user needs and keeps them engaged. High engagement shows that the design and content resonate with users, encouraging repeat visits and deeper involvement.

By monitoring completion rates, I can evaluate the quality of content and user experience. A high completion rate suggests that users find value in the courses or programs, motivating them to finish, which is crucial for ensuring the platform’s educational impact.

Student satisfaction

Learning outcomes

Gathering insights on student satisfaction through surveys, ratings, and reviews gives me direct feedback on the user experience. High satisfaction is essential for building a positive reputation and driving word-of-mouth growth, leading to increased engagement and retention.

I track learning outcomes through assessments to measure the effectiveness of the platform in achieving educational goals. This ensures that the platform delivers on its promises, enhancing its credibility and overall value.