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