WebPagesThatSuck.com - Slop Test, Part 2

    The second part of the translation of the test for slop site. The first part is available here . Today we’ll talk about text, links, as well as graphics, video and audio.

    Let's get started.

    Text and links

    • On our site, texts are written in fonts of different sizes.
    • On our site, texts are written in fonts of different colors.
    • To read the text on our website, people need to download some unusual font .
    • It is difficult for visitors to read our texts, because the font is very small
    • On our site, TOO MUCH CAPITAL LETTERS.
    • The texts on our website flicker, blink and move.
    • The contrast analyzer believes that the text, links, and background on our site do not contrast well enough.
    • AccessColor believes that the color scheme of our site is difficult for visitors to perceive.
    • On our site, centered text is used not only in headings.
    • The text on our site is dropped in width.
    • We use browser-specific tags, for example, (I found out what kind of tag - horror !, approx. per.)
    • We use fonts that do not match the audience of the site - such as Comic Sans on the site of the city hall.
    • We use JavaScript to scroll through various texts in the status bar.
    • There are too many / few text on the pages of our site.
    • We use underlined text on our website (except to highlight links).
    • Our site has vertical or otherwise expanded texts.
    • Visited links on our website do not change color. (everything! 90% of sites sucks :), approx. per.)
    • Links on the site are highlighted implicitly.
    • There are too many links in some areas of the site’s pages.
    • There are too many links on our site.
    • We have broken links on our site.
    • We have broken links on our site and / or there is no page with the 404th error.
    • There are a lot of complex URLs on our site (which ones? Approx. Per.)
    • Links on our site consist of 10-20 words (yeah, like http://www.webpagesthatsuck.com/does-my-web-site-suck/does-my-web-site-suck-checklist-part-one. html :), approx.per.)
    • The page addresses on our site are not informative enough.
    • Graphics, Video and Audio
      • The logo of our site is made unprofessionally.
      • The logo on the site is just a low-quality scan of our business card.
      • The logo is not above ... (Logo is not above the fold - whoever says that in this context means fold, I will be very grateful, approx. Per.)
      • The logo is not present in the top of all pages of our site, and does not always lead to the main page.
      • Keep your own graphic elements away from advertising banners (especially if they are located in the top). Visitors often ignore banners, and at the same time can ignore your schedule.
      • Our site uses cheap cliparts instead of high-quality graphics.
      • Our site has horizontal dividing blocks.
      • On the site we use large, full-sized pictures.
      • The graphics on our site divert attention from, in fact, the pages.
      • Our site automatically uploads video files, instead of starting to download after a user clicks.
      • Our site uses a trailing cursor (what kind of trailing cursor? Approx. Per.)
      • Our site uses IE page transitions (what kind of "page transitions", "page transitions"? Approx. Per.)
      • On our site there are icons such as "Under development"
      • By posting graphics on the site, we do not reduce the image using a graphical editor. Instead, we take a full-sized picture of 1200x800 pixels, and change its size using the attributes of the IMG tag.
      • Our site uses graphics to design text.
      • Our site has an ugly color scheme (for example, red and green). (HA! Www.artlebedev.ru/kovodstvo/130/#06 , approx . Per .)
      • Graphic icons on the site are not logical. Our shopping cart is not like the shopping cart.
      • Instead of calling it a basket, we come up with some other stupid term, such as “basket”, “box”. (Actually, there is a special term in English - “shopping card”, and the author contrasts it with “basket”. For Russia, this specific advice is not relevant, but I think the principle is clear. Note.)
      • There are unreasonably many animations on our site.
      • There are tons of animated GIFs on the site.
      • On the site we use 3-D graphics.
      • On the site we use images with gradients (hmm ..., approx. Per.)
      • On the site we use recessed or raised (beveled) images.
      • On the site we use images with shadows (hmmm ..., approx. Per.).
      • The site has animated graphics, from the flickering of which visitors begin to have seizures.
      • As the background of the site, an image is used, which begins to be duplicated on large screens.
      • The image lying in the background does not contrast well with the text, and it is difficult to read.
      • The images on our website do not have the ALT attribute filled with text, and if the text is not required, the attribute does not contain. ''
      • Images on the site are similar to banner ads.
      • The site uses moving graphic elements - such as snowflakes, birds, and other DHTML craps.
      • We do not use text color to enhance meaning - for example, red says "this is important."
      • No one thought about whether the color scheme of the site visitors to other nationalities against us.
      • The pages on our site have many colorful areas.
      • On our site there are nearby lying blocks of incompatible colors (such as red and green).
      • The pages of our site are one large map-image (for those who do not know, this is an image with active areas, which are most often links, approx. Per.).
      • The site has images that suffer from the “halo effect" - an ugly blurry halo around the image.
      That's all for today. I feel this part contains even more controversial points. However, there are plenty of those that I think should be memorized, especially for novice designers who are delighted with animation, DHTML and JavaScript.

      The third part of the test is available to everyone.

    Also popular now: