What is boasting ui examples

Same same but different

UX and UI are among the most confused and misused terms on the web. Both are crucial for a product and belong closely together. Nevertheless, their roles are completely different: user experience design is more analytical and technical, while user interface design tends towards graphic design - albeit in a more complex way.

Organs as UX design

Emil Lamprecht gives an example that could help in defining the two terms in his post “The Difference Between UX and UI Design”: First, imagine a product as the human body. The bones represent the code that gives it structure. The organs stand for UX design - the measurement and analysis of new and old data in order to maintain the vital functions at the same time. The UI design represents the cosmetic aspect of the body: its presentation, senses and reactions.

Are you still confused? No problem: In order to highlight the subtle difference between user interface and user experience, we will define the two terms more precisely.

User interface

The user interface or user interface describes the surface on which the interaction between man and machine takes place. The UI belongs neither to humans nor to machines. The aim is to make the user interface usable and meaningful for the user so that he can more easily make operational decisions.

According to Lamprecht, a user interface designer is crucial for every digital interface. For customers, the UI is the most important trust building element. The UI designer has to transfer the brand character to the product. Put simply, UI design deals with the visual representation: the layout, the colors, buttons, images, illustrations, etc. It is the part of a website that the user actually sees and with which he interacts. Or as Erik Flowers puts it in his article "UX is not UI":

UI design produces a product’s: Skin - a product’s visual / graphic presentation. Senses - a product’s reactivity and interactivity in response to a user’s input or different display environments. And makeup - a product’s guides, hints, and directives that visually leads users through their experience.

User experience

The term user experience includes all aspects of the interaction of a user with a product, but also the manufacturing company and its services. UX describes all expectations, perceptions and reactions that occur before, during and after use. It's about how sites are structured and organized, how users navigate from website to website - in other words: about the process that takes users from A to B. In the opinion of Michael Wörmann, the first priority for UX designers is user satisfaction with the offer. Furthermore, the so-called joy of use is an important point of reference for a positive experience. It arises when the user can easily and comfortably achieve his usage goals with the help of the medium. Users get the greatest joy from a sense of achievement.

For Ezequiel Bruni ("The Difference Between UX and UI Design Finally Explained"), user experience design deals with the understanding of how users deal with a platform. A good UX design is based on research, interviews, creating a target group, checking usability and accessibility concerns and much more. User experience is the intangible design of a strategy that leads us to a solution, says Erik Flowers. Clark Wimberly, himself a UX designer, describes the task of user experience as follows:

It's my job to be inside a user's brain. I need to look at design from the mindspace of a user (actually, lots of users) and squash potential problems or confusion.

UX is not UI

So what are the differences between user experience and user interface? The most important point is - the experts on the web agree - that UX is not just about UI design. The latter still makes up a large part of the user experience, because the UX designer often also designs the interface.

UX is not UI. © Erik Flowers - http://www.helloerik.com/ux-is-not-ui


A product can work with a poor UI if the user experience is successful. Conversely, however, it is hardly possible to successfully market a product if the UX leaves something to be desired. Nevertheless, user interface and user experience designers have the same goal: to make the UX better, simpler and more intuitive. A product can only work well if the interface and user experience are coordinated. Therefore, according to Erik Flowers, both components should always be combined:

UI is what people see and touch. It is what comes to mind when thinking of a product or an experience. But the UI stands on the top of a huge UX mountain. The better the UI works, the bigger the UX beneath. The message we must spread is simple: UX is not UI.

The complexity of the question of what distinguishes UI and UX and which of the two came first is also addressed with a wink in the following video: