Detailed website design interesting: to attract users to enhance the site stickiness

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

As a web designer and developer, every project we design has specific goals and requirements. But at the same time there is a common goal, that is to give users a deep impression, so that they can hardly forget. Interesting experience, often can bring people a pleasant feeling, and the feeling of pleasure is often unforgettable. So to design an impressive site, add some interesting elements is one of the design methods.

Jeremy Girard on Smashing magazine published "A Fun approach to creating the more successful Websites", which cited a series of successful web sites, they cleverly use interesting elements, achieved great success--touched the user's heart, and left a deep impression on the user. Csdn compiled the text as follows:

From the Fun germ website

Some time ago, I received a link to the Fun germ website (it is a Volkswagen investment project). The site takes a big game as its main content, encouraging users to redesign or think about what they encounter in their daily lives-and add some fun to it. Design the work to be interesting enough to attract more people to use them conveniently.

Among the many videos posted on the web, I like a video called "Piano Staircase". In this video, the design object is a staircase in the subway. There was an elevator next to the staircase, as we had expected, and most people would use the elevators during the round-trip, not the stairs.

The Fun germ website

One night, when the subway site was closed, the elevator became a giant piano keyboard, and people stepped on it with musical sounds. The next day, when pedestrians passed the site again, they were attracted by this huge piano staircase, many people preferred to try this "piano", and gave up the use of elevators. In fact, since the staircase was redesigned, it added more than 66% users-a surprising increase.

Add some fun to our website

After watching the video, the first thing I thought about was how, as a Web design professional, we could use the experience of the above success stories to add some fun to our work.

By adding fun to create a pleasant user experience, the user will not only be happy to use and impress, but will also share the experience with other people.

First, the definition of fun

Adding interest to the site is not a suggestion to make a circus out of a customer's site (unless, of course, your client is a circus). It's just a suggestion to add some fun to the design elements and interactions to help the site provide a pleasant experience for the user over a long period of time, which is easier to remember as a whole.

"Fun" does not mean "childish". You add some pleasurable user experience to your product, but you shouldn't make your client look naïve and unprofessional.

Here are some successful web sites to see how they can use "fun" to create a pleasant, memorable experience for the user.

Improve the fun of a single regular page

Almost all Web sites are made up of many pages. Choose a specific Web page or experience (such as "About Us", "Contact us" and so on), make it more interesting, and give users a deep impression, this ordinary page will stand out from the site.

Take the "About Us" page mentioned above for example. Idiom Labs is a British design and development company. The "About US" page on the company's website is not only interesting, it also adds some personalized elements. As soon as the mouse is moved to a team member, the corresponding member jumps out to do a "sign" action. This makes the original boring company profile become very interesting.

Idiom Labs "About US" page

What about the "contact Us" page? Chinese workshop is an organization that provides English language learning opportunities. The site will submit feedback to the page designed as a machine control Panel style to try it to fit the "workshop" theme better.

中文版 Workshop "Contact Us" page

Find some ways to add some fun to the regular pages of your site that you want to offer a special experience, which will give visitors a memorable, unique impression.

Add interest to the 404 error page

For most pages, another special page is the "404 Error" page. Add new, personalized elements to the page to help you break down the frustration that the page has caused to users. You can see a lot of interesting example pages from the previous articles in Smashing magazine.

In addition to the above mentioned, a good "404 error" page should also contain links to key pages, which should be the most likely user access. By positioning these pages accurately, users will give you a smile and can easily return to the valuable content they are looking for.

The "404 Error" page in the pumpkin-king.com Web site

Add fun to search engines

Google is known for its search engine, and it often adds interesting things to its search results, which are an important part of the Google experience.

First of all, on a special day, Google's logo will become a strange "graffiti." The graffiti includes simple graphics, as well as some interaction with the user, such as the Pacman game that can be played, and the analog guitar designed to greet guitar legend Les Paul. There are also a number of specific words and terms that can be found on Google. More of these "fun designs" can be seen on this page.

The interesting design added by Google has had a good effect because it doesn't conflict with other service experiences that Google offers. This is the key to adding fun to your project-making sure it doesn't interfere with the purpose and main features of the site itself.

Accurately grasp the degree of interest

One of the challenges of adding interest to the site is the great benefit of using it. Adding interest appropriately can create an impressive website, however, too much emphasis on fun often backfires, and users are scared away by this exaggeration. In fact, in many cases, this kind of exaggeration in website and trademark design is very useful.

