Navigation

  • Improve findability: define consistent navigation across products to increase discoverability of the most valuable functionality

  • Mobile optimized: Decrease the number of menu options to provide clear sense of place and enable mobile usage.

  • Seamless Ecosystem: Provide global header and access to all products in Pearson ecosystem.

  • Easy onboarding: Shorten time to onboard and reduce the need for training and support with a simplified navigation structure.

1 year

Role:

Timeline:

Senior Visual Designer

Constraints:

Cost and Time

Team and roles:

My role was the Senior Visual Designer on the Higher Ed UX Design team. The team consisted of a Senior Design Director, Design Manager, Senior and Junior Product Designers, and a UX Prototyper.

  • I owned the icon library

  • I owned the mobile interaction styles.

  • I owned the high fidelity mock ups and dev hand off.

  • I partnered with the A11Y so all components are accessible.

Constraints

Provide clarity and modernize the design.

Iterations:

Design goals:

Iterative approach on updating the navigation.

Impact & Learnings:

Role based navigation, tokens for light/dark modes.

Overview of design goals:

  • Provide clarity: Make the complex understandable with clear information architecture, reduce noise and fewer navigation options.

  • Modernize design: raise the bar by delivering delightful, accessible visual designs using responsive layout with familiar interaction patterns and mental models.

Old Navigation

Low Fidelity wireframes

UI and Visual Design Iterative Solutions

  • Above: Start with role based navigation in light mode only.

  • Below: Leverage design tokens to scale to light and dark modes quickly.

Impact and Learnings:

Stackholder Result and Summary:

  • Establish role based navigation: student and instructor.

  • Use tokens to easily scale to light/dark mode for users.

  • Due to constrains, this iterative approach will help us achieve our design and business goals.

I designed several iterations and discussed in depth with Architects, Engineers, and Product Managers to achieve alignment on feasibility, cost and timing.