Ravelry: Queue Redesign

Client

Ravelry, the internet’s home for knitters and crocheters. I was their solo designer for 5 years.

Problem

In addition to being a pattern database and social network, Ravelry is also a project tracking tool. An important tool within the project tracker is your Queue, which knitters and crocheters use to plan what they’ll make next. For years Ravelry had received requests from users to make the Queue a more robust project planner.

Solution

More details below…

The old Queue, which was basically just a list of database items.

To date, only items in the Ravelry database could be added to your Queue. Most users added patterns—I’m going to knit myself a sweater, then a hat for my friend, then stockings for Christmas—but could also Queue, say, yarns—next I’m going to make something with the Cormo Worsted I bought at the Rhinebeck Sheep & Wool Festival.

Queue 4.png
Queue 5.png
Queue 1.png
Queue 2.png
Queue 3.png

I started with a short qualitative survey. I’d also combed through over a decade of feature requests related to the Queue, but I wanted to make sure I had some input from newer users. Common user requests included…

  • A place to save inspiration photos. When you see Chris Evans wearing that amazing fisherman’s sweater in Knives Out or Harry Styles rocking a patchwork knit cardigan on the Today show, you need a place to save those inspo photos!

  • The ability to save multiple patterns in a Queue project. Oftentimes a knitter or crocheter will know, “I want to knit Granny socks for her birthday,” or “I want to make myself a stuffed rabbit this fall.” Because the old Queue only allowed users to queue database entries, these patterns would each have to be saved as their own item.

  • A way to save and compare multiple yarn options for a given project. (When knitting, say, a sweater, it’s common to test multiple yarns to make sure the color, material, and size are right. Enough yarn for a sweater can easily cost a couple hundred dollars, and knitting a sweater can take months, so you want to make sure the yarn is right before making that big investment!)

  • The ability to easily organize, reorder, tag, group, and bulk edit Queue projects. No more deleting 1000 patterns one at a time!

My solution was to create “Queue Projects.” Instead of the Queue being a list of database entries, each project could be a little bundle of several entries—patterns, yarns, etc.—as well as notes, photos, and other project data.

The best way to see the final designs is to view them directly in Figma, but below are some sneak peaks.

For the first time, users had the ability to easily quick-edit and bulk-edit their Queue.

For the first time, users had the ability to easily quick-edit and bulk-edit their Queue.

People often reference their Queue while shopping for yarn in a store—you need to know what gauge of yarn you need, how much for the pattern, what fiber is recommended—so it was important to make the mobile experience very easy to use.

People often reference their Queue while shopping for yarn in a store—you need to know what gauge of yarn you need, how much for the pattern, what fiber is recommended—so it was important to make the mobile experience very easy to use.

One of my favorite features in the new Queue is the ability to generate a "paper" shopping list. While knitters and crocheters are much more diverse than most people realize—in age, gender, race, ability, geography, etc.—there's no denying that a lar

One of my favorite features in the new Queue is the ability to generate a "paper" shopping list. While knitters and crocheters are much more diverse than most people realize—in age, gender, race, ability, geography, etc.—there's no denying that a large portion of Ravelry's users are seniors who are not digital natives. We therefore created a feature that allows users to suck all of the yarns in their Queue Projects into a PDF that can be emailed, printed, downloaded, or shared. Users can then take that PDF list—which also includes the quantities of yarns they need for each project—to their brick and mortar yarn store.

Tabbed sections within a Queue Project let users collect info while they plan a knitting or crochet project. They can save potential patterns, consider what tools (needles, hooks, notions, etc.) and yarns they'll use, gather inspiration, write notes

Tabbed sections within a Queue Project let users collect info while they plan a knitting or crochet project. They can save potential patterns, consider what tools (needles, hooks, notions, etc.) and yarns they'll use, gather inspiration, write notes for themselves, and more.

So many of the pages on Ravelry are user-generated, so I created a sitewide UX pattern for editing. Due to the site's tech stack the editing couldn't be truly inline, but I made the editing mode and the UI of the actual page as 1:1 as possible. Here'

So many of the pages on Ravelry are user-generated, so I created a sitewide UX pattern for editing. Due to the site's tech stack the editing couldn't be truly inline, but I made the editing mode and the UI of the actual page as 1:1 as possible. Here's editing mode for the Overview page of a Queue Project.

Because many users had previously been using their Queue as their "Favorites" area (even though there's a separate area on Ravelry for favoriting/bookmarking patterns and yarns), we made it easy for people to migrate the patterns and yarns from the n

Because many users had previously been using their Queue as their "Favorites" area (even though there's a separate area on Ravelry for favoriting/bookmarking patterns and yarns), we made it easy for people to migrate the patterns and yarns from the new Queue over to their Favorites.

Like many of the features I designed for Ravelry, this one was fun and exciting to work on because as a knitter myself, I wanted this functionality too!