Graphic and Website Designer

How I Learned About UX & UI Design from a Jar of Jelly

This morning I was making breakfast for my two sons, Carter and Zac. It was an extravagant everything bagel toasted with some grape jelly.

You might be thinking that jelly doesn’t belong on everything bagels – my wife thinks it’s gross but hey the kids love it.


There wasn’t much jelly left in the jar so I had to really dig my knife deep into it.

It’s a pretty huge jar, almost the size of my knife, so let’s just say it got a little messy.

So what does this all have to do with UX and UI Design?


User Interface (UI) Design

User Interface (UI) design involves the design of elements and products. On a website, these elements would include drop down menus, forms, animations, buttons and more.

User Experience (UX)

User Experience (UX) is different from UI because it focuses on the logic and structure behind the elements you see and interact with. It’s the process of making customers happy and loyal by improving the usability and ease of use provided in the interaction between the customer and the product.


Now that we have an understanding of what each term actually means, how does that relate to the jar of jelly?

The UI was nice.
The jar looked visually pleasing.
It held a ton of jelly and looked appetizing.

The UX wasn’t so nice.
It was alright up until there wasn’t much left.
Then you had to pretty much stick your hand in the jar.
Which got a little messy.

Share this article about UX/UI Design and jelly if you agree!

You May Also Like...