Android Navigation

I led the UX redesign of the Navigation system across all Android devices

Android Navigation

I led the UX redesign of the Navigation system across all Android devices

Android Navigation

I led the UX redesign of the Navigation system across all Android devices

Background

Background

Project

Project

Role

Role

Year

Year

Android

Android

UX Lead

UX Lead

2018-2023

2018-2023

For the past decade, navigating Android on its 2.5B+ devices had remained unchanged with the familiar 3 button bottom navigation bar. To provide deeper edge-to-edge experiences that match their hardware, manufacturers began introducing their own gestural navigation system causing fragmentation within the Android ecosystem.


This navigation model also became increasingly difficult to scale to other form factors such tablets, watch, foldables, nest hub, etc.

For the past decade, navigating Android on its 2.5B+ devices had remained unchanged with the familiar 3 button bottom navigation bar. To provide deeper edge-to-edge experiences that match their hardware, manufacturers began introducing their own gestural navigation system causing fragmentation within the Android ecosystem.


This navigation model also became increasingly difficult to scale to other form factors such tablets, watch, foldables, nest hub, etc.

Background

Project

Role

Year

Android

UX Lead

2018-2023

For the past decade, navigating Android on its 2.5B+ devices had remained unchanged with the familiar 3 button bottom navigation bar. To provide deeper edge-to-edge experiences that match their hardware, manufacturers began introducing their own gestural navigation system causing fragmentation within the Android ecosystem.


This navigation model also became increasingly difficult to scale to other form factors such tablets, watch, foldables, nest hub, etc.

Different navigational models across Android

Different navigational models across Android

Principles & Goals

Principles & Goals

1. Platform Consistency:

Maintaining consistency with Android's existing design language and navigation patterns was critical. Due to diverse landscape of Android devices types as well as manufacturers (Samsung, LG, Huawei, etc), we wanted to ensure we were consistent across all devices.


2. Reliable & Accessible:

Ensuring that the gesture navigation model catered to users with different physical abilities and provided accessible alternatives was crucial. This involved extensive user testing and iterative improvements to make the navigation experience inclusive.


3. Fluid & Intuitive:

Designing intuitive gestures that were discoverable and easy to learn for both new and existing users presented a challenge. Clear visual cues, progressive disclosure, and interactive tutorials were employed to address this challenge.

1. Platform Consistency:

Maintaining consistency with Android's existing design language and navigation patterns was critical. Due to diverse landscape of Android devices types as well as manufacturers (Samsung, LG, Huawei, etc), we wanted to ensure we were consistent across all devices.


2. Reliable & Accessible:

Ensuring that the gesture navigation model catered to users with different physical abilities and provided accessible alternatives was crucial. This involved extensive user testing and iterative improvements to make the navigation experience inclusive.


3. Fluid & Intuitive:

Designing intuitive gestures that were discoverable and easy to learn for both new and existing users presented a challenge. Clear visual cues, progressive disclosure, and interactive tutorials were employed to address this challenge.

Principles & Goals

1. Platform Consistency:

Maintaining consistency with Android's existing design language and navigation patterns was critical. Due to diverse landscape of Android devices types as well as manufacturers (Samsung, LG, Huawei, etc), we wanted to ensure we were consistent across all devices.


2. Reliable & Accessible:

Ensuring that the gesture navigation model catered to users with different physical abilities and provided accessible alternatives was crucial. This involved extensive user testing and iterative improvements to make the navigation experience inclusive.


3. Fluid & Intuitive:

Designing intuitive gestures that were discoverable and easy to learn for both new and existing users presented a challenge. Clear visual cues, progressive disclosure, and interactive tutorials were employed to address this challenge.

............................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

Prototyping & Research

Prototyping & Research

In order to truly understand this space, I developed several interactive prototypes to visualize and test different gesture navigation models. Presented & demoed to executive leadership to receive buy-in and support to prioritize the project.

Worked with UXR to formulate a comprehensive 3 phase research plan and rapidly test my prototypes (20+ studies). Narrowed the models down to 3 potential candidates for the navigational model. I worked closely with engineering to create a full fledged prototype that enabled the team to live on it daily.

We tested across axes like desirability, speed-of-use, ergonomics, learnability, and more. Also evaluated the viability and intuitiveness of interaction models compared with other OEMs.

In order to truly understand this space, I developed several interactive prototypes to visualize and test different gesture navigation models. Presented & demoed to executive leadership to receive buy-in and support to prioritize the project.

Worked with UXR to formulate a comprehensive 3 phase research plan and rapidly test my prototypes (20+ studies). Narrowed the models down to 3 potential candidates for the navigational model. I worked closely with engineering to create a full fledged prototype that enabled the team to live on it daily.

We tested across axes like desirability, speed-of-use, ergonomics, learnability, and more. Also evaluated the viability and intuitiveness of interaction models compared with other OEMs.

Prototyping & Research

In order to truly understand this space, I developed several interactive prototypes to visualize and test different gesture navigation models. Presented & demoed to executive leadership to receive buy-in and support to prioritize the project.

Worked with UXR to formulate a comprehensive 3 phase research plan and rapidly test my prototypes (20+ studies). Narrowed the models down to 3 potential candidates for the navigational model. I worked closely with engineering to create a full fledged prototype that enabled the team to live on it daily.

We tested across axes like desirability, speed-of-use, ergonomics, learnability, and more. Also evaluated the viability and intuitiveness of interaction models compared with other OEMs.

