DEV Community

Cover image for UI vs UX
Late Night Coder
Late Night Coder

Posted on

UI vs UX

I have seen a lot of confusion between these two terms among the developers. The developers tend to mix these two and for a matter of fact, these are written as UI/UX which makes it more confusing to people.

User Interface

It is the elements on screen that you see like button, spinner, progress bar, slider, etc. UI deals with how the look their color, their shape, etc. The UI is the first thing people see on your website and it is a foremost important thing as its the first impression. Richer the UI greater is the impression.

User Experience

It is the flow of elements on your screen eg. a button leading to navigation is the flow of the app. UX people connect the parts of UI to make an experience for the user that is easy to use the system. The flow of information between screens and tasks are logical to understand.

Wrap Up

User Interface is all about the look and feel of the app. How creatively information can be displayed it takes a lot of creativity to make a great UI.

User experience is determined by how easy or difficult it is to interact with the user interface elements that the UI designers have created.

UX designer decides how the user interface works while the UI designer decides how the user interface looks. This is a very collaborative process, and the two design teams tend to work closely together. As the UX team is working out the flow of the app, how all of the buttons navigate you through your tasks, and how the interface efficiently serves up the information user’s need, the UI team is working on how all of these interface elements will appear on screen.

Correct meme from Patrix Hansen.

UI vs UX

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

AWS GenAI LIVE!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️