Ford Motor Company

Own IA & Navigation

Restructuring the information architecture and navigation of the ownership space to better fit customer expectations

Timeline

Spring 2024,

20 weeks

Team

UX Design

UX Research

UX Content Strategy

Engineering partners

Product partners

Stakeholders

Design System Team

Tools

Figma

Miro

UserZoom

dscout

Dovetail

Slanted title image of examples of the mobile navigation

Gathering Metrics, Best Practices, and User Data

Many of the major pain points users face in the own space relate to the information architecture of the site and our navigation system. We dove into the data, finding where users are getting lost and what disconnects ecist. and the reasons our users come to the own and support sites. We also utilized Baymard to find relevent industry standards.

Competitors & Comparators

There are many styles of navigation across automotive sites and across different industries. We looked at the unauthenticated and authenticated experiences on mobile devices and desktop of 4 higher end vehicle competitors, 6 direct vehicle competitors, and 9 comparators from different industries. This exercise revealed patterns we could utilize and issues we could avoid.

Uncovering the Mental Model

One unique issue we needed to address was the vast amount of items users need to find within the own space. Everything from tracking an order, to paying a car loan, to scheduling an oil change needs to be accessed from own. We conducted an open card sort in UserZoom and a closed card sort in dscout to see how users grouped roughly 40 of our offerings.

Fill in the Gaps with a Tree Test

The card sorts revealed a lot of usable information, but many key items did not have a clear category, such as recalls and software updates. We created a rough IA structure from the card sorts and conducted two tree tests - one with the current site structure and one with this card sort structure. We had 40 users on each test complete the same tasks. The card sort IA tested significantly better than our current site, reducing the number of difficult tasks, improving findabilitiy, and eliminating confusing terminologies.

Ideating from Research Takeaways

With all of this information, we began solutioning for these issues. We evaluated the global navigation system- it’s geared towards buyers, not owners. So, we began experimenting with a secondary navigation while in the ownership space as well as recommendations for changes to the global navigation.

Global Navigation

Should we split these into two different tabs?

Global Navigation

How would a horizontal treatment look?

Secondary Navigation

How do we highlight the value of logging in?

Secondary Navigation

What does the entry point look like?

Figma Snapshot

High-level look at some of our design iterations.

Testing Our Designs

After collaborating with the design system team and going through peer design reviews, we wanted to test our designs. We identified 20 key products to include in our tests. To avoid user fatigue, we split these 20 tasks into 3 tests, each with 20 users. The results for most were incredibly promising, showing that there may be opportunity for both an enhancement to the global navigation while also utilizing a secondary navigation after a user signs in to their account. 3 rounds of iterative testing were conducted before the final.

Round 1

Round 2

Round 3

Proud moment- I developed a great system for organizing notes while watching the test videos!

The Final Designs

After rounds and rounds of iterating and testing, we finally uncovered the right direction- an enhanced global navigation and an added secondary navigation for authenticated users. With so many eyes on this project, we conducted a moderated test with 6 participants on the final designs, which were incredibly well received.

Selecting a section reveals more options.

Users can sign in to reveal a personalized shortcuts menu.

Signed in users can immediately access important items from their accounts.

Users can expand the menu sections and open additional details where necessary

The Support & Service section allows users to quickly find the items they need. The account section allows users who are not signed in to still access their most needed links.

Signed in users can immediately access important items in a personalized shortcuts menu. This only appears when in the ownership and support space.

Impact

+16%

Task completion rate

+23%

Customer satisfaction

-9%

Time on task

Thanks for dropping by

Want to continue the conversation? Send me a message!

briamckouen@gmail.com

Icons courtesy of FlatIcon.

Menu
Menu

Ford Motor Company

Own IA & Navigation

Restructuring the information architecture and navigation of the ownership space to better fit customer expectations

Timeline

Spring 2024,

20 weeks

Team

UX Design

UX Research

UX Content Strategy

Engineering partners

Product partners

Stakeholders

Design System Team

Tools

Figma

Miro

UserZoom

dscout

Dovetail

Slanted title image of examples of the mobile navigation

Gathering Metrics, Best Practices, and User Data

Many of the major pain points users face in the own space relate to the information architecture of the site and our navigation system. We dove into the data, finding where users are getting lost and what disconnects ecist. and the reasons our users come to the own and support sites. We also utilized Baymard to find relevent industry standards.

Competitors & Comparators

There are many styles of navigation across automotive sites and across different industries. We looked at the unauthenticated and authenticated experiences on mobile devices and desktop of 4 higher end vehicle competitors, 6 direct vehicle competitors, and 9 comparators from different industries. This exercise revealed patterns we could utilize and issues we could avoid.

Uncovering the Mental Model

One unique issue we needed to address was the vast amount of items users need to find within the own space. Everything from tracking an order, to paying a car loan, to scheduling an oil change needs to be accessed from own. We conducted an open card sort in UserZoom and a closed card sort in dscout to see how users grouped roughly 40 of our offerings.

Fill in the Gaps with a Tree Test

The card sorts revealed a lot of usable information, but many key items did not have a clear category, such as recalls and software updates. We created a rough IA structure from the card sorts and conducted two tree tests - one with the current site structure and one with this card sort structure. We had 40 users on each test complete the same tasks. The card sort IA tested significantly better than our current site, reducing the number of difficult tasks, improving findabilitiy, and eliminating confusing terminologies.

Ideating from Research Takeaways

