RSS

Archive for the 'Design & Usability' Category

Form validation in real time for user satisfaction

May 4

Hello, thanks for visiting - I hope that you will find useful information. but also leave a comment if you have any comments on the subject.

Formularvalildierung

What makes a good website? There certainly are many points to it, but a very good site differs from the good average often in the small details that "feels" good when operating a Web site. This includes an excellent form validation. But what are the differences and quality factors in the data validation?
Read the rest of this entry »

Trend: clutter, with oversized navigation

April 19

Navigation Neckermann.at

There are already long been a small trend to oversized overlay navigation on Web sites include ion. I want to take up briefly in this post, because I see great potential here. By appropriate navigation elements can represent very large menu structures clearly. But not only the sheer number of categories and sub-pages can be a crucial element. So I've picked out a few examples and try to shed light on the positive aspects of this case.

Read the rest of this entry »

Act globally - through the establishment of an international business

February 22

Building a successful online business is no easy task. This requires time, effort and commitment, starting with setting up a business plan and a unique feature to designing and managing your site and optimize for search engine rankings.
Why should you be so limited in the face of all this work that goes into your website, only a single language market?

Read the rest of this entry »

Navigation Design - The right architecture will find!

November 23

Among the most important elements of a website is definitely the navigation, because the best content avail little if they can not be found. Target when there is an intuitive navigation design, the target audience and content relevant to developing menus.

Read the rest of this entry »

Conversions increase with better forms

September 13

Forms are usually a large dar. inhibitions are almost always also recorded the highest drop-out rates for forms. To counteract this form should be designed at least nice to work properly and intuitive to operate.
Read the rest of this entry »

Content and much less space - means against overloaded websites!

May 6

This time it's about the old theme: on the one hand, a site modern, simple and above all seem clear, but the other hand, must be placed directly on the homepage of the most diverse reasons, plenty of content. Below I am going a few ways to save space, clear and understandable to transport relatively large number of contents.

Is quite small large
A similar approach has small elements on mouseover or click to enlarge. This is especially useful when maps had to be placed on the home screen. A small card is placed on the website. On this small map you can see where you are already grossly befindet.So something is very popular especially in tourist areas. Finally, even the guests, tourist area do not know exactly what's the appropriate place. Once you move your mouse over the map, the map is enlarged and displayed on the content of the website. Now it is possible to show more details and Quick guide to attractions, live cams, etc. offer.

Very nice having the Tourism Organisation of Montenegro solved:

Montenegro: geographical navigation

Slideshows and Teaser
Slideshows and rotating teaser images have been used very often. Especially in online shops is this kind of product or campaign presentation particularly popular. Jump bythe animated images of the surface can be utilized several times and transported in accordance with more information. It should be noted, however, that it does not exaggerate with the animation and the user is also an alternative way to directly call a teaser. Nothing is more annoying than when you want to watch a teaser but must wait up to five other "gone through" are.

Example:
LA Daily News
Graphically, we can not solve sure nice, but how we are here very much.

L.A. Daily News Teaser

LA Daily News Teaser

Random effect
Another possibility is always present an element at random from a pool of several. This can be a product from an online store, a part of the spa hotel or a simple banner ads. This possibility has the positive effect that the user has the feeling that something is happening on the site and thus a rather sparse data maintenance can not cover anything. However, it should be noted that this can confuse the user as well. So it can happen entirely possible that a user discovers a beautiful product at an online shop and in the evening will examine the product of this with his family again and order. Only stupid if this product was displayed at random and the user will no longer be found on the familiar position for him. So you see what I'm getting at ... if you work with random representations should also provide a link or a listing of all possible surfaces, so that the recovery is somewhat easier.

Show content only when needed
Often it is not at all necessary to display content immediately. Using Javascript / Ajax, there are now many ways to have very good data reload or display them when needed. Though it was acquired by learning user behavior contradicts something that's a pretty elegant way to save space. However, inexperienced users are quite overwhelmed by such proprietary uses. Therefore not necessarily be plugged suitable for all audiences and that a somewhat larger effort in usability tests.

Sun benefits GMX for example, those opportunities to even more content on the home page to accommodate. On the home is with "Tabbed Boxes" worked on the offered index tabs can be quickly switched to the desired topic. In addition, when the box "Focus" the news only on mouseover in a larger version displayed.

Platz sparen bei Gmx.de

Save space in Gmx.de

Conclusion:
Overloaded sites are neither aesthetically nor can they be operating very well, because users are often overwhelmed by the flood of information. However, if you have no other choice and put a lot of information in a small space needs, it makes sense to help with one of the concepts presented.

Navigation Architecture: Show the user where he is!

April 28

It has in recent years already gotten around that we should show users where they are and so a user can easily orient within a site. As simple as it sounds, this commandment is so often ignored or is there some subtleties here that have not yet gotten around everywhere.

Active menu item to select
The standard now requires active to select menu items. Here, this selection is to make visually evident. The difference between selecting andnot selected navigation elements should be immediately recognizable at a glance. In addition, it should be noted that work is ongoing in all levels with navigation highlighting. Again and again we see sites where the main menu item is selected beautiful, but from the second or third level of the optical chaos breaks out.

Breadcrumb Navigation integrate
Navigation. The more complex and deeper navigation structure of a website is, the more important is a breadcrumb navigation. This can create some problems from the neck and has created a global reference point for the user. darstellen. However, a breadcrumb navigation should never be the only option. In my view, are the "bread crumbs" for quick orientation and called in an emergency can also abuse this user to navigate.

Each side of their menu
Each side should be assigned to a menu item. Especially on the front page one sees often sub-items are displayed in the menu anywhere. This results in pages that are more or less in a "vacuum" space. Classic examples of this offer, for example, the pages linked on the home page a banner, but then be assigned to any menu item. The user clicks on the corresponding banner and then has no clue where he is. At the same time, the "Home" page is only one page and should not contain numerous sub-sites.

Back button will not forget!
A classic: the site should not use the "Back" buttons work in the browser. Therefore necessarily implement back buttons in the right places. With the right places, I mean that just because the button aufscheinen is where you need it. Such a link is back on the home page rather pointless. Only on the detail pages for a "read more" link and not accessible through the menu's are in my view makes sense.

Integrated Sitemaps
Another way to give the user a nice overview of the side structure provide integrated sitemaps. die man in den letzten Jahren immer öfters sieht. By that I mean this global, integrated in the footer to the Sitemaps in recent years seen more often. Zwecken nutzen. Honestly I have no idea what you call those things officially, but these ego-discovery rather handy and, incidentally, these sitemaps to use good SEO purposes.

Conclusion:
These were some tips to guide the user through the site to better and less internetafine users to run without frustration through the site. in bestehende Websites eingebaut werden sollen. Of course, the whole with increasing complexity and depth of navigation more difficult and it is particularly tricky when nachträgich navigation levels in existing websites will be installed. It is better to take into account at the beginning of a project already one more level.