Secondary Skills

About

Shop

Contact

Secondary Skills

About

Shop

Contact

Supply chain receiving software

Supply chain receiving software

Supply chain receiving software

In 2022 Ruggable approached me to join the user experience team for there internal tools and supply chain, Ruggable is a home goods company that focused on lifestyle safe washable rugs.

Forklift unloading efficiency increased,

efficiency in warehouses saving

Forklift unloading efficiency

increased, efficiency in

warehouses saving

2 hours

In forklift drivers work hours

Enhanced material traceability in

recovered inventory saving

Enhanced material

traceability in

recovered inventory saving

2.4m

2.4m

Annually in lost material

Streamlined the prices of counting

material reducing the time onboarding

new hires saving

Streamlined the prices of

counting material reducing

onboarding new hires saving

$1.2 m

$1.2 m

Annually in training

Introduction

Introduction

This project was ideation to developed in six months and was the most cost efficient initiative for Ruggable in 2022.

This role was 60% research and 40% building screens in Figma.

Our research environment brought a unique pain point of not having eyes into other companies softwares. Where our users where in house, and always accessible at a fairly affordable rate (Walking down stairs to the warehouse), but had a desire to only give us good user feedback. This forcing my team to break the corporate wall, and really get to meet our users in an ability to change this perspective on the test we conducted.

This project was ideation to developed in six months and was the most cost efficient initiative for Ruggable in 2022.

This role was 60% research and 40% building screens in Figma.

Our research environment brought a unique pain point of not having eyes into other companies softwares. Where our users where in house, and always accessible at a fairly affordable rate (Walking down stairs to the warehouse), but had a desire to only give us good user feedback. This forcing my team to break the corporate wall, and really get to meet our users in an ability to change this perspective on the test we conducted.

Wireframes

Wireframes

Idea one

Idea one

1

1

Button Placement

Button Placement

“I would like the button to be on the left and not the right, I am going to want to print and then review the information.”

Observation:
The user prefers the button on the left instead of the right. Speed is critical, as they want to print and simultaneously review and input information to save time.

“I would like the button to be on the left and not the right, I am going to want to print and then review the information.”

Observation:
The user prefers the button on the left instead of the right. Speed is critical, as they want to print and simultaneously review and input information to save time.

2

Layout and Content Order

“The layout feels very familiar to how we are currently seeing it within Netsuite, and the order of the content from left to right makes sense for what I want to see next.”

Observation:
The user finds the layout familiar, comparing it to their current experience in Netsuite. The left-to-right content flow matches their expectations and feels intuitive.

2

Layout and Content Order

“The layout feels very familiar to how we are currently seeing it within Netsuite, and the order of the content from left to right makes sense for what I want to see next.”

Observation:
The user finds the layout familiar, comparing it to their current experience in Netsuite. The left-to-right content flow matches their expectations and feels intuitive.

3

Efficient Quantity Input

“I would also like to be able to click into the quantity and type the amount. Click 14 times feels like a waist of time”

Observation:
The user wants the ability to directly type the quantity into the field, as clicking repeatedly (e.g., 14 times) is seen as inefficient. They also expect the units to function as a dynamic field.

3

Efficient Quantity Input

“I would also like to be able to click into the quantity and type the amount. Click 14 times feels like a waist of time”

Observation:
The user wants the ability to directly type the quantity into the field, as clicking repeatedly (e.g., 14 times) is seen as inefficient. They also expect the units to function as a dynamic field.

1

Button Placement


“I would like the button to be on the left and not the right, I am going to want to print and then review the information.”

Observation:
The user prefers the button on the left instead of the right. Speed is critical, as they want to print and simultaneously review and input information to save time.

2

Layout and Content Order


“The layout feels very familiar to how we are currently seeing it within Netsuite, and the order of the content from left to right makes sense for what I want to see next.”

Observation:
The user finds the layout familiar, comparing it to their current experience in Netsuite. The left-to-right content flow matches their expectations and feels intuitive.

3

Efficient Quantity Input

“I would also like to be able to click into the quantity and type the amount. Click 14 times feels like a waist of time”

Observation:
The user wants the ability to directly type the quantity into the field, as clicking repeatedly (e.g., 14 times) is seen as inefficient. They also expect the units to function as a dynamic field.

