Gorillas

Warehouse App

Gorillas Warehouse App

Gorillas

Warehouse App

Gorillas Warehouse App

Gorillas

Warehouse App

Merging two distinct applications to provide

one unique fast-delivery experience

My Role

My Role

My Role

Senior Product Designer — Android App design, User Research, Design System. User Flows. Prototyping. User testing

Gorillas Team

Gorillas Team

Gorillas Team

Warehouse Logistics Team

Timeline & Status

Timeline & Status

Timeline & Status

6 months duration. Finalized in 2023

Overview

Overview

Overview

Gorillas, Berlin-based rapid grocery delivery startup, achieved unicorn status just nine months after its inception, making it the fastest European startups to do so.

During this period, the Berliner startup acquired Frichti, a French startup specializing in ready-to-eat meals and groceries, aiming to enhance Gorillas' presence across Europe,

The Harmonition project seeks to unify both Gorillas' and Frichti's Warehouse Apps into a single integrated system that serves both brands effectively, ensuring operational consistency and efficiency.

This integrated system will support cross-functional needs, facilitate seamless operation across markets, and improve warehouse productivity and inventory accuracy.

HIGHLIGHTS

A rare opportunity!

Gaining access to another internal tool gave us invaluable insights on the business

A rare opportunity!

Gaining access to another internal tool gave us invaluable insights on the business

A rare opportunity!

Gaining access to another internal tool gave us invaluable insights on the business

A rare opportunity!

Gaining access to another internal tool gave us invaluable insights on the business

HIGHLIGHTS

A rare opportunity!

Gaining access to another internal tool gave us invaluable insights on the business

THE PROBLEM

THE PROBLEM

THE PROBLEM

Picking the ideal flow

Picking the ideal flow

Picking the ideal flow

Picking the ideal flow

Picking the ideal flow

Making Frichti & Gorillas play nice

Making Frichti & Gorillas play nice

Making Frichti & Gorillas play nice

Making Frichti & Gorillas play nice

Making Frichti & Gorillas play nice

Despite serving similar functions, creating a standardized intuitive experience across products that demand adaptable design solutions that account for different customer needs, and maintain consistency in core interactions and visual elements while respecting each other identity, is a challenge.

Enhanced UX

Distinct Brand Identities

Distinct Brand Identities

Both companies aim to retain their distinct brand identities within the unified system. The design must, therefore, support a visually and functionally cohesive experience while respecting and enhancing each brand’s.

Both companies aim to retain their distinct brand identities within the unified system. The design must, therefore, support a visually and functionally cohesive experience while respecting and enhancing each brand’s.

Both companies aim to retain their distinct brand identities within the unified system. The design must, therefore, support a visually and functionally cohesive experience while respecting and enhancing each brand’s.

Distinct Brand Identities

Distinct Brand Identities

Both companies aim to retain their distinct brand identities within the unified system. The design must, therefore, support a visually and functionally cohesive experience while respecting and enhancing each brand’s.

Distinct Brand Identities

Distinct Brand Identities

Both companies aim to retain their distinct brand identities within the unified system. The design must, therefore, support a visually and functionally cohesive experience while respecting and enhancing each brand’s.

Supporting Sales

Inconsistent Customer needs

Inconsistent Customer needs

Though both companies offer ready-to-eat meals and groceries, their core focuses differ:
Frichti leans heavily toward ready-to-eat meals, leading to high demand during lunch hours, while Gorillas primarily serves grocery needs with a steadier flow throughout the day.

Though both companies offer ready-to-eat meals and groceries, their core focuses differ:
Frichti leans heavily toward ready-to-eat meals, leading to high demand during lunch hours, while Gorillas primarily serves grocery needs with a steadier flow throughout the day.

Though both companies offer ready-to-eat meals and groceries, their core focuses differ:
Frichti leans heavily toward ready-to-eat meals, leading to high demand during lunch hours, while Gorillas primarily serves grocery needs with a steadier flow throughout the day.

Incosistent Customer needs

Inconsistent Customer needs

Though both companies offer ready-to-eat meals and groceries, their core focuses differ:
Frichti leans heavily toward ready-to-eat meals, leading to high demand during lunch hours, while Gorillas primarily serves grocery needs with a steadier flow throughout the day.

Inconsistent Customer needs

Inconsistent Customer needs

Though both companies offer ready-to-eat meals and groceries, their core focuses differ:
Frichti leans heavily toward ready-to-eat meals, leading to high demand during lunch hours, while Gorillas primarily serves grocery needs with a steadier flow throughout the day.

