UI stands for User Interface while UX stands for User Experience. Both are crucial to an IT product and need to work closely together.
To learn the difference between UI and UX and see examples of how good and bad UI and UX look like, read the following the section.
A product or a website that looks great but is difficult to use is exemplary of great UI and poor UX, while ones that are very usable but look terrible is exemplary of great UX and poor UI.
User Interface (UI)
- UI = User Interface, everything you can see and interact with.
- UI focuses on the look, feel, and presentation of the product.
- UI is about visual appeal.
User Experience (UX)
- UX = User Experience, how you use the UI to accomplish things.
- UX is about how useful, easy, and pleasurable a product is to use.
- How easy it is to find and use the services offered on the DNN site.
Consider the following examples on the use of UI and UX as used by DNN to facilitate end-users and admins.
- End-User website created on DNN Evoq: The goal of the UI & UX here to have an excellent looking website that is fun and easy to use for the end-user.
- Administrator View: The goal of the UI & UX here is to have a visually clear website preview for the admin with easy access to tools to make the editing and managing it easy. 'Superuser Account' is displayed at the top right, and tools are seen on the far left in the Persona Bar.