RSS

Archive for the 'Design & Usability'

Navigation Design - The right architecture will find!

November 23

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.

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 »

Transparency and increase revenues from online stores!

May 17

An important criterion for successful online stores, it is possible to be transparent to customers. The potential customer should be as much useful information on the ordering process, after the expiration of the order but also for the processing of complaints and returns are available. That should be taking any online shops in my view, part of along with other confidence-building measures to the customers' fear of purchasing. " And the best part is that this lot can be accomplished with relatively little effort.

Read the rest of this entry »

3 Comments

Posted in eCommerce

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.

Increase sales through improved ordering processes

Mar 25

Website. The ordering process is the most important part of any eCommerce site. For this reason, it makes sense to address this issue more intensely, for each optimization can increase conversion rates and lead to higher turnover.

Seek and ye shall find ... or not
The user should order the goods will be made ​​as simple as possible. This begins with the fact that the most important elements for a purchase be made ​​clear.

The ordering process begins with the "Add to Cart" button beside the relevant product. Therefore should be employed on the product page that the button is placed well visible.

Therefore:

  • The button must have a unique caption that encourages the user to click.
  • The button should be graphically designed and conspicuously placed near the top in the visible area of ​​the site immediately.
  • Additionally, the actual cart are clearly marked. For the user must be clear what happens after you add a product to your basket. Questions as: Where has landed the product? Where is the cart? How can I proceed with the order? must be answered already in the run-through concept, design, and labels.

Visualize a beautiful example of it added to the cart, for example, the Tyrol advertise your brochure order chosen. By the order button a javascript animation flies towards the basket. Thus the user is immediately clear where the selected products can be found. In addition, brochures already chosen are marked by a gray button.

Tirol Werbung - Visualisierung des Bestellvorgangs

Tirol Werbung - visualization of the ordering process

Logically, that the above-mentioned points for the checkout button, so the "Checkout" button in the cart is exactly the same. This could cause even the addition ("You can cancel the order, at any time") as a positive impact. Since, however, vary according to target group and design, I can recommend here to perform more accurate tests. Based on the results you can then decide whether the additional well is necessary or not.

An online store is no supermarket
Although in supermarkets, the sale of candy, etc. at the cash register does not work very well for online shops. In the online shop, we have unfortunately not the advantage that each buyer at the cash register must pass. On the website it is much easier to cancel the purchase, but a simple click is enough on the red X at the right top of the browser, on banners or other links. Precisely for this reason should be avoided all distractions in the ordering process. - Schnack ” kann auf der Website betrieben werden, allerdings nur bis max. That is, cross selling, product placement and similar "bells - and whistles" can be operated on the site, but only up to max. add to cart. Once the customer has decided to purchase and begin the ordering process should be avoided all distractions.

Very beautiful is the industry leader released from the Amazon. Once you click on the button "Checkout" Just surf, a page is opened, which is only for the purchase of necessary information. Without using the Back button of your browser it is no longer possible to return to the previous page.

Konzentration auf das Wesentliche bei Amazon

Focusing on the essentials at Amazon

Trust and transparency are important
Confidence-building measures can help inhibitions about an online order of time. For this one could now safely write to each point a separate post. Maybe I'll do it once, but there is much self-explanatory, I will now leave it at a list of some points, with no claim to completeness.

  • eCommerce certification
  • Privacy Policy place on the Website
  • Additional costs such as shipping fees, transparent and identify as early as possible in the ordering process
  • Possibilities of exchange and return state
  • Payment of target countries to adapt. If only credit card offers, this can present an obstacle.
  • Integration of descriptive help text
  • Note on a service hotline
  • Unique representation of the individual steps in the ordering process.

Testing, Testing, Testing
In addition, ongoing testing of important details and also extremely interesting. sehr viel bewirken. In order processes can often little things like the color and positioning of an order button, make a huge difference. To be sure whether a development is an improvement but really it makes sense abzutesten something, for example with Google Website Optimizer.
Moreover, one can quite naturally be inspired by leaders in the industry, because here one can assume that very many usability tests were conducted. But, even then ... test, test, test ... there are no easy recipes do not work and it must be the same. Age, origin and affinity of the target computer can greatly affect the performance of individual details more distinct details.

4 Comments

Posted in eCommerce

Optimization of registration processes

February 11

The design of registration sites is unfortunately very often given too little attention. It often happens that a lot of effort into making the design of a site is placed, yet sub-pages as Registrieungsseiten are unfortunately forgotten. It is precisely in such situations it happens that such pages are then placed according to Scheme programmers in 0815 from the existing graphical grid. Then just count the Registirerungsprozesse to the main pages of many sites - but eventually it goes to new customers - something that seems incomprehensible. Therefore you should take your time deliberately and consider the appropriate page in design and screen design.

In this article, I define registration pages as information pages, whose task it is necessary to provide information to visitors and persuade. The actual registration form is usually a separate page. At very short forms, such as: Newsletter registration but it can also make a lot of sense, both on one side to represent.

As a little inspiration now I list of potential items / contents of registration pages. Of course, not all the elements for any useful purpose, should ever serve any purpose after the registration, in part, different points will be more relevant than others.

  • Elevator Pitch

This is a brief summary of the possible meaning of the site / application, etc. for you to register. For example, Flickr is the "Show your photos. Look at the world. "

  • General Description

A general description of the product should be formulated as vivid and easily understood. Descriptions can be very good in this case provide support with icons. Below I've shown an example of TripIt. This site is the model implemented in my view.

  • List of services

Listing of services and functions to the Registering available to help, to convince the user to register themselves.

  • List of benefits for the user

the same applies here as with the point about the services. However, this should benefit the users of its registration has highlighted clearly will.

  • Call to action

Graphically with a prominent button is made available to the user as possible just to get to the registration form. I think it's even better if a small version of the form is integrated directly on the registration page. Thus, for example, the User name and email address queried directly. After completing this data, the user can then be directed to a detailed form with the rest of the fields. This procedure reduces the threshold for one to begin the registration process, on the other can form abortions are recorded statistically and by email sent at a later date will be a reminder. In this case, the delivery of emails will be accepted directly in the first step with the checkbox.

  • Testimonials / References

Testimonials and / or references, especially in commercial services are already the standard. Satisfied customers generate confidence and affects certainly positive.

  • Tour / Screenshots

Virtual product tours on offer for software products. Especially in this segment, it is often difficult for the user to have an idea of ​​what to expect. This can be counteracted with screenshots and virtual tours very well.

  • Display the necessary steps to completion

Following the motto "In 3 steps to your site", these steps can be listed directly on the registration page. This one takes the user right at the beginning of the fear of endless forms and complicated to use.

Examples:

Flickr Registrierungsseite

Flickr registration page

Tripit

TripIt

Linkedin Registrierungsseite

Linkedin registration page

Optimization Tips page form I have summarized in a previous post. This is available here: increase conversions through better forms .