When two become one

When two become one

When two become one

When two become one

When two become one

The product ecosystem serves two distinct user groups, each with unique needs, behaviors, and expectations. Designing an experience that meets the requirements of both user profiles without introducing confusion or unnecessary complexity will be critical to the project’s success.

Enhanced UX

Understanding the users

Understanding the users

Design considerations must accommodate for an accessible usage of the new flow. Clearly labeled visual elements, will prevent misunderstandings and help all users feel confident in their tasks.

Design considerations must accommodate for an accessible usage of the new flow. Clearly labeled visual elements, will prevent misunderstandings and help all users feel confident in their tasks.

Design considerations must accommodate for an accessible usage of the new flow. Clearly labeled visual elements, will prevent misunderstandings and help all users feel confident in their tasks.

Understanding the users

Understanding the users

Design considerations must accommodate for an accessible usage of the new flow.


Clearly labeled visual elements, will prevent misunderstandings and help all users feel confident in their tasks.

Understanding the users

Understanding the users

Design considerations must accommodate for an accessible usage of the new flow. Clearly labeled visual elements, will prevent misunderstandings and help all users feel confident in their tasks.

Supporting Sales

Respecting the users

Respecting the users

Each user group has developed efficient routines around their current processes. As well as both brands carry distinct identities. The interface should reflect these cultural differences in a subtle, respectful way, such as with familiar iconography or brand-aligned color schemes, to foster a sense of belonging.

Each user group has developed efficient routines around their current processes. As well as both brands carry distinct identities. The interface should reflect these cultural differences in a subtle, respectful way, such as with familiar iconography or brand-aligned color schemes, to foster a sense of belonging.

Each user group has developed efficient routines around their current processes. As well as both brands carry distinct identities. The interface should reflect these cultural differences in a subtle, respectful way, such as with familiar iconography or brand-aligned color schemes, to foster a sense of belonging.

Respecting the users

Respecting the users

Each user group has developed efficient routines around their current processes. As well as both brands carry distinct identities.


The interface should reflect these cultural differences in a subtle, respectful way, such as with familiar iconography or brand-aligned color schemes, to foster a sense of belonging.

Respecting the users

Respecting the users

Each user group has developed efficient routines around their current processes. As well as both brands carry distinct identities. The interface should reflect these cultural differences in a subtle, respectful way, such as with familiar iconography or brand-aligned color schemes, to foster a sense of belonging.

THE CHALLENGE

Numerous physical variables—such as warehouse layouts and distinct hardware—lie beyond our team’s control.

Numerous physical variables—such as warehouse layouts and distinct hardware—lie beyond our team’s control.

Numerous physical variables—such as warehouse layouts and distinct hardware—lie beyond our team’s control.

Numerous physical variables—such as warehouse layouts and distinct hardware—lie beyond our team’s control.

THE CHALLENGE

Numerous physical variables—such as warehouse layouts and distinct hardware—lie beyond our team’s control.

RESEARCH & DISCOVERY

RESEARCH & DISCOVERY

RESEARCH & DISCOVERY

Inside Scoop: A Rare Chance to See It All.

Inside Scoop: A Rare Chance to See It All.

Inside Scoop: A Rare Chance to See It All.

Inside Scoop: A Rare Chance to See It All.

Inside Scoop: A Rare Chance to See It All.

Competitor Analysis

Competitor Analysis

Competitor Analysis

Competitor Analysis

Competitor Analysis

As the product designer working on the warehouse app, I’ve encountered a unique and valuable opportunity: Access to Frichti’s internal tools—which gives us a firsthand look at another company’s approach to similar workflows.


This opportunity allows us to conduct a meaningful competitor analysis from within, gaining insights that are often inaccessible to design teams.

In addition, this project enables us to revisit the legacy picking flow in the App. Although this flow has reliably supported warehouse operations, it has historically received minimal iterative development.

HIGHLIGHTS

UX Focus Flow:

Navigation / Layout / Usability / Compatibility / Differentiation

SWOT Analysis: Frichti App

Strength

Strength

Strength

Weakness

Weakness

Weakness

Opportunities

Opportunities

Opportunities

Threats

Threats

Threats

SWOT Analysis: Gorillas App

Strength

Strength

Strength

Weakness

Weakness

Weakness

Opportunities

Opportunities

Opportunities

Threats

Threats

