Common Web Design Mistakes

web design mistakes

The ten most common offenses are against the users. Web design disasters and HTML horrors are growing in numbers, though many usability mayhems are less common than they used to be. Read the 10 below and make changes accordingly if needed…. You be the judge….

Web Design Mistake #1 – Corrupt or Bad Search

Overly literal search engines condense usability in that they’re unable to handle typos, plurals, hyphens, and other variants of the query terms. Such search engines are predominantly problematic for elderly users , but they affect everyone.  A connected problem is when search engines arrange results purely on the foundation of how many query terms they contain, instead  than on each document’s significance. The Search function  is the user’s helping hand when navigation flops. This tops the web design mistakes.

PDF Files for Online Viewing

Online viewers and users dislike coming across a PDF file while browsing, because it halts their course. Even modest things like printing or saving documents are tough because standard browser commands wont function . Designs are often optimized for a sheet of paper, which rarely matches the size of the user’s browser window. Hi small hard to view fonts

Most horrible of all, PDF is an splotch of content that’s hard to pilot during viewing

PDF is great for printing and for dispensing manuals and other big documents that need to be printed.

Not Altering the Color of Already Visited Links

A good clutch of past navigation helps you comprehend  your current location, since it’s the result of your journey. Knowing your past and present locations in turn makes it easier to decide where to go next. Links are a key factor in this navigation process. Users can exclude links that proved useless in their earlier visits.  Most vital is knowing which pages were  already visited frees users from accidentally navigating the same pages over and over.

These aids only increase under one important assumption: that users can tell the difference between visited and unvisited links because the site shows them in different colors. When visited links don’t change color, users exhibit more navigational disorientation in usability testing and unintentionally revisit the same pages repeatedly.

Non-Scannable Text

A wall of text is deadly for an interactive experience. Frustrating, and hurtful  to read.

Write for online , not print. To draw users into the text and support scannability, use well-documented tricks:

  • subheads
  • bulleted lists
  • highlighted keywords
  • short paragraphs
  • the inverted pyramid
  • a simple writing style, and
  • de-fluffed language devoid of marketese.

Page Titles With Low Search Engine Visibility

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

The page title is contained within the HTML <title> tag and is almost always used as the clickable headline for listings on search engine result pages (SERP). Search engines typically show the first 66 characters or so of the title, so it’s truly microcontent .

Page titles are also used as the default entry in the Favorites when users bookmark a site. For your homepage, begin the with the company name, followed by a brief description of the site. Don’t start with words like “The” or “Welcome to” unless you want to be alphabetized under “T” or “W.”

For other pages than the homepage, start the title with a few of the most salient information-carrying words that describe the specifics of what users will find on that page. Since the page title is used as the window title in the browser, it’s also used as the label for that window in the taskbar under Windows, meaning that advanced users will move between multiple windows under the guidance of the first one or two words of each page title. If all your page titles start with the same words, you have severely reduced usability for your multi-windowing users.

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

Anything That Looks Like an Advertisement

Selective attention is very powerful, and Web users have learned to stop paying attention to any ads that get in the way of their goal-driven navigation. (The main exception being text-only search-engine ads .)

Unfortunately, users also ignore legitimate design elements that look like prevalent forms of advertising. After all, when you ignore something, you don’t study it in detail to find out what it is.

  • Therefore, it is best to avoid any designs that look like advertisements. The exact implications of this guideline will vary with new forms of ads; currently follow these rules:
  • banner blindness means that users never fixate their eyes on anything that looks like a banner ad due to shape or position on the page
  • animation avoidance makes users ignore areas with blinking or flashing text or other aggressive animations
  • pop-up purges mean that users close pop-up windoids before they have even fully rendered; sometimes with great viciousness (a sort of getting-back-at-GeoCities triumph).

Violating Design Conventions

Consistency is one of the most powerful usability principles: when things always behave the same, users don’t have to worry about what will happen. Instead, they know what will happen based on earlier experience. Every time you release an apple over Sir Isaac Newton, it will drop on his head. That’s good .

The more users’ expectations prove right, the more they will feel in control of the system and the more they will like it. And the more the system breaks users’ expectations, the more they will feel insecure. Oops, maybe if I let go of this apple, it will turn into a tomato and jump a mile into the sky.

Jakob’s Law of the Web User Experience states that “users spend most of their time on other websites.”

This means that they form their expectations for your site based on what’s commonly done on most other sites. If you deviate, your site will be harder to use and users will leave.

Opening New Browser Windows

Opening up new browser windows is like a vacuum cleaner sales person who starts a visit by emptying an ash tray on the customer’s carpet. Don’t pollute my screen with any more windows, thanks (particularly since current operating systems have miserable window management).

Designers open new browser windows on the theory that it keeps users on their site. But even disregarding the user-hostile message implied in taking over the user’s machine , the strategy is self-defeating since it disables the Back button which is the normal way users return to previous sites. Users often don’t notice that a new window has opened, especially if they are using a small monitor where the windows are maximized to fill up the screen. So a user who tries to return to the origin will be confused by a grayed out Back button.

Links that don’t behave as expected undermine users’ understanding of their own system. A link should be a simple hypertext reference that replaces the current page with new content. Users hate unwarranted pop-up windows. When they want the destination to appear 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 interferes with the browser’s standard behavior.

About Lindsay

Lindsay is the kind of person who always catches errors as she's reading books, articles, and copy on the internet. She can't help but think to herself, if only she could've gotten her hands on it first! She is an extremely nit-picky and detail-oriented editor with a bachelor's degree from the University of Massachusetts, where she graduated with a 3.7 GPA. As an undergraduate she focused on fiction and poetry and began her first novel under the close direction of professor and New York Times bestselling author Andre Dubus III. Her favorite projects to tackle include copy editing, proofreading, and writing copy for business websites.

Leave a Reply

Your email address will not be published.

CALL (416) 855 0322 OR EMAIL US TODAY