Jul 9, 2012

Creative UI Design Examples for Great UX

awwwards.

UX (User Experience) is all those elements and factors related to the user's interaction with a particular environment or device which generate a positive or negative perception of the product, brand or device. UX is subjective and focused on use.

The standard definition of UX is "a person's perceptions and responses that result from the use or anticipated use of a product, system or service".

These factors are related to design and usability, but also to the emotions and feelings generated in the user, accessibility, brand trust...

In the case of the web, the user's experience with the device is not a matter of concern to web designers: big hardware companies do the job of building our machines and computers.

However, web designers have much to say about the user experience that the interfaces and websites that we develop generate: it is a key element of our work! That's why we are designers!

We can't present all the UX in one simple post, but here we can give some samples of very suggestive, definitely inspiring visual user interfaces. These are what is known as Graphic User Interfaces. Every day we show you the best websites in the world, which offer the best user experiences. We are going to support this post with example images of the most creative elements we can find.

GUI to present information:

The main objective of a GUI should be to present information to the user in a comfortable and efficient way, and this is the job of a UI designer or, by extension, a web designer. It's advisable to try new methods and techniques that provide some differentiating, exclusive or standout element compared to all the others; this will mark it out from the rest, but the main goal should never be allowed to get out of sight.

The interface controls should be intuitive and easy to use. The user should know how to move around, understand and interact with a website without the need for explanations or previous preparation, as far as possible.

UI Elements and Techniques:

To design a good UI we can make use of lots of elements, combining them without limitation. It is rarely necessary to reinvent the wheel: the designs that work best are the ones that have already been created. Among the examples and techniques we suggest here there are many which imitate mechanical elements of devices and gadgets.

Folding Examples:

Cuberto |
Mikael Eidenberg |

In UI web design, many of the best UI elements have always tried to imitate physical or mechanical elements: from pushing a button, the use of tabs on a site or the use of folders in operating systems... to turning a dial, folding maps or turning the pages of a book.

Button UI Elements: