Inbound Marketing Blog

Web Design

Blue Frog Team

Jun 20, 2017

3 minute read

How Chip and Joanna Gaines Can Help Us Understand UX & UI

understand-ux-and-ui

Right now, you’re probably wondering how HGTV’s hit show, Fixer Upper, and its costars, Chip and Joanna Gaines, can help us to understand UX and UI. Or maybe you’re just wondering what UX and UI are.

If you’ve ever been involved in or overheard a conversation about website design, then the letters UX and UI might have been thrown around during the discussion.

So, what do these letters stand for?

 

The Acronyms Unveiled

UX or User Experience, noun

The overall experience of a person using a digital product such as a website, especially in terms of how easy or pleasing it is to use

UX is less about design and more about the psychology behind a website. UX is based on market research. It requires analysis and testing of user behavior to determine how a visitor will interact with a site.

What information is a user looking for? Where would they navigate to find that information? UX designers try to answer these questions and apply their findings to a website’s design. The end result is a great user experience, which fulfills both business and user needs. 

 

UI or User Interface, noun

The visual part of a website, through which a user interacts with a brand

UI is the look and feel of a website. It is responsible for the communication of a brand’s strength and a website’s visual assets in order to enhance a visitor's impression of a site.

User interface is a key element in developing users’ trust in a brand. Based on first impressions, a site with bad UI might turn users away, whereas a site with good UI will draw them in. UI is all about design and creating a visually appealing website that guides users through a buyer’s journey.

 

User Experience and User Interface Work Together

Now, think of UX and UI together as HGTV’s show, Fixer Upper.

User experience is the house itself. It’s the foundation of your web efforts. It’s the work that Chip does to enhance the flow of a house by creating open floor plans, and it checks the boxes of users’ wish lists.

✅   Big kitchen

✅   Master suite

✅   Vaulted ceilings

On the other hand, user interface is the work that Joanna does. It’s the decor that delights your users, the warm paint colors and custom furniture that turn a house into a home. It is all about presentation, and great presentation communicates with users.

Fixer Upper would not be the same without Chip’s construction and Joanna’s interior design, just like a website is not the same without both UX and UI design.

Designer and expert, Helga Moreno says, “Something that looks great but is difficult to use is exemplary of great UI and poor UX. While something very usable that looks terrible is exemplary of great UX and poor UI.” It is important that your website has an incredible UX and an appealing UI, and you shouldn’t have one without the other.

If your website seems to be lacking in either UX or UI design, then it may be time for a website redesign. Blue Frog can help! We can evaluate your current website and offer suggestions for areas that need improvement. We’ll help you work toward your goals so you can start to see results.

 

25 website must haves

Image of frog from Blue Frog's logo

Written by Blue Frog Team

The Blue Frog team consists of some of the most experienced, certified inbound marketers in the business, including web developers, strategists, digital ad specialists, content experts, videographers, and graphic designers.