bryana
work
playground
about

SNUGGLY

Crochet Assistant Application with Interactive Machine

Scope
Individual Project

Timeline
2023, 6 Weeks
2024, 14 Weeks

Project Type
UX/UI
End to End Design

What inspired SNUGGLY?

As an interaction designer and a crocheter, I wanted to explore how a traditional art form could be combined with modern technology.

My crochet process was filled with tedious pauses—untangling yarn, recounting stitches, and figuring out where I left off each time. These small frustrations slowly took away from the joy of crocheting, especially when I was trying to balance my life as both a crocheter and a busy student.

That’s when I began to wonder, “What if I had a personal assistant for crocheting?” and how I could create something that supported me through the entire process from start to finish.

Why does this matter?

As I researched more into crochet trends, I saw that crochet has become increasingly popular among Gen Z recently. Some people learn to crochet to relieve anxiety, personalize gifts, or express their creativity. Others enjoy purchasing handmade crochet items from professional crocheters, either online or at art markets. ‍

With this crochet boom, crocheters have more opportunities but also need more efficient ways to complete their work.

What are the pain points in crocheting?

To build on my own experience and insights, I interviewed 3 crocheters to gain a deeper understanding of the common pain points and user needs within the crocheting process, and found that it is...

Hard to keep yarn from rolling away and constantly tangling

Confusing to count the correct stitches while crocheting

Too easy to get lost in a chart of repetitive stitch symbols

What are the current solutions and why is it not working?

Hand-Operated Yarn Winder

Keeps yarn from tangling

Needs to be turned manually

Unable to unwind yarn while crocheting

Row or Tally Counter

Keeps track of stitch counts

Pressing button is still manual

Count remains unchanged if user forgets to press button

Pattern Creating Application

Able to color code each stitch

Pattern file is still a static pdf

Repetitive symbols, even in color code, is hard to follow

What do they really need?

A friendly assister that helps crocheters to properly keep track of their crochet activities and smoothly complete their projects without any tedious pauses.

How is the machine built?

Before jumping into prototyping, I observed how my wrist moves while crocheting to identify a pattern that could be used to create a system that automatically unwinds yarn based on wrist movements.

Initial Prototype

Using the pattern I discovered, I created an initial prototype that includes a light stand, a motion-tracking wristband, and a yarn winder/unwinder.

User Action

System Behavior

Pick up the wrist band from its position and put it on wrist to start the system

The light sensor beneath wrist band will detect light and turn on the LED strip

Naturally turn wrist while crocheting to automatically unwind yarn from the spool

The motion sensor on wrist band will count up to 5 wrist tilts and activate the motor

Push button on wrist band to wind new yarn onto spool and turn potentiometer (dial) to change speed

The button on wrist band will change motor direction and potentiometer will adjust the motor’s speed

After a few rounds of user testing and gathering thoughts about each features of the machine, I redesigned the machine and rebuilt the system with updated controls and sensors better suited for its functions.

Final Prototype

For the final prototype, I removed unnecessary features and focused mainly on the motion-tracking wristband and the yarn winder/unwinder.

User Action

System Behavior

Gently press the button on the machine once to start the system

When the button is pressed once, the system turns on with a white LED light

Put on wristband and naturally turn your wrist while crocheting and yarn from the spool will automatically follow your pace

The tilt sensor in the wristband detects wrist movement according to a specific stitch type and activates the motor to spin

When little or no yarn is remaining on the spool, push and hold the button to wind new yarn onto the spool

The light sensor on the spool’s side detects light when no yarn is left, and the button activates the motor

How is the application made?

With all the pain point research and machine workflow, I identified the key features of the application and created the information architecture.

With all the pain point research and machine workflow, I identified the key features of the application and created the information architecture.

What is the final product?

A combination of an organized application that tidily manages projects, accurately creates patterns, and concurrently follow along pattern instructions, with a connected machine that automatically untangle yarn and conveniently count stitches, enhancing precision and efficiency for crochet businesses.

Projects

Gain and Gather Inspirations

Conveniently shows the list of all saved projects with filters to allow users to quickly look through in four different categories.

Create Your Pattern

Enter in Precise Settings

Accurately entering the settings before creating pattern will enhance precision of every stitch for the machine to calculate the motor’s turn and the amount of yarn remaining on the spool.

Create Your Pattern

Use Tool Bar to Create Pattern

Easily shows the different tools in three separate sections— types of stitches, other actions and yarn colors— to keep it simple and clear for the users when creating new patterns.

Crochet

Connect and Use the Machine

Crocheting with the wearable, wrist-mounted stitch counter allows the machine to calculate stitches and automatically unwind yarn according to the pattern, so users can work with only the amount of yarn they need and avoid tangling between stitches.

Stitch Counter

Yarn Winder

Crochet

Follow Along Live Monitor

Coherently color codes the pattern stitches on the screen according to the wrist stitch counter so the users can easily follow along the pattern while crocheting without any confusion.

Dashboard

Keep Track at a Glance

Effectively shows an overview of machine details, user’s most recent projects in progress and overall crochet activity history.

Design Criterias

Typography

Brown Bold 24px

Heading 1

Primeform Pro SemiBold 20px

Heading 2

Primeform Pro Regular 20px

Heading 3

Primeform Pro Regular 30px

Numbers

Primeform Pro Regular 14px

Body Text

Primeform Pro Regular 13px

Small Text

Colors

Icons and Symbols

Projects Icons

Tool Bar Icons

Stitch Symbols

What are the project takeaways?

Snuggly started as a simple prototyping project where my only goal was to successfully sense the user’s wrist motion and unwind the yarn. In the process of researching, I have closely observed the whole experience of a crocheter including their posture and movement, especially in their wrist, for a more detailed analysis of the pain points, allowing me to realize that there were so many more pain points in crocheting outside of the physical movements, so I decided to dig deeper to extend this project.

Overall, this project let me experience the process of designing an interactive product from research to physical prototyping, which I believe developed my skills as a UX/UI designer. Not only that, but I was also able to learn in the process of designing for a subject specific audience that it is extremely important to fully understand the audience’s deepest pain points and goals in order to successfully reach and attract my target audience, especially because the aimed market is already much smaller and limited.