Idea two

Idea two

1

1

Intuitive Status Dropdown

Intuitive Status Dropdown

“We move so quickly here on the warehouse floor that I feel like most of the software should do the heavy liftings and not the user.”

Observation:
The user emphasizes the fast-paced nature of the warehouse floor and feels the software should handle more of the workload. They find the status dropdown lacking intuitiveness and expect it to be more user-friendly.

“We move so quickly here on the warehouse floor that I feel like most of the software should do the heavy liftings and not the user.”

Observation:
The user emphasizes the fast-paced nature of the warehouse floor and feels the software should handle more of the workload. They find the status dropdown lacking intuitiveness and expect it to be more user-friendly.

2

Simplicity and Scanability

“I need to be constantly aware of your surroundings and not constantly looking at a screen. So it needs to be a simple application.”

Observation:
The user stresses the need to stay aware of their surroundings and minimize screen time. They believe the application must prioritize simplicity and scanability, with a lightweight UI as a critical factor for success.

2

Simplicity and Scanability

“I need to be constantly aware of your surroundings and not constantly looking at a screen. So it needs to be a simple application.”

Observation:
The user stresses the need to stay aware of their surroundings and minimize screen time. They believe the application must prioritize simplicity and scanability, with a lightweight UI as a critical factor for success.

3

Dislike

“I don’t like the idea of having to add all the information of a material. If we know this from Netsuite why can’t we pull in most of it?”

Observation:
We should be counting the units of a product from the pallets, and make the guess for the user when they enter the amount of pallets into the field.

3

Dislike

“I don’t like the idea of having to add all the information of a material. If we know this from Netsuite why can’t we pull in most of it?”

Observation:
We should be counting the units of a product from the pallets, and make the guess for the user when they enter the amount of pallets into the field.

1

Button Placement


“I would like the button to be on the left and not the right, I am going to want to print and then review the information.”

Observation:
The user prefers the button on the left instead of the right. Speed is critical, as they want to print and simultaneously review and input information to save time.

2

Layout and Content Order


“The layout feels very familiar to how we are currently seeing it within Netsuite, and the order of the content from left to right makes sense for what I want to see next.”

Observation:
The user finds the layout familiar, comparing it to their current experience in Netsuite. The left-to-right content flow matches their expectations and feels intuitive.

3

Efficient Quantity Input

“I would also like to be able to click into the quantity and type the amount. Click 14 times feels like a waist of time”

Observation:
The user wants the ability to directly type the quantity into the field, as clicking repeatedly (e.g., 14 times) is seen as inefficient. They also expect the units to function as a dynamic field.

User Feedback on MVP

User Feedback on MVP

User Feedback on MVP

1

Confusion Over Completed Orders Placement

Confusion Over Ordering

Confusion Over Orders

In the live environment, users expected to find completed orders by scrolling down the page. Many overlooked the "Completed Orders" tab at the top, leading to confusion.

In the live environment, users expected to find completed orders by scrolling down the page. Many overlooked the "Completed Orders" tab at the top, leading to confusion.

2

2

Simplicity and Scanability

Simplicity and Scanability

The layout was designed to condense information for a chaotic environment like the warehouse floor. However, on the first day of use, the LA team frequently scrolled past the arrival truck they were searching for, as the content felt too tightly packed on the screen.

The layout was designed to condense information for a chaotic environment like the warehouse floor. However, on the first day of use, the LA team frequently scrolled past the arrival truck they were searching for, as the content felt too tightly packed on the screen.

Back to the Drawing Board

Back to the Drawing Board

Back to the Drawing Board

Persona

Persona

Jose Miller

"Finding what I need takes too long, and we often order the wrong quantities. If the app remembered my preferences, I could focus more on my team and customers.."

About

  • Age: 38

  • Job Title: Forklift driver at Ruggable Warehouses

  • Location: Chicago, IL

  • Experience: 10+ years in warehouse operations

Goals

  • Complete daily tasks quickly and efficiently: Minimize delays to meet strict shipping deadlines.

  • Ensure safety compliance: Prevent accidents for himself and his team.

  • Reduce physical strain: Stay healthy despite long hours of physical labor.

  • Maintain job stability: Keep a good relationship with supervisors for long-term job security.