Threats

Opportunities for a Unified Warehouse App

By combining the strengths and addressing the limitations of both Gorillas and Frichti warehouse apps, a unified version presents a significant opportunity to streamline operations, improve user experience, and increase efficiency across both brands.

Opportunities for a Unified Warehouse App

Opportunities for a Unified Warehouse App

Opportunities for a Unified Warehouse App

By combining the strengths and addressing the limitations of both Gorillas and Frichti warehouse apps, a unified version presents a significant opportunity to streamline operations, improve user experience, and increase efficiency across both brands.

Key opportunities

Key opportunities

Key opportunities

Key opportunities

Key opportunities

Enhanced UX

Streamline Picking flow

Streamline Picking flow

  • Single-Page Layout: Adopting a one-page layout similar to Frichti’s, where counted products are automatically moved to the bottom, would reduce the need for tab-switching and enhance workflow speed. This intuitive structure helps users focus on remaining items without losing context.

  • Flexible Bag Management: Allowing bags to be added or removed at any point in the picking flow will align better with natural user workflows, while respecting Frichti bag number suggestion.

  • Flexible Order Navigation: Upon completing an order, users should have the option to proceed to the next order or exit the picking flow. This flexibility supports workload management based on priorities and available time.

  • Alternative Barcode Scanning: Reducing barcode dependency by offering additional verification methods (such as manual entry) would minimize workflow interruptions and help maintain order processing efficiency.

Enhanced UX

Streamline Picking flow

Single-Page Layout: Adopting a one-page layout similar to Frichti’s, where counted products are automatically moved to the bottom, would reduce the need for tab-switching and enhance workflow speed. This intuitive structure helps users focus on remaining items without losing context.


Flexible Bag Management: Allowing bags to be added or removed at any point in the picking flow will align better with natural user workflows, while respecting Frichti bag number suggestion.


Flexible Order Navigation: Upon completing an order, users should have the option to proceed to the next order or exit the picking flow. This flexibility supports workload management based on priorities and available time.


Alternative Barcode Scanning: Reducing barcode dependency by offering additional verification methods (such as manual entry) would minimize workflow interruptions and help maintain order processing efficiency.

Enhanced UX

Streamline Picking flow

  • Single-Page Layout: Adopting a one-page layout similar to Frichti’s, where counted products are automatically moved to the bottom, would reduce the need for tab-switching and enhance workflow speed. This intuitive structure helps users focus on remaining items without losing context.

  • Flexible Bag Management: Allowing bags to be added or removed at any point in the picking flow will align better with natural user workflows, while respecting Frichti bag number suggestion.

  • Flexible Order Navigation: Upon completing an order, users should have the option to proceed to the next order or exit the picking flow. This flexibility supports workload management based on priorities and available time.

  • Alternative Barcode Scanning: Reducing barcode dependency by offering additional verification methods (such as manual entry) would minimize workflow interruptions and help maintain order processing efficiency.

Supporting Sales

Optimized performance

Optimized performance

  • Real-Time Progress Tracking: A timer with visual feedback, highlighting any delays in the picking process, would allow users and management to monitor efficiency in real time.

  • User-Friendly Notifications: Clear and action-oriented notifications will guide users through the process, indicating missing actions or potential impacts on the picking flow.

  • Clear Error Messaging: Making error messages more prominent and persistent will allow users to quickly identify and resolve issues.

Supporting Sales

Optimized performance

Real-Time Progress Tracking: A timer with visual feedback, highlighting any delays in the picking process, would allow users and management to monitor efficiency in real time.


User-Friendly Notifications: Clear and action-oriented notifications will guide users through the process, indicating missing actions or potential impacts on the picking flow.


Clear Error Messaging: Making error messages more prominent and persistent will allow users to quickly identify and resolve issues.

Supporting Sales

Optimized performance

  • Real-Time Progress Tracking: A timer with visual feedback, highlighting any delays in the picking process, would allow users and management to monitor efficiency in real time.

  • User-Friendly Notifications: Clear and action-oriented notifications will guide users through the process, indicating missing actions or potential impacts on the picking flow.

  • Clear Error Messaging: Making error messages more prominent and persistent will allow users to quickly identify and resolve issues.

HIGHLIGHTS

UX Focus Flow:

Navigation / Layout / Usability / Compatibility / Differentiation

SWOT Analysis: Frichti App

Strength

Strength

Weakness

Weakness

Opportunities

Opportunities

Threats

Threats

