This morning I was making breakfast for my two sons.

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.

Anyways…

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?

Everything.

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.

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 gets messy.