User Interface Vs User Experience: “So it looks” vs. “This is what it feels like”

By , September 6th, 2015 , Tags: , 0 Comments

In a world full of unprotected job titles incorrectly used technical terms and buzzwords flying through meetings and the Web. For example, UI (“User Interface”) equated with the user experience UX, the “user experience”. Where the difference is, you read in this article.

Both the User Interface and User Experience are decisive factors for how a website that a product or app with the user is perceived, and – if the site etcetera fulfills the intended purpose – subsequently.

Meanwhile UX is used but so inflationary that one must be careful as a specialist already to take it into his mouth, so as not to stand as the last Laber head. But what’s the difference, and why is the user experience so important?


UI Design: So look slightly

In a nutshell: The user interface design is concerned with the design of the surface (the interface) an application, a website, or your favorite program for table calculations.

A UI designer will often have to do with navigation bars, sidebars, Pagina, icons and input boxes. He cares about the facade of the house, which windows are used as the doors look like and what the floor is to be laid.

Form follows function

It is UI design not to be understood that it is used to make a surface “beautiful.”“Form follows function” is the motto: An interface is beautiful by successful usability. That UI design so rudimentary busy with the usability or the software ergonomics, is only logical. Aesthetics does not help if the interface is not good to use.


UX Design: So something feels

The user experience is designed more strategic. How do I feel like the website, the product or the app in use?

A good example of good user experience is Apple – there are hardly any frustrations in the use of equipment and software.

The user experience has thus also a reference to the information architecture – that such information can be represented for example on a website. Applications that have a “intuitive” operation – the alleged accolade of good design  – feature, automatically have a good user experience – the user simply feel good while he uses the interface.

In order to reach the above example returns: At this level, it is decided whether it is a high-rise building or a Mietwohnug. The interior tidy, there is a glass or a steel-concrete construction with a fountain to trigger a WOW effect in the foyer?



Design solves problems – whether at the level of the interface or at the level of user experience. The goal of good design, it is not, “fine art” produce, but practical answers to virtual (communication) to find problems between users and the digital world.

Ashish Salunke is the Founder and Chief Editor of CSS Matter. Head on over to the contact page and follow him on Twitter: @cssmatter.

Want to write for CSS Matter?

If you're interested in becoming part of the CSS Matter team of authors, please send an email to Manish Salunke. It's best if you already have article ideas in mind – but if you don't, he'll help you find a good topic to cover.

Get Updates On Twitter

Do you want to get real-time updates, interesting web links, site news and announcements via Twitter? Follow CSS Matter on Twitter.

Subscribe to the RSS feed Today

The best way to keep up with CSS Matter articles regularly is by putting the CSS Matter RSS feed into your feed reader.