You know, we use ad-blockers as well. 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. our 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 front-end/UX workshops, webinars 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. [Content Care Nov/13/2016]
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.
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. [Content Care Nov/15/2016]
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. [Content Care Nov/11/2016]
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. [Content Care Nov/15/2016]
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.
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.
How many creative solutions for calendar design are out there? If you take a look around you'll find out that most calendars are designed in a "standard" linear fashion. Calendar cards usually have the same structure: the month is designed in bold while the days are placed below within a rigid grid structure. Well, it doesn't have to be like this. In fact, there are a number of creative approaches one can consider when designing calendars.
Indeed, designers sometimes risk unique design solutions. However, unusual design is not necessarily a good design. It is important that your calendar design reveals function and remains usable. Function is more important than the design. In fact, some designs listed below may be not that user-friendly, but they may serve as a nice starting point and give you some fresh ideas for your future designs. [Content Care Oct/20/2016]
This post showcases creative examples of calendar design. 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 notice: this post is rather about information visualization than nice graphics design. Some nice calendar graphic designs have already beencollected. Our goal was different: to present some creative concepts for calendar designs and calendar systems.
In corporate design brochures and booklets are a standard tool for promotion and advertising. They are tiny books or magazines which lay around in conference halls, offices and waiting rooms. Sometimes they contain an annual report of the company or showcase the portfolio of an artist. Brochures can also be included in CDs and DVDs; however, usually they are given away as freebies (e.g. they may contain a calendar or some poster inside).
In either case, booklets serve advertising purposes and since they are usually short (max. 25-30 pages) they need to look good and be informative in order to focus users' attention and effectively convey the message. Unfortunately, only few brochures are indeed designed with close attention to details. However, there are a number of options for creative and appealing booklet and brochure design. [Content Care Oct/20/2016]
This post showcases beautiful examples of brochure and booklet design. We have tried to include creative, visually appealing and interesting design solutions; the booklets presented below are nice to have in the hand and take with you. Hopefully, everybody will find something interesting and unusual for herself or himself.
If you've been following Smashing Magazine for a while, you know that almost all posts from the Monday Inspiration series are pretty colorful and eye-catching. This post is an exception. Compared to colorful designs where catchy colors help the design to stand out, in black-and-white designs the ability to stand out depends only on its ability to communicate rather than on its appealing visual presentation. [Content Care Oct/17/2016]
Indeed, beautiful black and white photography doesn't attract with its play of colors. Here close attention to composition, lighting, perspective and the context it is shot in are important. Hence, before considering the photos presented below please prepare some patience and time. This post presents some truly excellent examples of beautiful black-and-white photography.
Notice: this post isn't supposed to showcase the best black-and-white-photos of world's best photographers; please see it as a modest attempt to inspire designers for experimenting with black and white instead of using a variety of vibrant colors all the time. Hopefully, everybody will find something interesting and unusual for herself or himself.