Principles Of Good Web Design

To apply the concepts properly, we must first understand the way that users engage with sites, what they think, and what are the fundamental patterns of users’ behaviour.
What do users think?

In essence, the habits of users when surfing the Web aren’t much different from the habits of customers at a physical store. Users look at every new page, read a bit of the text and then select the link which grabs their attention or even vaguely resembles what they’re searching for. In reality there are a lot of areas of the page that they aren’t even looking at.

The majority of users look for something that is intriguing (or helpful) and clickable. As soon as promising candidates are identified the users click. If the page does not match the expectations of the users then the Back button is pressed and the search process repeated.

People appreciate credibility and quality. If a site provides users with top-quality content, they’re more likely to compromise their content with advertisements as well as the design of the website. This is the reason why not-that-well-designed websites with high-quality content gain a lot of traffic over years. The content is far more crucial than the layout that helps it.
Users don’t read, they look. While browsing a webpage, people seek out anchors or fixed points which will guide them through the contents of the webpage.

Internet users are impatient and want immediate satisfaction. Simple concept that if the website doesn’t satisfy users’ needs the designer didn’t finish the job in a proper manner and the business loses money. The greater the cognitive load, and the less user-friendly the navigation and the more likely are users to abandon the site and look for alternative sites. [JN / DWU]
Users make poor decisions. They don’t look for the most efficient way to find the information they’re searching for. They also don’t browse websites in a linear manner by moving in a sequential fashion from one section of the site to another. Instead, they are satisfied and select the most reasonable alternative. When they come across an article that appears as if it will be a good way to achieve their goal and is highly high likelihood the link will get clicked. Optimizing can be difficult and takes an extended time. Being satisfied is more effective.

Users rely on their instincts. In the majority of cases, users just do not read the details a designer has offered. As per Steve Krug, the basic reason for this is because people don’t pay attention. “If we discover some thing that’s working, then we stick to it. It doesn’t matter that we are aware of how things work as long as we are able to use them. If your target audience is likely to behave like you’re creating a billboards, then you should design fantastic billboards.”
Users want control. Users want to manage their browsers and trust the consistent information presentation across the website. E.g. They don’t want windows to pop up suddenly and they’d prefer to be able back using an “Back”-button to the page that they’ve previously visited: hence it’s a good idea to avoid opening hyperlinks in the new window of a browser.

1. Don’t make users think

In accordance with Krug’s first law of usability, the website’s page must be clear and easy to understand. When creating a website the goal is to remove questions marks the choices that users must take consciously, weighing pros, cons and other options.

If the site’s navigation or site structure aren’t clear the amount of question marks increases. This makes it difficult for users to understand how the system operates and how to move from A to B. A clear layout with a few visual clues, as well as clearly identifiable links can aid users find their way towards their goal.

Let’s take a look an illustration. declares that they are “beyond channels Beyond products, above distribution”. What exactly does this mean? Since people tend to browse websites using the “F”-pattern These three sentences are the first things users encounter on the page after it has been loaded.

Although the design is intuitive and simple but to fully comprehend the purpose of the site users have to look to find the answers. This is exactly what an unnecessary question mark does. Designers are responsible for making sure that the amount that question marks appear is similar to zero. The explanation visual is located on the right side. Simply swapping both blocks could enhance the usability.

ExpressionEngine employs the same design as Beyondis However, it doesn’t use any unnecessary questions marks. In addition, the slogan becomes practical as users are provided with the option to test ExpressionEngine and download the trial version.

Through reducing cognitive burden, the system makes it easier for users to understand the concept of the system. After you’ve done this, you’ll need to communicate how the system can be beneficial and what benefits users will get from it. Your site won’t be used by people who visit your website if they don’t know the way to navigate it.

2. Don’t Squander Users’ Patience

When you intend to offer your clients a product or service, make sure to keep the user requirements to a minimum. The less effort is required of users to test the service greater the likelihood that casual person will try the service. Visitors who are first-time users will be willing to try out the servicewithout filling out lengthy forms on the internet for accounts they may not ever use again. Allow visitors to explore your website and explore your offerings without requiring them to share private information. It’s not logical to require users to input an email address to try the features.

3. Find a Way to Focus the Attention of Users

Because websites can provide dynamic and static content, certain elements in the interface for users catch more attention than others. It is evident that images stand out more than text like the sentences that are highlighted in bold fonts are more appealing than text that is plain.

Human eyes are a non-linear system, and users of the web are able to immediately recognize the edges, patterns, and motions. This is the reason why videos-based ads can be extremely irritating and distracting however from a standpoint of marketing, they are able to capture the attention of users.

Humanized flawlessly employs the concept of focus. The only thing clearly visible to the user will be the words “free” which is visually appealing and appealing, but remains serene and completely informative. The subtle hints offer users sufficient information on what to know concerning this “free” item.

Keeping the attention of users on certain areas on the website by using only moderately visual elements can assist your users to navigate from A to B without thinking about the way it is meant to be completed. The less questions that users have more clarity of direction they get and the greater confidence they build towards the organization that the site is a part of. Also, the less thinking has to be done behind the background, the better the user experience, which is the purpose of usability first.

4. Try to Find Focus Exposure to Feature

The latest web design styles are typically criticised for their method of providing users with visually appealing 1-2-3-done steps, large buttons with visual effects. From a design perspective, they aren’t really negative. In fact, these guidelines can be extremely beneficial as they guide visitors through the content of the website in a straightforward and easy to follow.

5. Utilize Effective Writing

Since the Web differs than print, it’s important to adapt the style of writing to the user’s preferences and the habits of browsing. Writing that promotes products isn’t read. Text blocks that are long and that don’t have images and words marked with bold, italics or simple fonts will be ignored. The language that is exaggerated will be ignored.

Talk about business. Avoid cute or clever titles that are influenced by marketing, business-specific names, and untested technical names. For instance, if , for example, you present a service and ask users to sign up, “sign up” is more effective than “start today!” which is again superior to “explore our offerings”.

The best way to ensure that you are effective in writing is to

Make use of short and concise sentences (come to the essence as fast as you can),
Use a scanner-friendly layouts (categorize the text, apply multiple heading levels, employ visual elements, bulleted lists and other elements that interrupt the flow of the uniform texts),
Make use of a clear and use a neutral language (a promotion doesn’t have to sound like an advertisement; provide your customers with a reasonable and rational reason as to why they should choose your product or visit your website)

6. Strive For Simplicity

A “keep it simple”-principle (KIS) is the first priority of the design of a website. The majority of users visit an internet site just to look at the look and feel; additionally the majority of them seek information , regardless of the layout. Try to keep it simple instead of complicated.

From the perspective of visitors’ of view, the ideal diseƱo web is a pure textwithout advertising or additional content blocks that are exactly like the query the user typed in or the information they were searching for. This is among the main reasons why having a user-friendly print-friendly version of websites is crucial for a good user experience.

7. Don’t be afraid of The White Space

It’s actually difficult to underestimate the value in white spaces. Not only does it assist to ease the burden of cognitive work on the users however, it also allows them to comprehend the information displayed in the display. When a visitor is new to an layout design the first thing that he or she will do is look around the page and break the content into digestible bits of information.

Complex structures are more difficult to understand, scan, and use. If you’re faced with the decision of separating the two parts with a line visible to the eye or by a whitespace it’s generally better to choose the whitespace method. Hierarchical structures can reduce complexity (Simon’s Law) The better you are able to provide people with an understanding an orderly visual structure, the more easy the content you create will be for them to be perceived.

8. Effectively communicate using a “Visible Language”

In his work on effective communicating visually, Aaron Marcus states three essential principles that govern the application of what’s known as “visible language” that is the content that users can see on screens.

Organise: provide users with a clear and uniform conceptual structure. The consistency of layouts, consistency connections, navigability, and consistency are essential concepts for a well-organized system. The same rules and conventions are required for every element.
Reduce costs: make the most by using the least visual and sensory cues. There are four main points to think about including clarity, simplicity distinctness, clarity, and focus. Simpleness is only about the aspects which are essential to communicate. Clarity: every component should be constructed in a way that their purpose is clear and not unclear. The essential properties of the essential elements must be easily identifiable. The most significant elements must be easy to recognize.
Communicate: adapt the style of presentation according to user’s capabilities. The user interface should be the balance between readability, legibility as well as symbolism, typography multi-views, the use of color or texture to effectively communicate. Utilize a maximum of. 3 fonts with three point sizes. A maximal of 18 letters or 50 to 80 characters in a line.

9. Conventions are Our Friend

The traditional design of elements on a website will not create a dull website. In fact, conventions can be extremely beneficial as they cut down the learning curve, and the necessity to understand the way things work. For instance, it could be a nightmare for users when all websites used a different appearances of RSS feeds. This isn’t that different from the normal life of us where we are familiar with basic concepts of how we organize our data (folders) or shop (placement of items).

Through conventions, you can earn trust, confidence as well as establish your credibility. Respect the expectations of your usersbe aware of what they’re expecting from a navigational site or text structure, search positioning and more.

An example of usability tests involves translating the site into Japanese (assuming your visitors do not know Japanese, e.g. by using Babelfish) and then provide your usability testers with the job to locate something on the page that’s in a other languages. If conventions are applied correctly and understood, users can achieve the goal even if they don’t even comprehend the concept.

Steve Krug suggests that it’s best to invent only when you’re sure you’ve got a better idea, but you should also take advantage of conventions even if you don’t.

10. Test Early, Test often, and Test Early

The TETO-principle must be implemented in every web design as usability tests can provide vital insight into the most significant issues and problems that arise from an individual layout.

Check it out before it’s too late Not too late, and not because of a wrong motive. In the second case, it is important to recognize that most decisions regarding design are made locally, which means you aren’t able to definitively determine if a design is superior to the other since you must analyze it from a particular perspective (considering factors like requirements, stakeholders and budget etc. ).

A few important things to bear in your mind:

According the research of Steve Krug, testing one user is 100percent better than testing all users and testing one user at the beginning of the process is more effective than testing 50 at the end. According to Boehm’s first law which states that mistakes are the most frequent in design and requirements activities and they are more costly when they are later removed.
Testing is an iterative process. It means you develop something then test it, tweak the issue and test it again. There may be issues that weren’t discovered in the initial round because users were essentially blocked by other issues.
Usability tests are always beneficial results. You’ll either be able to pinpoint the issue you’re facing or the absence of significant design flaws. This is both valuable information for your work.
In accordance with Weinberg’s law the developer isn’t suited to test their code according to Weinberg’s law. The same is true also for designers. Once you’ve been working on a website for a few weeks, it’s hard to look at the site from a new perspective no longer. You understand how it’s constructed and, therefore, you know the exact procedure for working -You have the experience that unbiased testers and users of your website wouldn’t.

The bottom line is that if you are looking for a top-quality website then you must test.