Captaindash.com uses interesting illustrations and interactive styles throughout the site, including interesting book-like layers on the "What We Solve" page. The experience is interesting, unique and very personal. But it's hard to tell exactly what the site is doing on the Internet. So for the fun experience, this is one of the potential pitfalls-your site must be able to quickly answer the user's most basic question: what is the company doing?

The "What We Solve" page on the captaindash.com site

Meomi.com is another carefully designed and interesting website. As you move through the Web site, there are a lot of interesting design elements that you can interact with. The most I appreciate about the site is that no matter how complicated it is, I can quickly see what the site is doing. At the top of the site, there is a very striking slogan: A small design room dedicated to play, fun and good things.

Meomi.com page

Too much emphasis on the site of interest, there are certain risks, but if done properly, will also receive good results-from the end, to create a pleasant, memorable experience.

Fun will deepen the user's memory of the content of the site

Good design can well support the overall content of the site, the purpose. So we should try to create an unforgettable experience through some interesting ways, and make the content more memorable.

The website of the Converge Convention says it will "dissect, study the relationship between design, development, and marketers." The site shows an electronic Tyrannosaurus, and when you scroll down the page, the interesting experience begins. This dinosaur has always been shown from the bottom up, but in the gradual change in performance, well fitting the site "layers of Anatomy" theme, which also deepened your understanding of the content of the Web page.

Website of the Converge Congress

The Seamco Web site expresses their construction of a "workflow line that allows liquid items to be bottled and packaged efficiently." The website expresses the content through a wonderful animation that mimics the efficient bottling process line. The site from the top (starting with a bottle) to the bottom (and eventually the big truck to transport the goods away), are showing this process line, design rich interesting, impressive.

SEAMCO website

Add interesting websites by telling stories

Another way to get users to get content quickly is to tell stories--an interesting way to make sure your story is impressive.

The Combine Conference's promotional website took advantage of India's "American heartland" to tell us a very interesting story ... A farm machine is working in the field, and a huge corn is being injected into the middle of the page, and the radioactive corn is frantically running amok ...

Combine Conference website

Another success story is the website detailing the "bright future of shared cars". By using the left and RIGHT arrow keys on your keyboard, you can "drive" the car on the site to watch all of its "landscapes" and learn more about the "shared car". In this way, you can access a lot of content, by clicking on the relevant content, you can learn more about it. All of the information on the site is displayed in a very exciting interactive way.

Some websites can't add interesting elements.

When I tell web designers about the benefits of adding interesting elements to the Web site they design, they always retort that there is no place for them to add interest.

Yes, some projects are really hard to make interesting. But some websites can be more successful if they use the principles used in the case above.

Slaveryfootprint.org is a "help user imagine how they got into modern slavery". This site does not seem to fit into interesting content. But when you visit this page and choose the "What" Red Arrow, you start the experience journey. Scrolling down the page, the colorful, animated hand illustrations launch the corresponding content block, telling the user related content. Content ends up being prompted to "take the survey" page, and the "Take Survey" page also uses this interaction-transforming a simple Web form into an impressive and effective experience.

slaveryfootprint.org page

Another good case is the dangers of fracking website. You can log on to the site and experience how it is online to express a serious topic.

Dangers of fracking web site

There are really a lot of websites involved in sensitive topics and it's hard to add interesting elements to them. But as the previous two cases prove, you can use the solutions from other sites to create an impressive experience without damaging the seriousness and importance of the site's content.

The design centered on emotion

Aaron Walter, in his famous book "Designing For Emotion", describes the benefits (and potential pitfalls) of emotional design. The book is designed with a range of emotional designs, including trust, hope, surprise, joy, and even love. It also gives a lot of examples of how to express these feelings by adding some interesting elements.

There is a great appeal in this book that calls on us to add some emotional design when creating a Web experience:

"We designed a usability interface as if we had a meal to eat." Of course, we all want to eat food that is both edible and nutritious. But we will also pursue good taste. When we can make the interface both usable and satisfying, why is it only content to be available?

As a Web professional, we should work hard to design and develop unforgettable experiences and interfaces. Whether you're using photshop to design a new design, or use HTML and CSS development pages, I'd like you to draw on the experience of the case in this article. Do you want to design an amazing, memorable experience? Try this little piece of advice:

Enjoy yourself.