SWOT Analysis: WH App

Strength

Strength

Weakness

Weakness

Opportunities

Opportunities

Threats

Threats

HIGHLIGHTS

UX Focus Flow:

Navigation / Layout / Usability / Compatibility / Differentiation

SWOT Analysis: Frichti App

Strength

Strength

Weakness

Weakness

Opportunities

Opportunities

Threats

Threats

SWOT Analysis: WH App

Strength

Strength

Weakness

Weakness

Opportunities

Opportunities

Threats

Threats

Opportunities for a Unified Warehouse App

By focusing on a distinctive brand identity, offering diverse content formats, supporting routine-building, enhancing accessibility, and adopting a hybrid wellness approach, O-Live has the potential to rise above existing wellness apps

THE USERS

THE USERS

THE USERS

Listening is Learning

Listening is Learning

Listening is Learning

Listening is Learning

Listening is Learning

Interview with the people of the "our"

Interview with the people of the "our"

Interview with the people of the "our"

Interview with the people of the "our"

Interview with the people of the "our"

As part of the merging project, two warehouses in Paris assumed responsibility for both Gorillas and Frichti clients and orders.

Once the warehouse structures and systems were confirmed to be operationally ready, my team and I visited these sites to gain firsthand insight into the user experience from the associates’ perspective.

Through shadowing sessions across both warehouses and conducting interviews with five associates, we identified key areas of friction, recurring errors, and effective practices.

Enhanced UX

Printer / Line connection frictions

Printer / Line connection frictions

Frichti app: Associates would lose connection mid-task, often leading to duplicated or incomplete orders. Additionally, multiple associates attempting to connect to the same printer created system overloads, further disrupting workflow and impacting productivity.

Frichti app: Associates would lose connection mid-task, often leading to duplicated or incomplete orders. Additionally, multiple associates attempting to connect to the same printer created system overloads, further disrupting workflow and impacting productivity.

Frichti app: Associates would lose connection mid-task, often leading to duplicated or incomplete orders. Additionally, multiple associates attempting to connect to the same printer created system overloads, further disrupting workflow and impacting productivity.

Printer / Line connection

Printer / Line connection frictions

Frichti app: Associates would lose connection mid-task, often leading to duplicated or incomplete orders. Additionally, multiple associates attempting to connect to the same printer created system overloads, further disrupting workflow and impacting productivity.

Printer / Line connection frictions

Printer / Line connection frictions

Frichti app: Associates would lose connection mid-task, often leading to duplicated or incomplete orders. Additionally, multiple associates attempting to connect to the same printer created system overloads, further disrupting workflow and impacting productivity.

Supporting Sales

Brand differentiation

Brand differentiation

Starting an order in the incorrect brand flow led to significant errors—not only affecting the accuracy of the picking process and warehouse stock counts but also disrupting the rider dispatch process.

Starting an order in the incorrect brand flow led to significant errors—not only affecting the accuracy of the picking process and warehouse stock counts but also disrupting the rider dispatch process.

Starting an order in the incorrect brand flow led to significant errors—not only affecting the accuracy of the picking process and warehouse stock counts but also disrupting the rider dispatch process.

Brand Identity

Brand differentiation

Starting an order in the incorrect brand flow led to significant errors—not only affecting the accuracy of the picking process and warehouse stock counts but also disrupting the rider dispatch process.

Brand differentiation

Brand differentiation

Starting an order in the incorrect brand flow led to significant errors—not only affecting the accuracy of the picking process and warehouse stock counts but also disrupting the rider dispatch process.

Supporting Sales

Usability Issues

Usability Issues

  • Receiving orders from both brands meant to hold Gorillas' as Frichti Line flow can't be paused


  • Gorillas picking flow is not intuitive when working with products that are missing or out of stock. Taking too much space in screen and forcing users to scroll to the next product each time. This bring friction and possible counting mistakes.


  • Scanning issues can't be solve on the Gorillas app. Users are force to manually deduct the number of items picked after the flow is done. This calls for accuracy issues in the Warehouse and slower picking flows.

  • Receiving orders from both brands meant to hold Gorillas' as Frichti Line flow can't be paused.

  • Gorillas picking flow is not intuitive when working with products that are missing or out of stock. Taking too much space in screen and forcing users to scroll to the next product each time. This bring friction and possible counting mistakes.

  • Scanning issues can't be solve on the Gorillas app. Users are force to manually deduct the number of items picked after the flow is done. This calls for accuracy issues in the Warehouse and slower picking flows.

  • Receiving orders from both brands meant to hold Gorillas' as Frichti Line flow can't be paused


  • Gorillas picking flow is not intuitive when working with products that are missing or out of stock. Taking too much space in screen and forcing users to scroll to the next product each time. This bring friction and possible counting mistakes.


  • Scanning issues can't be solve on the Gorillas app. Users are force to manually deduct the number of items picked after the flow is done. This calls for accuracy issues in the Warehouse and slower picking flows.

