Ford Scan

Ford Scan

Ford Scan

Cut Friction, Reduced Errors, and Increased Usability by 87.5%

Cut Friction, Reduced Errors, and Increased Usability by 87.5%

Role: Sr. Product Designer

Duration: 3 Months

Showcasing: Championing more than function: delightful design

Showcasing: Championing design

Problem

Fordโ€™s contracted iOS app was behind schedule, so they brought us in to get things back on track. Since all employees already used iPhones, it was more cost-effective to shift away from Zebra scanners. This change also empowered employees to use their own devicesโ€”eliminating issues with misplaced or uncharged scanners. Because the transition wasnโ€™t immediate, we designed the app as a multiplatform solution to bridge the gap.


The immediate problem was a lack in completion, but upon looking at the current state of the app, key usability issues were immediately noticed.

Site Visit

After visiting the testing center in Livonia, we gained a clear view of the full operationโ€”spanning part intake, assembly, calibration, and testing. Each step was technical and potentially time-sensitive depending on the number of parts, making speed and scanning accuracy absolutely critical to avoid costly errors.

How might weโ€ฆ

How might we design the experience to better support user needs like fast scanning and minimizing errors?

How might we...

How might we design the experience to better support user needs like fast scanning and minimizing errors?

Team Dynamics

Fordโ€™s priority was speedโ€”just getting the functionality in place. Expectations around design were minimal. Still, I saw an opportunity to add value. Working within tight constraints, I developed a focused design plan that prioritized high-impact features based on effort and user value. The result exceeded expectations and opened the door to future collaboration.

Product Owner

Product Owner

End User

End User

Dev Team

Dev Team

I need a working app yesterday!

I need a working app yesterday!

We can do that

We can do that

Yes, but letโ€™s make it a better experience as well.

Yes, but letโ€™s make it a better experience as well.

Overdeliver & delight!

Overdeliver & delight!

Future engagements!

Future engagements!

Design Plan

The progress level at the beginning of our engagement was low. Utilizing a hierarchy of user needs showcased areas that needed attention and helped create developer buy-in to go beyond basic functionality.

Helped create buy-in with devs to be more UX conscience.

0/6

0/6

Delight

Delight

Usable

Usable

Reliable

Reliable

Functional

Functional

4/10

4/10

0/1

0/1

4/7

4/7

OST

I utilized an Opportunity Solution Tree (OST) to identify the best ways to increase usability and delightโ€”advocating for the end user.

Ways to increase usability and delight for the user.

๐ŸŒณ

๐ŸŒณ

Opportunity Solutions Tree (board)

Opportunity Solutions Tree (board)

Outcome

Outcome

Increase Usability:

The user will be able accomplish their JTBD in accordance with the UX Rubric: What does the user need to * DO *FEEL *UNDERSTANDING, and what is their *Goal.

Increase Usability:

The user will be able accomplish their JTBD in accordance with the UX Rubric: What does the user need to * DO *FEEL *UNDERSTANDING, and what is their *Goal.

Outcome

Outcome

Increase Delight:

The user will enjoy the product and be drawn to it. The product will have the users back, and provide the user confidence when using it.

Increase Delight:

The user will enjoy the product and be drawn to it. The product will have the users back, and provide the user confidence when using it.

Opportunity

Opportunity

1

1

Usability Heuristic Audit:

Conduct a usability audit against the N/N pillars.

Usability Heuristic Audit:

Conduct a usability audit against the N/N pillars.

Solution:

Mobile: https://www.figma.com/design/Y9XrINukxwpT7ZDh6jHQqP/Ford?node-id=578-580&t=wkyRM6JCUHL8175H-1

Solution:

Mobile: https://www.figma.com/design/Y9XrINukxwpT7ZDh6jHQqP/Ford?node-id=578-580&t=wkyRM6JCUHL8175H-1

Solution:

Desktop: https://www.figma.com/design/Y9XrINukxwpT7ZDh6jHQqP/Ford?node-id=648-776&t=wkyRM6JCUHL8175H-1

Solution:

Desktop: https://www.figma.com/design/Y9XrINukxwpT7ZDh6jHQqP/Ford?node-id=648-776&t=wkyRM6JCUHL8175H-1

๐Ÿฆ“ Zebra

๐Ÿฆ“ Zebra

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

2

2

Information Architecture:

Consider the userโ€™s journey and optimize the app structure.

Information Architecture:

Consider the userโ€™s journey and optimize the app structure.

๐Ÿฆ“ Zebra

๐Ÿฆ“ Zebra

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

3

3

User Feedback:

Observe the user to gather information on how the app is currently being used.

User Feedback:

Observe the user to gather information on how the app is currently being used.

๐Ÿฆ“ Zebra

๐Ÿฆ“ Zebra

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

4

4

Complicated Data Representation:

Observe the user to gather information on how the app is currently being used.

Solution:

Utilize Gestalt Principles

Test:

Does this reduce cognitive load? Metrics.

Complicated Data Representation:

Observe the user to gather information on how the app is currently being used.

Solution:

Utilize Gestalt Principles

Test:

Does this reduce cognitive load? Metrics.

๐Ÿฆ“ Zebra

๐Ÿฆ“ Zebra

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

5

5

Images for Parts?:

Understand what this might look like?

