Overview

This article details the key design features for the "Career Navigator" experience on the mobile application (mobile browser or native application). The design is optimized for a vertical, touch-based interface, providing a streamlined and intuitive user experience for exploring career paths.

Getting Started

From the Mobile application homepage, select "Career Navigator" to open the Career Navigator page.

For more information on different Views, Filters, and Explore roles, read Getting started with Career Navigator.

The career path flow is presented in a vertical list, where potential roles are stacked one after another.

• Total Path Count: The system displays a prominent "Path X of Y" counter (e.g., "Path 1 of 6") above the current role, informing the user of the total number of recommended paths.
• Path Navigation: Users can navigate between the different recommended paths using two primary methods:
1. Explicit Controls: Selecting the dedicated left navigation and right navigation arrows next to the "Path X of Y" counter to cycle through paths.
2. Gesture Navigation: Performing a swipe gesture (left or right) across the path view for a quick, touch-based transition between paths.

   

• Path Collapse/Expand: The path list supports collapsing and expanding the subsequent role steps.
• By default, the path is in the Expanded state.
• A control button labeled bottom of the paths 'Collapse path' or 'Expand path' allows the user to hide or reveal the employees beyond the current position.

  

Current Role and Path Controls

• Current Role Display: The user's current role is prominently displayed at the top of the path and current employee information in that role.
• Role Tags: Relevant tags (e.g., "Domain change") are clearly visible near the corresponding role entry within the vertical path list.
• Bookmark the Path: Select the bookmark icon (next to the three-dot menu) to bookmark the path. A "Successfully added as favorite path" message confirms the action.
• Path Action Menu: Actions pertaining to the overall path, such as 'Dismiss career path' are accessible through the consolidated three-dot icon menu placed near the current role.

  

Career Paths for a Given Role

Upon navigating to a specific role's detail page, the supporting path visualizations are optimized for the mobile screen:

• Multiple Path Handling: When there are multiple paths (e.g., "Where this role leads to"), a "Path X of Y" counter and navigation arrows are displayed to allow users to navigate.
• Vertical Scroll Management: The paths are displayed in a vertical stacker manner, staying consistent with the main Career Navigator page. Users can click on any of the roles to navigate directly to the full details page.

Note: We don’t offer Expand/Collapse option here. The career paths are always shown in a collapsed manner.

Explore roles

• Filter Interface: Tapping the "Explore roles" element triggers a modal view for filter selection. This interface is optimized for touch interaction, allowing users to select and refine criteria based on Skills, Business Function, and Business Unit.
• Results Display: After applying filters, the results are presented in a dedicated vertical, scrollable list. Roles are listed concisely, and tapping on any role navigates the user to its comprehensive details page.