With all of this information, we began solutioning for these issues. We evaluated the global navigation system- it’s geared towards buyers, not owners. So, we began experimenting with a secondary navigation while in the ownership space as well as recommendations for changes to the global navigation.

Global Navigation

Should we split these into two different tabs?

Global Navigation

How would a horizontal treatment look?

Secondary Navigation

How do we highlight the value of logging in?

Secondary Navigation

What does the entry point look like?

Figma Snapshot

High-level look at some of our design iterations.

Testing Our Designs

After collaborating with the design system team and going through peer design reviews, we wanted to test our designs. We identified 20 key products to include in our tests. To avoid user fatigue, we split these 20 tasks into 3 tests, each with 20 users. The results for most were incredibly promising, showing that there may be opportunity for both an enhancement to the global navigation while also utilizing a secondary navigation after a user signs in to their account. 3 rounds of iterative testing were conducted before the final.

Round 1

Round 2

Round 3

Proud moment- developed a great system for organizing notes while watching the test videos!

The Final Designs

After rounds and rounds of iterating and testing, we finally uncovered the right direction- an enhanced global navigation and an added secondary navigation for authenticated users. With so many eyes on this project, we conducted a moderated test with 6 participants on the final designs, which were incredibly well received.

Selecting a section reveals more options.

Users can sign in to reveal a personalized shortcuts menu.

Signed in users can immediately access important items from their accounts.

Users can expand the menu sections and open additional details where necessary

The Support & Service section allows users to quickly find the items they need. The account section allows users who are not signed in to still access their most needed links.

Signed in users can immediately access important items in a personalized shortcuts menu. This only appears when in the ownership and support space.

Impact

+16%

Task completion rate

+23%

Customer satisfaction

-9%

Time on task

Thanks for dropping by

Want to continue the conversation? Send me a message!

briamckouen@gmail.com

Icons courtesy of FlatIcon.

Ford Motor Company

Own IA & Navigation

Restructuring the information architecture and navigation of the ownership space to better fit customer expectations

Timeline

Spring 2024,

20 weeks

Team

UX Design

UX Research

UX Content Strategy

Engineering partners

Product partners

Stakeholders

Design System Team

Tools

Figma

Miro

UserZoom

dscout

Dovetail

Slanted title image of examples of the mobile navigation

Gathering Metrics, Best Practices, and User Data

Many of the major pain points users face in the own space relate to the information architecture of the site and our navigation system. We dove into the data, finding where users are getting lost and what disconnects exist. We analyzed not only what they do but why users come to the ownership and support pages. We also utilized Baymard to identify relevant industry standards and best practices.

Competitors & Comparators

There are many styles of navigation across automotive sites and across different industries. We looked at the unauthenticated and authenticated experiences on mobile devices and desktop of 4 higher end vehicle competitors, 6 direct vehicle competitors, and 9 comparators from different industries. This exercise revealed patterns we could utilize and issues we could avoid.

Uncovering the Mental Model

One unique issue we needed to address was the vast amount of items users need to find within the own space. Everything from tracking an order, to paying a car loan, to scheduling an oil change needs to be accessed from own. We conducted an open card sort in UserZoom and a closed card sort in dscout to see how users grouped roughly 40 of our offerings.

Fill in the Gaps with a Tree Test

The card sorts revealed a lot of usable information, but many key items did not have a clear category, such as recalls and software updates. We created a rough IA structure from the card sorts and conducted two tree tests - one with the current site structure and one with this card sort structure. We had 40 users on each test complete the same tasks. The card sort IA tested significantly better than our current site, reducing the number of difficult tasks, improving findabilitiy, and eliminating confusing terminologies.

Ideating from Research Takeaways

With all of this information, we began solutioning for these issues. We evaluated the global navigation system- it’s geared towards buyers, not owners. So, we began experimenting with a secondary navigation while in the ownership space as well as recommendations for changes to the global navigation.

Global Navigation

Should we split these into two different tabs?

Global Navigation

How would a horizontal treatment look?

Secondary Navigation

How do we highlight the value of logging in?

Secondary Navigation

What does the entry point look like?

Figma Snapshot

High-level look at some of our design iterations.

Testing Our Designs

After collaborating with the design system team and going through peer design reviews, we wanted to test our designs. We identified 20 key products to include in our tests. To avoid user fatigue, we split these 20 tasks into 3 tests, each with 20 users. The results for most were incredibly promising, showing that there may be opportunity for both an enhancement to the global navigation while also utilizing a secondary navigation after a user signs in to their account. 3 rounds of iterative testing were conducted before the final.

Round 1

Round 2

Round 3

Proud moment- developed a great system for organizing notes while watching the test videos!

The Final Designs

After rounds and rounds of iterating and testing, we finally uncovered the right direction- an enhanced global navigation and an added secondary navigation for authenticated users. With so many eyes on this project, we conducted a moderated test with 6 participants on the final designs, which were incredibly well received.

Selecting a section reveals more options.

Users can sign in to reveal a personalized shortcuts menu.

Signed in users can immediately access important items from their accounts.

Users can expand the menu sections and open additional details where necessary

The Support & Service section allows users to quickly find the items they need. The account section allows users who are not signed in to still access their most needed links.

Signed in users can immediately access important items in a personalized shortcuts menu. This only appears when in the ownership and support space.

Impact

+16%

Task completion rate

+23%

Customer satisfaction

-9%

Time on task

Thanks for dropping by

Want to continue the conversation? Send me a message!

briamckouen@gmail.com

Icons courtesy of FlatIcon.