Frustrations

  • Complex or outdated software: Struggles with overly technical systems like inventory tracking on clunky UIs.

  • Equipment malfunctions: Downtime caused by mechanical failures affects productivity.

  • Fatigue from long shifts: Managing physical exhaustion, especially during peak seasons.

  • Poor communication: Inconsistent or unclear instructions from supervisors or managers.

  • Space in warehouse: Pressure to unload trucks, while know where space was available to material.

Motivations

  • Safety first: Jim wants to ensure no one gets hurt on the job.

  • Team spirit: He enjoys working with a reliable team that supports each other.

  • Satisfaction from efficiency: Getting tasks done ahead of time gives him pride.

  • Recognition: Positive feedback from supervisors is important to him.

  • Work-life balance: He wants to make it home in time for his kid’s baseball games and weekend family activities.

Final Product

Final Product

Arrival

1

1

Improved Usability for Arrived Trucks

Improved Usability for Arrivals

We restructured the arrival screen by enlarging the buttons and making the truck name the most prominent information on each card. This improved the readability and scanability of the interface, especially when multiple items appeared on the page, creating a more user-friendly experience.

We restructured the arrival screen by enlarging the buttons and making the truck name the most prominent information on each card. This improved the readability and scanability of the interface, especially when multiple items appeared on the page, creating a more user-friendly experience.

2

2

Improved UI navigation

Improved UI navigation

The majority of our user base is Spanish-speaking and found pictograms, icons, and color coding to be effective tools for navigating the platform. These elements provided guidance while a language translation feature was still in development.

The majority of our user base is Spanish-speaking and found pictograms, icons, and color coding to be effective tools for navigating the platform. These elements provided guidance while a language translation feature was still in development.

Receiving

1

1

Color Indicators

Color Indicators

We restructured the arrival screen by enlarging the buttons and making the truck name the most prominent information on each card. This improved the readability and scanability of the interface, especially when multiple items appeared on the page, creating a more user-friendly experience.

We restructured the arrival screen by enlarging the buttons and making the truck name the most prominent information on each card. This improved the readability and scanability of the interface, especially when multiple items appeared on the page, creating a more user-friendly experience.

2

Copy Functionality

We restructured the arrival screen by enlarging the buttons and making the truck name the most prominent information on each card. This improved the readability and scanability of the interface, especially when multiple items appeared on the page, creating a more user-friendly experience.

2

Copy Functionality

We restructured the arrival screen by enlarging the buttons and making the truck name the most prominent information on each card. This improved the readability and scanability of the interface, especially when multiple items appeared on the page, creating a more user-friendly experience.

3

Optimizing Screen Space

The majority of our user base is Spanish-speaking and found pictograms, icons, and color coding to be effective tools for navigating the platform. These elements provided guidance while a language translation feature was still in development.

3

Optimizing Screen Space

The majority of our user base is Spanish-speaking and found pictograms, icons, and color coding to be effective tools for navigating the platform. These elements provided guidance while a language translation feature was still in development.

Mobile Screens

Mobile Screens

Mobile Screens

Reflection

Defining the UI of this product was challenging due to the lack of accessible to direct and indirect competitors products (Ex: Chewy, Amazon, and Walmart). I overcame this by outlining user flows and needs, and conducting feedback sessions with experienced warehouse workers during the sketching and wireframe stages. Their insights helped us understand and improve upon existing interfaces. A key lesson from moderated usability testing to make it clear we are not looking for them to find the write answer. There is an inherent want to please your colleges when testing on an internal group of users. in the initial MVP rounds of building this product I want not clear with my introduction that we where not testing them but the product.

See Thrasio Project

BACK TO HOME

BACK TO HOME

Kyle Mattson. Product and user experience designer, Austin Texas © 2024

Kyle Mattson. Product and user experience designer, Austin Texas © 2024

Forklift unloading efficiency increased,

efficiency in warehouses saving

2 hours

In forklift drivers work hours

Enhanced material traceability in

recovered inventory saving

2.4m

Annually in lost material

Streamlined the prices of counting

material reducing the time onboarding

new hires saving

$1.2 m

Annually in training