Can this be part of the database?

Solution:

Database with parts?

Images for Parts?:

Understand what this might look like?

Can this be part of the database?

Solution:

Database with parts?

๐Ÿ’ป DESKTOP

๐Ÿ’ป DESKTOP

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

6

6

Scanning

Need the ability to scan using the iOS app

Camera on iPhones - Where to implement this?

Scanner - similar to HomeKit

Solution:

For iOS -> create new flow to mimic real world

Test:

Competitive Analysis

Ramp

User Testing

With Ford/Mark

Scanning

Need the ability to scan using the iOS app

Camera on iPhones - Where to implement this?

Scanner - similar to HomeKit

Solution:

For iOS -> create new flow to mimic real world

Test:

Competitive Analysis

Ramp

User Testing

With Ford/Mark

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

Opportunity

Opportunity

7

7

Update the UI

Utilize Ford branding and platform specific UI to provide the most accurate portrayal of form and funciton.

Update the UI

Utilize Ford branding and platform specific UI to provide the most accurate portrayal of form and funciton.

๐Ÿฆ“ Zebra

๐Ÿฆ“ Zebra

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

8

8

Add Haptics

Providing a more accessible product, as well as a means to have confidence in what was scanned.

Add Haptics

Providing a more accessible product, as well as a means to have confidence in what was scanned.

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

9

9

Add Shortcut

Minimizing the touch points or steps needed to get the job done.

Add Shortcut

Minimizing the touch points or steps needed to get the job done.

๐Ÿฆ“ Zebra

๐Ÿฆ“ Zebra

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

10

10

Add IA Simplicity

Reduce the amount of cognitive load the user needs in order to work.

Add IA Simplicity

Reduce the amount of cognitive load the user needs in order to work.

๐Ÿฆ“ Zebra

๐Ÿฆ“ Zebra

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

11

11

Add Consistency between platforms

Recognition over recall. Ability to learn one system and utilize each platform appropriately.

Add Consistency between platforms

Recognition over recall. Ability to learn one system and utilize each platform appropriately.

๐Ÿฆ“ Zebra

๐Ÿฆ“ Zebra

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

12

12

App Name & Icon

Currently named songbird, and Mark has dropped hints of the dissatisfaction.

App Name & Icon

Currently named songbird, and Mark has dropped hints of the dissatisfaction.

๐Ÿฆ“ Zebra

๐Ÿฆ“ Zebra

๐Ÿ“ฑ MOBILE

๐Ÿ“ฑ MOBILE

Solution Matrix

Plotting various solutions on a matrix of user value versus implementation time clarified priorities and helped align with the product owner's expectations on time and budget.

Prioritizing solutions with easier implementation and higher user value.

Functionality

I enabled the dev team to focus on core functionality while I explored higher-level design opportunities for the next phase. Together, we delivered all 7 functional features, including print, calibration, and change disposition. This improved functionality by 75% and boosting overall app completion by 43%

OK

OK

OK

OK

Reliable

To bridge the gap between Zebra scanners and iPhones, I introduced a bottom-sheet, for fast and intuitive scanning on iOS. This eliminated friction and boosted reliability, making scanning consistent across both platforms which provided a 100% increase for reliability.

Scan to Location

Type Location

Scan to Location

Type Location

Usable

I improved user control and freedom by ensuring users could always cancel or back out of unintended actions. To enhance aesthetic and minimalist design, we applied core Gestalt principles and adhered to the iOS design system, resulting in a cleaner, more intuitive interface. We also reduced potential errors by clearly indicating which printers would be used for each task. These changes raised our heuristic compliance from 4/10 to 7/10, improving usability by 75%.

Delight

Of the 6 key opportunities I identified for increasing user delight, renaming and rebranding the app delivered the greatest impact with the least difficulty, resulting in a 100% improvement for delight.


Opportunities:

Refreshing the UI, Introducing Haptics, Adding Shortcuts, Simplifying IA, Ensuring Consistency, and Updating Name and Icon.


I renamed the app from the arbitrary "Songbird" to "Ford Scan," a simple, clear name aligned with its core functionality. The product owner's response, "Ford Scan is brilliant", reflected the positive shift away from the unfinished legacy app. The new logo incorporates the 3D barcode element central to the appโ€™s use, paired with Fordโ€™s Antenna typeface in line with brand guidelines.

Result

From our starting point, inheriting an unfinished app, and a tight deadline, we managed to finish functionality and create multiplatform reliability. Beyond this, significant improvements in making the app more usable and delightful made this a successful project. The app, on average was 87.5% more usable.


The team delivered more than a functioning app. By advocating for the end user, we elevated the success of the project. Ford now plans to roll out the app beyond Livonia and continue working with us on future initiatives.

Delight

Delight

Usable

Usable

Reliable

Reliable

Functional

Functional

0/6

0/6

Old

Old

4/10

4/10

0/1

0/1

4/7

4/7

1/6

1/6

7/10

7/10

1/1

1/1

7/7

7/7

New

New

100%

100%

% Increase

% Increase

75%

75%

100%

100%

75%

75%

16.7%

16.7%

30%

30%

100%

100%

43%

43%

% More Usable

% More Usable

ยฉ Ryan Brink 2025

ยฉ Ryan Brink 2025