Right. So here we go again. I’m writing. Be careful.

So in order to enlighten you great minds and thinkers, we’ve had a lot of questions around the abbreviations for UX (User Experience) and UI (User Interface) design. Most of the time when we pitch clients or send proposals, we do our utmost to break it on down as simple as we can.

It’s pretty easy to understand but I thought it worth some time to throw something zhush mush (as my grandma would say) together to help explain.

(Masters of the arts, correct me if I’m wrong, but I think I’m pretty on point.)

Both of these work together but I wanted to take the time to illustrate how and their importance in the web world in particular.

So with that said Imma’ take you on a date:

 

User Experience is the greeting on entry to the resteraunt, the atmosphere, smells, eating the wonderful meal, and feels of satisfaction when you hand over your cash money.

 

User Interface is the door, the decor, the polite waitress, the plate, the Sirlon 350gram (sorry vegans) served with grilled zuchinni and roasted heirloom carrots, the cuttlery, laser engraved glasses, embossed servietes, wine, and the fancy door handle you grabbed on the way out.

 

UX – User Experience

Now that I’ve made you hungry, UX is the beast that embodies everything. User experience is exactly that, it is what the user experiences. I know it is broad, but essentially, it is all about the experience from start to finish within your application or website. From the time they click your URL to the time they send their enquiry or make a purchase and everything in between. The User experience is the combination of elements that make things awesome to use.

It ALL starts with Reseach, Content and Strategy. Taking into account your business message and feel, competitors, market challenges and problems. Your audience and formulating a strategy on how to tackle the problems. Once all of this magic is done, we usually get right into the Wireframing. Wireframing allows us to build out quick sketches of how the interaction and flow will work. It allows us to do all the testing and iterations to work out how we will direct the customer through, what they will see, feel and how they will interact. (side note: Interaction specialists can be specialised) We can usually test the Experience on users before heading into any development and this is the best way to get user feedback on your website or application before the world come in to eat.

With user experience, we usually get all the team and clients involved, in the initial phases and prototyping. What this does is it makes sure everyone knows where everything is at all the time. No ones left in the dark. We also ensure we have all the right tools in place here, to track analyse and further improve the experience once we run the heard through the funnel.

 

Now to the other partner:

UI – User Interface

Now that you’re all up to ‘date’ (pun intended). All the items you interact with through your epic meal time are what help with the overall experience. The User Interface is all about the ‘tools’ you just used to consume that meal that you indulged in.

When we approach User Interface design it all starts with the brand. We throw in a pinch of reference from the Atomic Design Methodology and refer to the UI as the Atoms, tha