Usability Issues

Usability Issues

Receiving orders from both brands meant to hold Gorillas' as Frichti Line flow can't be paused


Gorillas picking flow is not intuitive when working with products that are missing or out of stock. Taking too much space in screen and forcing users to scroll to the next product each time. This bring friction and possible counting mistakes.


Scanning issues can't be solve on the Gorillas app. Users are force to manually deduct the number of items picked after the flow is done. This calls for accuracy issues in the Warehouse and slower picking flows.

Usability Issues

Usability Issues

  • Receiving orders from both brands meant to hold Gorillas' as Frichti Line flow can't be paused

  • Gorillas picking flow is not intuitive when working with products that are missing or out of stock. Taking too much space in screen and forcing users to scroll to the next product each time. This bring friction and possible counting mistakes.

  • Scanning issues can't be solve on the Gorillas app. Users are force to manually deduct the number of items picked after the flow is done. This calls for accuracy issues in the Warehouse and slower picking flows.

CRAFTING THE SOLUTION

CRAFTING THE SOLUTION

CRAFTING THE SOLUTION

If you have a solution, was there a problem?

If you have a solution, was there a problem?

If you have a solution, was there a problem?

If you have a solution, was there a problem?

If you have a solution, was there a problem?

Cutting the line.

(Frichti Line flow improvement)

Cutting the line.

(Frichti Line flow improvement)

Cutting the line.

(Frichti Line flow improvement)

Cutting the line.

(Frichti Line flow improvement)

Cutting the line.

(Frichti Line flow improvement)

Proposed solution:

  • Ensure that users actively choose to enter the picking queue and begin receiving orders only when they are fully prepared.

  • Set printer selection to trigger automatically once all products have been counted. This approach will prevent overlapping printer tasks and allow the count to be saved in case of printer failure, eliminating the need for users to restart orders due to connectivity issues.

You have my consent.

(Touch mode)

You have my consent.

(Touch mode)

You have my consent.

(Touch mode)

You have my consent.

(Touch mode)

You have my consent.

(Touch mode)

Proposed solution:

  • Allow users to manually count products when barcodes are missing or damaged, providing flexibility in scenarios where scanning isn’t possible.

  • Treat touch mode as a secondary, backup working method, maintaining the business requirement to prioritize scanning as the primary method for tracking picking performance.

Wanna date?

(Swipe behaviour)

Wanna date?

(Swipe behaviour)

Wanna date?

(Swipe behaviour)

Wanna date?

(Swipe behaviour)

Wanna date?

(Swipe behaviour)

Proposed solution:

Introduce swipe functionality for product cards, allowing users to quickly dismiss items that are out of stock or unavailable. This familiar, intuitive gesture enhances user flow, increases accuracy, and supports the speed required for efficient picking.

Is Greta our friend now?

(Bags usage)

Is Greta our friend now?

(Bags usage)

Is Greta our friend now?

(Bags usage)

Is Greta our friend now?

(Bags usage)

Is Greta our friend now?

(Bags usage)

Proposed solution:

Implement Frichti’s suggested bag count, with the option for users to adjust the number as needed. This approach not only reduces environmental impact by optimizing bag usage but also positively affects warehouse revenue by minimizing excess supply costs.

If you love them let them go

(improved end flow)

If you love them let them go

(improved end flow)

If you love them let them go

(improved end flow)

If you love them let them go

(improved end flow)

If you love them let them go

(improved end flow)

Proposed solution:

Adopt Gorillas’ Traffic Light mode, allowing each warehouse to control the number of associates assigned to picking based on real-time needs. This flexible approach enhances warehouse performance and enables users to adapt their workflow.

It takes a village to raise a baby

It takes a village to raise a baby

It takes a village to raise a baby

It takes a village to raise a baby

It's the Journey what gives perspectivetent and scalable.

Resolving Printer Flow Issues. User Journey

Resolving Printer Flow Issues. User Journey

Resolving Printer Flow Issues. User Journey

Resolving Printer Flow Issues. User Journey

Resolving Printer Flow Issues. User Journey

To address the critical pain points in the printer workflow, we developed an improved user journey that allows associates to seamlessly print order stickers, even in cases of connectivity disruptions. This journey is designed to enhance productivity, minimize task repetition, and reduce frustration among warehouse associate

Success criteria: " The user will be able to print the stickers even if there were printer connectivity failures, without having to repeat the whole order "

Engineering feedback & constrains

Apply Feedback

Due to a lack of time and the size of this project, the users won't be able to select a printer as the feature isn't built on the Frichti side.

Engineering feedback & constrains

Apply Feedback

Due to a lack of time and the size of this project, the users won't be able to select a printer as the feature isn't built on the Frichti side.

Engineering feedback & constrains

Apply Feedback

Due to a lack of time and the size of this project, the users won't be able to select a printer as the feature isn't built on the Frichti side.

Engineering feedback & constrains

Apply Feedback

Due to a lack of time and the size of this project, the users won't be able to select a printer as the feature isn't built on the Frichti side.

Engineering feedback & constrains

Apply Feedback

Due to a lack of time and the size of this project, the users won't be able to select a printer as the feature isn't built on the Frichti side.

Traffic Light mode integration. User Journey

Traffic Light mode integration. User Journey

Traffic Light mode integration. User Journey

Traffic Light mode integration. User Journey

Traffic Light mode integration. User Journey

To resolve the limitations within Frichti’s picking flow—where users are unable to exit the flow when other warehouse tasks take priority—we are introducing an adaptive picking experience integrated with the Traffic Light mode

Traffic Light Mode: WH app legacy
The Traffic Light mode provides live priority updates within the picking flow, signalizing when to continue or halt picking based on warehouse needs.

Success criteria: " User can successfully finish an order by scanning all products and counting bags in used, and leaves the flow as the Traffic Light mode warns them to stop picking "

Engineering feedback & constrains

Apply Feedback

No confirmation message after selecting a Printer Line. By adding an explanatory message at the Line wireframe, we will make sure that the user is well informed. // Possible constrain: Counting number of bags used

Engineering feedback & constrains

Apply Feedback

No confirmation message after selecting a Printer Line. By adding an explanatory message at the Line wireframe, we will make sure that the user is well informed. // Possible constrain: Counting number of bags used

Engineering feedback & constrains

Apply Feedback

No confirmation message after selecting a Printer Line. By adding an explanatory message at the Line wireframe, we will make sure that the user is well informed. // Possible constrain: Counting number of bags used

Engineering feedback & constrains

Apply Feedback

No confirmation message after selecting a Printer Line. By adding an explanatory message at the Line wireframe, we will make sure that the user is well informed. // Possible constrain: Counting number of bags used

Engineering feedback & constrains

Apply Feedback

No confirmation message after selecting a Printer Line. By adding an explanatory message at the Line wireframe, we will make sure that the user is well informed. // Possible constrain: Counting number of bags used

USABILITY TESTING

USABILITY TESTING

USABILITY TESTING

Let's see what you can pick

Let's see what you can pick

Let's see what you can pick

Let's see what you can pick

Let's see what you can pick

Executive Summary

Executive Summary

Executive Summary

Executive Summary

Executive Summary

The study aimed to understand how easy is it for users to accomplish

basic tasks the first time they encounter the new picking flow, and to assess the learnability of the designs.

The main users of the WH App are Inventory Associates and Pickers. The flow is to be used in all markets where Gorillas operates and aims to.

Enhanced UX

Usability Testing

Usability Testing

Participants

We tested 5 participants from different markets including Italy, France, UK and Germany

Participants

We tested 5 participants from different markets including Italy, France, UK and Germany

Test Objective

  • Learn how the user will behave within the new flow.

  • Determine if participants understand the app, and its

    usability. Specifically the new swiping action and touch mode.

  • Observe how and if the users complete a selected series of tasks.

Test Objective

  • Learn how the user will behave within the new flow.

  • Determine if participants understand the app, and its usability. Specifically the new swiping action and touch mode.

  • Observe how and if the users complete a selected series of tasks.

Methodology

Remote Moderated Usability Testing for WH App

(Android - Zebra device)

Methodology

Remote Moderated Usability Testing for WH App

(Android - Zebra device)

Metrics

Both quantitative and qualitative data from the testing will be gathered on a Rainbow Spreadsheet. (Time on task, Success rate, and Error rate)

