We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.
Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex UX, front-end and performance problems in large companies. Get in touch.
Good user interfaces are crucial for good user experience. It doesn't matter how good a technology is — if we, designers, don't manage to make user interface as intuitive and attractive as possible, the technology will hardly reach a breakthrough. To gain the interest in a new product or technology, users need to understand its advantages or find themselves impressed or involved.
And here is where creative ideas and unusual interface approaches become important. Innovative doesn't mean usable and usable hardly means innovative. As usual, it's necessary to find an optimal trade-off. And some user interfaces manage to achieve just that.
Below we present 10 recent developments in the field of user experience design. Most techniques may seem very futuristic, but some of them are already reality. And in fact, they are extremely impressive. Keep in mind: they can become ubiquitous in the next years.
You may also want to take a look at the related posts:
Often creative and truly remarkable design solutions remain unknown because we, designers, simply overlook them. Being busy with our own projects, we sometimes try to grasp the intuition behind (probably) complex and cluttered code of other designers to understand how they manage to implement particular design ideas. In fact, by just observing the code of other developers we can learn a lot from them; we can find interesting ideas and improve the quality of our work. [Content Care Oct/17/2016]
As you know, we, at Smashing Magazine, are quite curious folks. We are truly interested in unusual design approaches and creative solutions. Therefore we are regularly looking for them and once we found them, we analyze them, try to understand them and try to figure out both advantages and disadvantages of the technique we have found. And in this post we want to share some of them with you.
We would like to start with 5 advanced and elegant design approaches and ask you if you are interested in this series and would like to have more similar articles. Please let us know what you think in the comments to this post. Now let's dive in. You should probably have some CSS-knowledge already before starting reading this article.
As a visual art movement that emerged in the mid 1950s, pop art aims to emphasize the nature of things popular in our daily routine. In pop art, most artists use mechanical means of rendering techniques that downplay the expressive hand of the artist. Being an art movement, it has some expressive attributes other styles do not possess. [Content Care Oct/17/2016]
In pop art, a vivid manifestation of pop culture reflects in vibrant colors and busy, sometimes hardly recognizable artistic approaches. Street culture, trash, collage, comic books, grunge, graffiti and photo montage are typical design elements that were widely used by designers and artists a few decades ago. And since grunge found its way back and became popular again, it makes perfect sense to analyze the design elements of pop art which are similar to this artistic style.
This post presents 75 outstanding examples of classic and modern pop art. Hopefully, everybody will find some inspiration for future works or at least smile when scanning the images presented below. Please notice: pop art can be quite vibrant and not necessarily pretty — in fact, some examples show that it doesn’t have to be pretty at all.
Please take a look at the following similar and related posts:
Although light is considered to be rather a practical than an artistic tool, it has some properties which designers can effectively explore in their works. Indeed, light can also be considered as a medium for more powerful and more vivid artistic expression. In fact, many artists and crews make use of it creating quite impressive works of art.
In this episode of our Monday Inspiration series we present 50 beautiful examples of light art — paintings, sculptures, drawings and graffitts which were created using light. At the bottom of this post you will find references to related Flickr pools which contain thousands of further examples of what can be achieved out of creative experiments with light. [Content Care Oct/17/2016]
When it comes to beauty nothing can beat the beauty of nature. Although we, designers, can derive inspiration from almost everything, nature often manages to provide us with beautiful eye-catching perspectives we would never have explored otherwise. We have collected hundreds of wallpapers already (see links below). In this post we would like to focus on wallpapers which emphasize the variety and beauty of nature.
This post showcases 50 remarkable nature desktop wallpapers. This post covers various themes and subjects; we have included both photographic and artistic (photo-manipulated) wallpapers. Hopefully, everybody will find something from himself / herself.
Last week we have presented first findings of our web forms survey. The main objective of the survey was to provide designers and developers with some intuition of how effective web forms are designed; we also presented some guidelines of how an effective and user-friendly web form can be achieved.
We have focused on sign-up forms as we wanted to consider further crucial forms (e.g. checkout forms) separately. Afterwards we've gone through each and every one sign-up form of the selected sites and analyzed the design approaches implemented in these forms. Below we present the second part of our findings — the results of our survey among web-forms of 100 popular web-sites where web-forms (should) matter.
Please notice that this post is not about checkout forms — that's a topic for another discussion, we may consider them separately in one of the upcoming posts. We would like to thank Wufoo for providing us with a framework to conduct our survey.
Table of contents is often considered to be one of the most unspectacular design elements ever invented. Because of its simple, usual form, table of contents is often not given the attention it may deserve — after all, it is just a list of the parts of a book or document organized in the order in which the parts appear. But why not use exactly that and surprise the reader of a booklet, brochure, annual report or a book with some beautiful and original table of contents? In fact, many creative approaches are possible. And this post attempts to prove exactly that. [Content Care Oct/19/2016]
This post showcases creative and/or beautiful tables of contents. We have tried to include creative, visually appealing and interesting design solutions. Hopefully, everybody will find something interesting and unusual for herself or himself. Please take a look at the references section in the end of the article — there you may find further examples of interesting and unusual tables of contents.
Please notice: some photos look not beautiful at all — here the idea matters more than the quality of the screenshot. The showcased tables of contents aren't necessarily useful in practice as they may be hard to read; they should serve as the inspiration for your future works and show you that even in the design of table of contents some unusual approaches are possible.
If you want to maximize the revenue of your service you need to maximize completion rates of your web forms. Unless you have some revolutionary ideas to impress your visitors at first glance, it is not enough to simply enable users to sign up on your site. To make it possible for the service to reach a maximal exposure we, designers, need to provide users with a good user experience. We need to invite them, describe to them how the service works, explain to them why they should fill in the form and suggests the benefits they'll get in return. And, of course, we should also make it extremely easy for them to participate.
However, designing effective web forms isn't easy. And it has one simple reason: nobody likes to fill in forms — neither offline nor online. Therefore, as designers, we need to figure out sound design decisions to make the form completion easy, intuitive and painless.
But how exactly can we figure out these decisions? Where should the link to the form be placed in the layout? How should we design it? How should we highlight the labels and how should we align them? How do web form design patterns look like in modern web-sites? These were exactly the questions we've asked ourselves. And to get the answers we've conducted a survey.
Below we present findings of our survey of current web form design patterns — the results of an analysis of 100 popular web-sites where web-forms (should) matter. We have decided to start with sign-up forms first. We present the first part of our findings below; the second part of the survey results will be published next week.
No, they shouldn't. At first glance the decision to open links in new windows or not depends on the given site and the preferences of its visitors. Visitors of the sites with heavy linking are more willing to have links opened in new windows than open dozens of links in new windows manually. Visitors of less-heavy-linkage-sites are more likely to open some specific link in new window to remain on the site and continue to browse through it afterwards. However, this is not true. [Content Care Oct/14/2016]
Users also don't like to deal with dozens of opened tabs and some visitors tend to quickly become angry with the disabled back-button. Furthermore, some visitors may not even realize that a new window was opened and hit the back-button mercilessly — without any result. That's not user-friendly and that's not a good user experience we, web designers, strive for.