how to avoid Website Design Mistakes

In the past decade has been the availability of high quality is the core of the industry discussion, it is increasingly important because of its user. Good availability can also help build brand awareness, so as to enhance the user evaluation of a website or a company. Today, people are still highly concerned about the availability of large and small companies because of the good availability strategy have proven how important it is.

In the past few years, good usability becomes the core of those successful startups. In most cases, the simple idea of the most creative, usability mainly refers to: make a feature or product easy to use, but we must maintain product quality is maintained at a high level.

Today, many articles talk about common sense. After discussion of the topic, year after year, it seems that web designers are still hard to understand it. Availability is no longer a joke, the following recommendations should be printed out and stick to your wall across the table.

Link colors

I often find myself browsing the Web, some of the links on the page does not appear in some form highlighted. This is the most stupid mistake I've ever seen. I am willing to visit those links using the default blue page, rather than ordinary text links and a color page. Users need to know how to navigate between pages, where I can click on the link. You cannot expect them to sweep the mouse all the text line by line to find links until you find the mouse arrow into a "small hand children."

I fully understand that sometimes out of design considerations, the link cannot be used to highlight certain colors, so that makes them seem too obtrusive. This is entirely understandable. But you can add text style or dashed box, all you need is in one way or another to emphasize the link only.

Visited links should be displayed in a different way to distinguish it from the default link color. Because it can help users know what they've visited, in order to determine where to go next. Some sites make users confused, but let them know what they have visited, absolutely make them better impression on your website.

Bad typesetting

When we talk about publishing, not that we need a big title, or some nice words. When we consider the ease of use, typesetting beautiful or not is not so important, important is how the layout should make our content easy to read.

Large blocks of text are arranged close reading it will make people feel a headache, but it should not let designer’s headache. He simply increase the row height, segmented, increase text size, change the font, you can make it easier to read.

In web design, how to mix fonts and colors to what kind of wake-up visitors, not very important. Of course, these then you will be better. In the past few years, we will always wrong functional aesthetic importance placed on top. Actually, the most important features of the site it is easy to use, it is not as there are a lot of limitations like graphic design. Sometimes we do not care how nice it can have, is that it only needs to work it.

Let me explain further. On the Internet two share the latest design trend, minimalism and flat design , are extremely simple and focus on the content rather than the presentation of the background pretty much go in minimalism and flat design is becoming increasingly popular reason behind is that they are very simple and works well - sometimes really hard to believe that such a simple website was able to get a huge success, you enter the site, reading content, and then leave, nothing distract you, no Flash, no making the site load slow Javascript, no nice flowers or pattern, just content only.

Now, you should understand the content becomes accessible so that is how important the truth, do not spend too much time and energy to think about first how to make your site becomes more beautiful - no matter how beautiful fonts, others if you cannot read words in vain.

Without reference to practices

Reference design practices and usability recommendations are very important, because no matter whom you are, as long as you follow it did, then the user will be spent on your website as much time and spending on other sites, which means you and others stood on the same starting line.

As an example let us understand more clearly what I want in the end of the table. That there is such a site on which to place a link to the navigation bar to exit the page. The role of this button, which is commonly understood navigation bar should have a role very different from this design, violates the design practice.

Fortunately, in recent years, the situation improved a lot, but still can be found in some low-level error should not occur, such as: cycling display module linked above fail, or click on the link, when pop-up box. Therefore, to keep up with design practice.

Avoid answering questions

Users browse the web all has goals. Might have wanted some fun, maybe to find information, perhaps to keep in touch with family or friends, and perhaps other purposes. No matter what they do, there will always be a goal.

Now you need to remember the most important thing is, in most cases, Internet users are seeking certain information. They go to Google to search for something; they go to Wikipedia to learn something; they are on the corporate site for product information. They always have a goal.

How to make Website Template Theme Responsive and User Friendly

Today every one customer has needed well and responsive websites with all formats like Iphone Ipad Smartphone’s devices because designing is the major part of your business. Most sites create a new device and resolution for each of its stand-alone version is simply unrealistic; the result is that we will win the use of certain equipment users, and those who have lost the use of other devices. However, there may be another way, can help us to avoid this from happening.

Responsive Web Design philosophy is to design and develop a page should be an appropriate response and adjusted according to user behavior and device environment (system platform, screen size, screen orientation, etc.). Specific practices by many, including elastic grid and layout, images, CSS media query usage and so on. Whether you are using a notebook or iPad, our page should be able to automatically switch the resolution, picture size and associated scripting capabilities, so as to adapt to different devices; in other words, the page should have the ability to automatically respond to the user's device context. Thus, we do not have to make a special version of the design and development of new equipment constantly coming up.

Responsive Web Design concept

Obviously, we cannot and do not need to use a motion sensor, or robotics, responsive Web design is more abstract thinking required. Fortunately, a number of related concepts have been the practice, such as liquid layout, help pages re-formatted media queries and scripts. But Responsive Web design is not just about the screen resolution adaptive and automatic scaling of images, etc., it is more like a design for a new mode of thinking.

Adjust the resolution

Different devices have their own screen resolution, clarity and screen orientation, and constantly being developed with a variety of new devices will also bring new screen sizes. Some devices based on cross-screen (portrait), some are vertical screen (landscape), and even a square; for the ever popular iPhone, iPad and other smart phones, tablet PCs, users can switch the screen orientation by any rotating equipment the way. How can we make one design to meet all circumstances?

Portrait landscape

To do compatible horizontal, vertical screen (also possible to switch the direction of the user in the process of loading the page), we must consider the N kinds of screen sizes. Indeed, we can use these specifications is divided into several categories, and then do a program for each class, ensure that the program as much as possible, at least in this group have flexibility. But even so, the result will be very anxious, who knows certain types of equipment in five years after the share? But many users do not even maximize the browser window; variables like this, we have to consider how much of it?

Part of the solution: All flexible

A few years ago, flexible layout (flexible layout) is almost a luxury, so-called flexibility, but also reflected in the vertical layout and font size, etc; picture always can easily destroy the page structure, and even the structure of which the elastic element, In the extreme case, will destroy the layout. The so-called flexible layout is in fact not so elastic; it sometimes cannot meet the desktop and notebook screen resolution differences, not to mention the mobile phones and other mobile devices.

Now, we can design and develop responsive ideas to make the page more "flexibility" of the. Size Image can be automatically adjusted; page layout will no longer be destroyed. Although never the perfect solution, but it gives us more options. No matter how the device user to switch the screen orientation, or from the desktop to the iPad screen browser, the page will be truly flexible.

Cropping Logo

If we continue to transfer a small browser window, you will find the text of the logo image will always keep back down, to ensure its complete readable, but will not be cut illustrations around the same on both sides. So in fact the whole logo consists of two parts: the title page illustration as background image size will remain, but will be cut with the adjustment of the layout; the text part is a single image.
  <H1 id = "logo">
   <a href="#"> <img src = "site / logo.png" alt = "The Baker Street Inquirer" /> </a>
 </ H1>

Where, <h1> element uses the illustration as a background, the text portion of the picture remains aligned with the background.

The examples show how little responsive Web design ideas. But this is not enough to avoid a small effort to change the entire layout of the small size of the window is too narrow or too short, and eventually become a small logo text to be difficult to identify, much of the background image will be cropped.

Elastic Image

A responsive Web design idea, one important factor is how to deal with problems image area. There are many pictures of scaling up technologies, many of which are simple and easy for this you can Use of CSS max-width property.