In particular, the gravity of errors will be determined with Jakob Nielsen’s evaluation method

Metrics

Both quantitative and qualitative data from the testing will be gathered on a Rainbow Spreadsheet. (Time on task, Success rate, and Error rate)

In particular, the gravity of errors will be determined with Jakob Nielsen’s evaluation method

Usability Testing

Usability Testing

Participants

We tested 5 participants from different markets including Italy, France, UK and Germany

Test Objective

  • Learn how the user will behave within the new flow.

  • Determine if participants understand the app, and its

    usability. Specifically the new swiping action and touch mode.

  • Observe how and if the users complete a selected series of tasks.

Methodology

Remote Moderated Usability Testing for WH App

(Android - Zebra device)

Metrics

Both quantitative and qualitative data from the testing will be gathered on a Rainbow Spreadsheet. (Time on task, Success rate, and Error rate)

In particular, the gravity of errors will be determined with Jakob Nielsen’s evaluation method

Usability Testing

Usability Testing

Participants

We tested 5 participants from different markets including Italy, France, UK and Germany

Test Objective

  • Learn how the user will behave within the new flow.

  • Determine if participants understand the app, and its usability. Specifically the new swiping action and touch mode.

  • Observe how and if the users complete a selected series of tasks.

Methodology

Remote Moderated Usability Testing for WH App

(Android - Zebra device)

Metrics

Both quantitative and qualitative data from the testing will be gathered on a Rainbow Spreadsheet. (Time on task, Success rate, and Error rate)

In particular, the gravity of errors will be determined with Jakob Nielsen’s evaluation method

Solving the issues

Solving the issues

Solving the issues

UT Wireframe

UT Wireframe

UT Wireframe

Updated Wiframe

Updated Wiframe

Updated Wiframe

UT

Wireframe

Updated Wiframe

UT Wireframe

Updated Wiframe

Header Update

Header Update

Header Update

Header Update

Header Update

ERROR SEVERITY 2: Minor usability problem

ERROR SEVERITY 2: Minor usability problem

ERROR SEVERITY 2: Minor usability problem

Evidence from Usability Testing:

  • Performance Section: While 4 users found the performance indicator helpful, 3 users felt frustrated by the copy and red color used when indicating "SLOW." This design choice was perceived as too harsh and distracting.

  • Zone Section: Although most users acknowledged the functionality, all participants stopped referencing this section once tasks began. Two users questioned its value, noting that zone information is already visible on each product card.

  • Brand Transition: Two users failed to notice in time when the flow switched from a Gorillas order to a Frichti order, resulting in potential errors in the picking process.

Evidence from Usability Testing:

  • Performance Section: While 4 users found the performance indicator helpful, 3 users felt frustrated by the copy and red color used when indicating "SLOW." This design choice was perceived as too harsh and distracting.

  • Zone Section: Although most users acknowledged the functionality, all participants stopped referencing this section once tasks began. Two users questioned its value, noting that zone information is already visible on each product card.

  • Brand Transition: Two users failed to notice in time when the flow switched from a Gorillas order to a Frichti order, resulting in potential errors in the picking process.

Improvements:

  • Performance Indicator: Replace textual performance feedback with intuitive icons that convey status without harsh language or excessive red.

  • Zone Section Removal: Eliminate the Zone section in the header, giving the zone information on product cards a more prominent display

  • Brand Transition Cues: Introduce color-coded headers for smoother brand transitions.

  • Added value: Header decreases in size allowing more visibility of the products.

Improvements:

  • Performance Indicator: Replace textual performance feedback with intuitive icons that convey status without harsh language or excessive red.

  • Zone Section Removal: Eliminate the Zone section in the header, giving the zone information on product cards a more prominent display

  • Brand Transition Cues: Introduce color-coded headers for smoother brand transitions.

  • Added value: Header decreases in size allowing more visibility of the products.

Touch Mode

Touch Mode

Touch Mode

Touch Mode

Touch Mode

ERROR SEVERITY 3: Major usability problem

ERROR SEVERITY 3: Major usability problem

ERROR SEVERITY 3: Major usability problem

Evidence from Usability Testing:

  • Mode Recognition Issue: Three users mentioned that they didn’t notice a significant design change once the Touch Mode was activated, noticing only the icon change.

  • Counting Feature Issue: Two users identified a major flaw in the counting process, questioning how to adjust the count if they mistakenly added an item or double-clicked. They expressed concern about the lack of an intuitive way to correct errors in the count.

    "How would I be able to fix the count if I add it wrong?… What will happen if I double click? How would I change it back?"

