What’s the difference between UX and UI?


One night my daughter asked, “What’s the difference between UX and UI?”

I decided to sketch her a picture to explain. It’s no Picasso, but it seemed to get the idea across. 

I tweeted a picture of it, and there was quite a response, I was pretty shocked! It was tweeted, RTd, favorited, liked and posted several thousand times! It was even translated into other languages!

After receiving a bunch of requests, it’s now been made available for purchase as an art print, t-shirt, mug, etc. here: http://society6.com/userexperiencerocks/UXUI-Bike-Sketch-User-Experience-Rocks

Folks have been asking if they can use it in presentations and articles, feel free to use it as an example if you’d like! Just list my name, Twitter handle, and web address with it (Jennifer Aldrich @jma245 http://userexperiencerocks.com) when you use it. If you want to include it in a print publication, just reach out to me and we can discuss it!

And if you have time, shoot me a tweet or comment on this post to let me know how you’re using it! I’d love to connect!

Thank you so much for all of the love and support folks! I ❤ our UX and design communities!!! 🙂

Have an outstanding day!

Tagged , , , , , , ,

14 thoughts on “What’s the difference between UX and UI?

  1. blujconcepts says:

    It’s a great picasso.. sketching at it’s finest!! I think I will use this as my go to image when explaining to new clients and stakeholders what UX and UI does so that they too get it!! Thanks for sharing Jen!

  2. […] Via What’s the difference between UX and UI? | User Experience Rocks. […]

  3. Your daughter asked that question to you? She must’ve breathed all things digital since she was a baby. Good drawing. 🙂

    • jma245 says:

      Haha She did! She has recently become very curious about what I do for a living. It’s actually been a pretty neat experience trying to explain it to her! She also taught herself how to code JavaScript prompts and alerts and buttons recently, after checking out a course on treehouse and the code academy website. She got a kick out of showing her friends at school!

  4. Millennials will soon take over! Have you seen this video, where Kevin Bacon explains the 1980’s to them? It’s hilarious. http://www.youtube.com/watch?v=09q04Dlh7r8

  5. […] Today my daughter asked, "What's the difference between UX and UI?" I decided to draw her a picture to explain. It's no Picasso, but it seemed to get the idea across. 🙂 I tweeted a picture of it, …  […]

  6. Eric says:

    Jennifer, awesome simplification of the difference between the UX and the UI. It’s awesome and I cannot WAIT to have an opportunity to use it in a presentation. If I do I will make sure to give you FULL credit. 😀

    • jma245 says:

      I’m so glad you enjoyed it, Eric! If you do end up using it in the future, I’d love to hear about how you integrate it! 🙂 Thank you so much for commenting and for the doodle love! 🙂

  7. That’s an excellent way to explain the difference. I was working on a presentation that talks about this topic. Im planning to use this image with attribution.

    Thank you !

  8. mattnowatzke says:

    Reblogged this on mattnowatzke.com and commented:
    To anyone who has been confused as to what the difference between UI and UX is, this handy-dandy picture should help.

  9. […] use Jennifer Aldrich’s bicycle analogy. There’s a need: fast transportation from A to B, without fuel and with just one person operating […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: