Article 5 – What’s the Difference between UX and UI Design?

 

What is UI?

User interface (UI) is anything a user may interact with in using a digital product or service. It focused on how a product’s look and function. This includes everything from screens and touchscreens, keyboards, sounds and even lights.  The most effective UI designs are simple, consistent, invisible and empower the user.

In website creation, UI plays an important role in a user’s decision to stay on a website or leave immediately. As with the growth of technology, UI designer’s role has evolved as systems, preferences, expectations, and accessibility. Now UI designers work not just on computer interfaces, but mobile phones, augmented and virtual reality, and even “invisible” or screenless interface (also referred to as zero UI) like voice, gesture and light. The goal of a UI designer is to create a user interface that is engaging and creates an emotional response from the user to make the product more beautiful.

 

What is UX?

User experience (UX) refers to a person’s interactions with a product, application, or operating systems. UX evolved as a result of the improvements to UI. The term user experience was first coined by Don Norman as “User experience encompasses all aspects of the end-user’s interaction with the company, its services, and its products”. UX design is the process of researching, developing, and improving all aspects of user interaction with a company’s product to satisfy its users.

UX design contributes to a product that provides an effective user experience. To understand what makes an experience a good one, Peter Moreville developed a great visual to highlight what goes into effective UX design.

UX
UX-UI

Source: Peter Moreville “Usability Honeycomb”

 

The ‘Usability Honeycomb’ has become the foundation for best practices for UX professionals to help guide their efforts across multiple touchpoints with users. Designing a UX means defining the way a product operates and how it meets a user’s needs. A good UX makes website navigation simple even for first time users. UX design takes place during the development stage and focuses on satisfying a customer’s experience through ease-of-use as well as on improving the quality of every interaction between a user and the company.

What is the difference between UX and UI?

UX and UI design are both crucial to product and work closely together, however the roles themselves are quite different. A great product experience starts with UX followed by UI. UI design is the driving force of UX design.

UX design is more analytical and technical field, while UI design is more to graphic design. UX design helps users accomplish meaningful tasks across platforms and services. UI design makes compelling and aesthetically pleasing interfaces that connect with humans. Something that looks great but difficult to use is an example of great UI and poor UX. Whereas something that is very usable but looks terrible is an example of great UX and poor UI.

 

Conclusion

UI is how things look, and UX is how things work.

UX is a process, while UI is a deliverable.

UX makes interface useful, UI makes interfaces beautiful.

 

[editor RS]

References:

https://careerfoundry.com/en/blog/ux-design/the-difference-between-ux-and-ui-design-a-laymans-guide/

https://www.usertesting.com/blog/ui-vs-ux/

https://www.freecodecamp.org/news/whats-the-difference-between-ux-and-ui-design-2ca8d107de14/

https://careerfoundry.com/en/blog/ux-design/5-big-differences-between-ux-and-ui-design/

https://uxplanet.org/difference-between-ui-ux-6324fc7402ba

https://www.mockplus.com/blog/post/difference-between-ui-and-ux