Evidence from Usability Testing:

  • Mode Recognition Issue: Three users mentioned that they didn’t notice a significant design change once the Touch Mode was activated, noticing only the icon change.

  • Counting Feature Issue: Two users identified a major flaw in the counting process, questioning how to adjust the count if they mistakenly added an item or double-clicked. They expressed concern about the lack of an intuitive way to correct errors in the count.

    "How would I be able to fix the count if I add it wrong?… What will happen if I double click? How would I change it back?"

Improvements: Enhanced Counting Controls

To address this, we introduced + and - icons for adding and removing items directly on the product card. This provides users with visual confirmation of the active mode and allows them to make quick adjustments to the item count, reducing potential errors.

Improvements: Enhanced Counting Controls

To address this, we introduced + and - icons for adding and removing items directly on the product card. This provides users with visual confirmation of the active mode and allows them to make quick adjustments to the item count, reducing potential errors.

*Additional insight:

Although all users were able to locate the mode icon, four of them initially tried tapping directly on the product card to adjust the count. This behavior would present an issue if it weren't for the business requirement to prioritize scanning performance.

*Additional insight:

Although all users were able to locate the mode icon, four of them initially tried tapping directly on the product card to adjust the count. This behavior would present an issue if it weren't for the business requirement to prioritize scanning performance.

UT Wireframe

UT Wireframe

UT Wireframe

Updated Wiframe

Updated Wiframe

Updated Wiframe

UT

Wireframe

Updated Wiframe

UT Wireframe

Updated Wiframe

UT Wireframe

UT Wireframe

UT Wireframe

Updated Wiframe

Updated Wiframe

Updated Wiframe

UT

Wireframe

Updated Wiframe

UT Wireframe

Updated Wiframe

Out of Stock Confirmation

Out of Stock Confirmation

Out of Stock Confirmation

Out of Stock Confirmation

Out of Stock Confirmation

ERROR SEVERITY 3: Major usability problem

ERROR SEVERITY 3: Major usability problem

ERROR SEVERITY 3: Major usability problem

Evidence from Usability Testing:

  • Order Confirmation Confusion: Three users mistakenly interpreted this wireframe as an order success confirmation. This led to confusion, especially as users only needed to verify two products while having worked on five. The users did not read the instructions.

  • Product Similarity Conflict: Three users encountered difficulty with similar products, particularly the "Bio Bananas." They were uncertain about confirming the missing product due to potential confusion with similar items, impacting their confidence in making the correct selection.

    • One user even un-checked the product before confirming, creating an accuracy issue for both the order and warehouse stock counts.

Improvements:

  • Immediate Confirmation After Swiping Out of Stock: This change minimizes the need for users to remember items at the end of the flow and provides an opportunity to display critical product information, such as stock quantity and shelf location.

  • Concise, Clear Copy: We revised and shortened the copy to improve user comprehension and learnability, ensuring users can quickly understand the action required without misinterpretation

HIGHLIGHTS

Swipe behaviour worked, but we learn that swiping back out of stock products, would more likely be done by scanning their now reachable barcodes!

Swipe behaviour worked, but we learn that swiping back out of stock products, would more likely be done by scanning their now reachable barcodes!

Swipe behaviour worked, but we learn that swiping back out of stock products, would more likely be done by scanning their now reachable barcodes!

HIGHLIGHTS

Swipe behaviour worked, but we learn that swiping back out of stock products, would more likely be done by scanning their now reachable barcodes!

HIGHLIGHTS

Swipe behaviour worked, but we learn that swiping back out of stock products, would more likely be done by scanning their now reachable barcodes!

THE DESIGN

THE DESIGN

THE DESIGN

Let's see what you can pick

Let's see what you can pick

Let's see what you can pick

Let's see what you can pick

Let's see what you can pick

Zebras share genes with horses and Android systems

Zebras share genes with horses and Android systems

Zebras share genes with horses and Android systems

Zebras share genes with horses and Android systems

Zebras share genes with horses and Android systems

Important information:

  • This is an EMBED version of the original Figma prototype

  • Swiping functionality might not perform well

  • There might be some loading issues

USE THE TOUCH MODE

Back to the top

Back to the top

Prometica - AI case study

Prometica - AI case study

Prometica - AI case study