............................................................................................................................................................................................................................................................................................................

Navigation Model

Navigation Model

The core gestures navigational gestures that we were prioritizing were: Back, Home & Overview. But other gestures to get to such as Notifications, quick switching between apps, invoking the dock, etc were top of mind while we defined each gesture.

The core gestures navigational gestures that we were prioritizing were: Back, Home & Overview. But other gestures to get to such as Notifications, quick switching between apps, invoking the dock, etc were top of mind while we defined each gesture.

Navigation Model

The core gestures navigational gestures that we were prioritizing were: Back, Home & Overview. But other gestures to get to such as Notifications, quick switching between apps, invoking the dock, etc were top of mind while we defined each gesture.

Home

Overview

Back

Universal Back

Back was the most challenging gesture to develop for because of how common it is used and the universal nature of it. Depending on the context, back can mean go back to the previous screen, undo, dismiss, cancel, previous form field, etc. So we ensured that as a user swipes back they are getting real-time feedback about what action it will perform.


It is by far the most common used gesture on Android (2-3x times more than the home gesture).

Universal Back

Back was the most challenging gesture to develop for because of how common it is used and the universal nature of it. Depending on the context, back can mean go back to the previous screen, undo, dismiss, cancel, previous form field, etc. So we ensured that as a user swipes back they are getting real-time feedback about what action it will perform.


It is by far the most common used gesture on Android (2-3x times more than the home gesture).

Early prototype I built to test out back gestures

Early prototype I built to test out back gestures

Onboarding

Onboarding

We made sure to go the extra mile when it came to teaching users about the new swipe navigation model. We wanted to make a delightful first impression on users that matched the latest Material You feel.


We made sure to go the extra mile when it came to teaching users about the new swipe navigation model. We wanted to make a delightful first impression on users that matched the latest Material You feel.


Onboarding

We made sure to go the extra mile when it came to teaching users about the new swipe navigation model. We wanted to make a delightful first impression on users that matched the latest Material You feel.


Prototype I built for the Gesture Navigation education

Prototype I built for the Gesture Navigation education

Scaling & Alignment

Scaling & Alignment

Ensuring our gestures were consistent across the ecosystem of devices (watch, foldables, tablet, phone, ChromeOS, nest hubs) was one of the core principles we sought to do. We tweaked the gestures to make sure they feel just right on the device you are using it and using AI to even adjust thresholds based on the user using it.


Involving developers and other manufacturers (Samsung, LG, Huawei, etc) throughout the process was critical in landing a great user experience out of the box that feels familiar no matter which device you use.

Ensuring our gestures were consistent across the ecosystem of devices (watch, foldables, tablet, phone, ChromeOS, nest hubs) was one of the core principles we sought to do. We tweaked the gestures to make sure they feel just right on the device you are using it and using AI to even adjust thresholds based on the user using it.


Involving developers and other manufacturers (Samsung, LG, Huawei, etc) throughout the process was critical in landing a great user experience out of the box that feels familiar no matter which device you use.

Scaling & Alignment

Ensuring our gestures were consistent across the ecosystem of devices (watch, foldables, tablet, phone, ChromeOS, nest hubs) was one of the core principles we sought to do. We tweaked the gestures to make sure they feel just right on the device you are using it and using AI to even adjust thresholds based on the user using it.


Involving developers and other manufacturers (Samsung, LG, Huawei, etc) throughout the process was critical in landing a great user experience out of the box that feels familiar no matter which device you use.

Developer Adoption

Developer Adoption

Partnered with PM & ENG to organize developer summits (50+ developers), conducted one-on-one design sessions, and aided in the creation of I/O presentation, blogs, developer guidance ahead of the beta release.


Worked closely with first party apps on an on-going basis to ensure that we had support from all of the Google apps on launch.

Developer Adoption

Partnered with PM & ENG to organize developer summits (50+ developers), conducted one-on-one design sessions, and aided in the creation of I/O presentation, blogs, developer guidance ahead of the beta release.


Worked closely with first party apps on an on-going basis to ensure that we had support from all of the Google apps on launch.

Outcome

Outcome

We successfully landed Android's navigational model across our devices and was able to have amazing support from our OEM partners as well as the developer community. We received a lot of great feedback from users that it felt intuitive and easy to use and it is now majority of Android users use this navigation mode when using their devices.

Outcome

We successfully landed Android's navigational model across our devices and was able to have amazing support from our OEM partners as well as the developer community. We received a lot of great feedback from users that it felt intuitive and easy to use and it is now majority of Android users use this navigation mode when using their devices.

28%

26%

80%

Faster to complete Home tasks compared to 3-button navigation

Faster to complete Home tasks compared to 3-button navigation

Faster to complete Back tasks when compared to 3-button navigation

Faster to complete Back tasks when compared to 3-button navigation

Adoption and default experience for most phones, foldables & tablets

Adoption and default experience for most phones, foldables & tablets

" The result is awesome and speaking as a user it's impossible to go back now. Android is delightful to use. The model is much more self-consistent. It's better one-handed. And y'all saved the Android ecosystem from serious and imminent fragmentation."

Dave Burke

VP, Android

" The result is awesome and speaking as a user it's impossible to go back now. Android is delightful to use. The model is much more self-consistent. It's better one-handed. And y'all saved the Android ecosystem from serious and imminent fragmentation."

Dave Burke

VP, Android