Four cases to teach you to create a collection of talent and beauty and a Web site!

One of the biggest challenges facing web designers may be to balance the functionality and visibility of the site. You said, I also want to "minimalist", I also want to "tall", but do not get a red button, users do not know where to go. In this article, we cite 4 examples to see how they solve this century's dilemma.

There are some sites that just serve us, and there are sites that let us watch the Feast for the eyes, but the best sites are both. The delightful design gives us a special feeling of being able to linger.

If a website only has the gaudy mascot, but does not have the essence, then in a very long time, the initial charm will gradually dissipate, does not leave the trace. Here are some examples of web design that are better than the industry level, and you can get some inspiration from the case below.

Only the best icing

Before analyzing the case, let's discuss how pleasing interactions fit into the overall design.

When Aaron Walter was writing the Treehouse blog, he explained what was a pleasing design through Maslow's theory of demand hierarchy, a classic theory of psychology published in 1943. This theory essentially aligns human needs in order of priority. From the bottom, that is, the physical must layer (which includes food and oxygen, etc.), to the highest level-the non physiological must layer, such as self-realization.

(Perceptual interface Design: enthusiastic user portal)

Applying this theory to Web design, Walter put forward a new theory of demand hierarchy.

(Perceptual interface Design: enthusiastic user portal)

A workable interactive design is not necessarily a good one. A website can be successful if it is functional, reliable and practical, even if the appearance is so ugly (as Craigslist). However, a good-looking website if forcible, sooner or later will lose its appeal. So the most important factor that affects the interaction design is practicality.

The above is not to say that beauty is not important. As Don Norman explains: Humans are evolving, we make decisions based on emotions, more than decisions based on logic. In fact, he puts forward the idea of "designing to improve beauty and even usability" by creating a pleasant atmosphere in which products can relax users and, in turn, make mechanical processes more stable. This makes learning to operate the website much simpler.

The beautiful design is like icing on the cake, it can't fill the belly, but it is also the most delicious part of the cake. A dry, bland cake is not an appetite-hungry user chooses them when there is a better choice (more colorful cakes). On the other hand, no matter how delicious your icing is, very few people just eat sweet, greasy sugar.

The website below is very complete: clear goals, good interface, perfect features-and a little extra stuff.

1. bitly

Bitly is a well-known brand. The reason for its popularity is that even in the early days of the internet, its services have been recognized. bitly reduced the URL to a few characters and was short refined. When you want to share a link, you no longer need to use a long string of unrelated letters and numbers to overwhelm each other. It's a good proof that you can create an unprecedented business opportunity with just a little bit of clever design.

This is the core appeal of bitly, and we suspect that even though the interesting interaction design is less, they can still improve the service. Interesting interaction design is the key factor that makes bitly stand out.

The operation of this website is very concise. Users simply paste the link into the upper-left corner, and a menu next to it slides out a new short link and icon for people to file, edit, tag, or share links.

With just a mouse click, you can trace the most complex links from a short URL, like magic. After designing the interesting colors and the cartoon images of the puffer fish, the experience is impressive from beginning to end. With intuitive link tracking and rhythmic displays, these experiences can become a little more addictive-you want to see which links open the most, and go back and study why.

As interactive designer Ben Rowe explains, the delightful design has two layers: the surface layer and the deeper process layers. That is, the mascot and the interesting visual design form the surface, while the "passive magical" interaction design forms a more important process experience level.

2. Medium

The delightful design is not made up of gorgeous colors and funny cartoon images. As Rowe said, because the user experience can build stronger links, so good-looking design is not only rely on those who like the animal image, but rely on the practicality.

As one of the most popular blogging platforms, medium features a minimalist style with a large number of white platforms, no cartoons or any hundred-match colors. The reason it boarded our "good-looking Web site rankings" is its simple but powerful user experience.

Medium's minimalism is unique in its appearance: The writing experience is viewed by site operators as the most important, allowing new users to get started as quickly as possible and not be distracted by gadgets, plug-ins or other features. This is not to say that the site style is bland, think about it, you do not see those elegant print, or like the other websites on the rolling news bar, is it refreshing?

In addition to surface vision, simple and clean interactive interface allows users to focus more on writing. Its interface function is sufficient to complete the user's core goal, medium only need to make room, let the miracle occur naturally.

Although the interface is extremely brief, but by setting hover and hiding, medium gives the user all the necessary choices (upload Pictures/videos, insert content, etc.). Unlike the traditional blogging platform experience, it's more of a "content management model",medium creatively combining writing and uploading functions. "

(The power of minimalism)

Such a simple white as the interface, even the small white layman, write blog will also feel like a great writer Ernest Hemingway.

The site also offers other good experiences. For example, each article will have a reading time hint, and you will know how long it will take you to read this article. And in the most basic editing page, you can even directly from the Baidu image to copy and paste the image of the search, without the need for additional downloads and uploads (this is a long time blogging bloggers are really a liberation!).

These subtle designs seem to be not an integral part of a blog platform, but they are surprisingly useful to improve the design. These qualities not only give users a smile but also make them better at accomplishing their goals. If you want to create a perfect "pleasure design", be sure to add "little thoughts" to the interactive design.