Advertising
Advertising

Common Web Design Mistakes That Very Few People Recognize

Common Web Design Mistakes That Very Few People Recognize

Web designers are wonderfully creative people. We love what we do; we love to experiment; we love to put our artistic “thumbprint” on all that we do. But, it is often too easy to get carried away with the “art” of it all and lose sight of one important fact – the website is designed first and foremost for the user, not the designer. And users want very specific things when they access a site. Here are some all-to-common web design mistakes that a pro may not even notice — but an end user certainly will.

1. Failing to Use a Grid When You Design a Page

Yes, grids can be seen as “confining” at times, but without one, the page looks “off” to the visitor who may not appreciate artistic asymmetry. The vast majority of users need a visual experience that makes sense to them vertically and horizontally – it makes them feel like the company is organized and structured. Unstructured design is best left for framing and mounting on a wall.

To correct this, you may be able to take your original design, superimpose it on a grid and make some changes. If that is going to be too hard, then keep your great design ideas, get a blank grid, and start again. You want your creativity to “shine” through, but you will have to temper it with structure. And, consider using a design tool (e.g. UX Pin) for grid design.

2. Using a “Canned” Theme and Failing to Customize It

Let’s be certain about one thing. There are some really great theme kits out there, and most designers make use of them. They result in consistency of pages throughout a site, and users like consistency. In fact, when you need to get a site up and running very quickly, a design theme kit is really the way to go. But, you will want to modify in order to really customize it for your purposes after that, so it doesn’t look like thousands of other websites.

If you are a bit stuck with what modifications you might want to make, search around for customized sites that you really like, and copy their URL’s. Then go to “What Theme is That?” and paste the URL in – you can find out what tool kit was used. You want one that will let your change things like color and typography. And if you are still stuck, you can use a white label partner, that your client doesn’t even know about. These consultants assist designers when they are having difficulties and act as fully “silent partners.” An excellent way to get a second opinion or a few practical solutions to your problems. The design community is typically more than willing to help one another.

Advertising

3. Not Designing for Multiple Platforms

If you design a site with the intention of just making everything smaller for tablets and then smaller still for phones, you will lose your mobile users. They will be swiping horizontally; the pages will be too cluttered, and their experiences will be poor.

Be certain that you use responsive design or a “mobile first” strategy as you design the site. Starting with mobile is usually a good idea, because it is a lot easier to add content and media as you move to larger screens than it is to take out content after the fact. Using a mobile first strategy also forces you to focus on the really critical aspects of a site first.

4. Getting Too “Out There” with Color and Font

Designers are, above all, artists, and artists love to experiment, especially with color and texture. If, when you finish your design prototype, you get feedback that things seem “out of place,” it is probably because you have not matched color palette and typography well enough. In general, viewers like things to “match.” It gives them a sense of security and the feeling that they are more in control.

Start with a color palette and typography that matches, making only minor tweaks at first. User test it all along the way – better to know now than later when your boss or client objects. And, be certain that the color and type you use are consistent with the type of business for which the site is designed. Sophistication requires black, white, and grays, sometimes navy; entertainment, travel, and leisure require brighter colors and more “fun” type; serenity uses calm blues and greens; professional sites should use navy, blues, greens and white. And if the company has a logo (think Starbucks), use the same colors for brand consistency.

5. Loads Too Slowly

This goes for the landing page and every other page on the site. It’s fun to add animation, videos, photos, and other media, but if those things are slowing down access, visitors will be move on to another site. Remember 2-3 seconds is a good target. And loading times will vary across devices, so that has to be accounted for too.

Advertising

You will need to find the “culprits” and get this fixed. And, you may need to eliminate or really compress things in order to speed up load time on tablets and phones. Again, user testing your prototypes before finalizing a design is pretty critical. One intermediary step you can take is to use a “loading video” which entertains the visitor while the site is loading. This can only be a temporary fix, however, unless you plan to hang out that video often. People will get bored.

6. Navigation is Just too Complex

Users don’t want to have to spend time figuring out how to get to what they want, nor do they want to spend time on lengthy drop-down menus. If it takes them too long to get where they want to go, it is just easier for them to bounce and go elsewhere.

The best fix for this is to have just a few links at the top of the landing page, and other pages that will get users to the main pages of the site. From there, they may find link to sub-pages. But, a good “rule of thumb” here is 3 clicks. A user should be able to get anywhere with that number. Another pretty effective design, especially when a site has lots of pages, is to put a sidebar menu for all of your more minor pages. This is far easier than that long drop-down.

And menus for mobile devices, especially for phones, have to be simpler. Drop downs may be better for phones, but there should only be 2-3 choices.

7. Using PDF Files for Reading

Users expect PDF files when they access educational and governmental websites. And they expect PDF files for lengthy things (e-guides, manuals, etc.), but they are irritated by them because of the slow loads. In some cases, PDF is essential because it keeps the original formatting of the page you are sharing.

Advertising

This is an easy fix, and it really is only a matter of remembering – PDF only for large files.

8. Not Having Color Changing Links

One of the nice things about a Google search is that when a user links to a site and then comes back, the color on that site link has changed, telling the user that s/he has accessed it already. It saves time and irritation. If you have not put that feature in your design, you should – users really appreciate it and it helps them get to where they are going.

9. Hiding Your Prices

You are a bit at the mercy of your boss or client on this one, but you are the expert and you should try to convince them that one of the most irritating things for visitors is not to be able to find a price very early in their navigations. Check competitors’ sites, and, if they are showing prices early, then you must do the same.

10. Not Having Enough White Space Around Important Elements, Like CTA’s

Too much clutter around the really important information and the CTA buttons confuses visitors, and they will miss things.

The fix of course is to clear things out and simplify as much as possible. Place buttons above the fold and put white space around them, using a distinctive color for them. And the button text should be a clearly contrasting color, to grab the eye. One more thing about buttons: Make the edges curved not squared off. Curved edges draw the eye in to read what the button says; squared edges take the eyes out and away from that button text.

Advertising

11. Not Having Simple, Large Registrations Forms

How much detail about someone is absolutely necessary? Users do not want to give out too much information or wait while you verify an email address; they want speed and simplicity. And mobile users, as well as most people over 40, really want larger form fields and buttons.

Be certain that you are only asking for the essential information on all forms, and make them a decent size for readability. Another thought here: It’s a nice idea to give users the option to enlarge text – “over 40 eyes” will thank you.

12. Not User Testing Every. Single. Thing.

If everything is not tested, and problems are discovered, then you have to go back and fix things while the site is already up and running. This means taking pages down as they are repaired, and it is a bit irritating for a user to link to a page, only to read, “Under Construction.”

If you user test absolutely every aspect and feature of the site, on multiple platforms, you will have a site that is “ready to roll” when you demonstrate it for your boss or client. And you should not do that user testing yourself. Ask a trusted colleague or use a white partner for this activity.

The Takeaway

Design begins with thinking like a user. S/he wants:

  • Visual appeal
  • Consistency
  • Simplicity
  • Easy navigation
  • Readable and broken-up text
  • Fast loading pages

Think like that user first and then add your creativity. You’ll have a design that users like and of which you will be proud.

More by this author

20 Things Only Parents Of Children With Dyslexia Would Understand 22 Creative Ways to Make Money (Simple and Effective) 9 Simple Tips to Make Your WordPress Blog Faster 10 Strategies to Reduce And Repay Your College Debt 7 Simple Ways to Start Doing Social Good Today

Trending in Technology

1 8 Most Effective Games and Apps to Learn to Type Fast 2 15 Organization Apps to Boost Your Personal Productivity 3 10 Best Calendar Apps to Stay on Track in 2019 4 7 Clever Goal Tracker Apps to Keep You on Track in 2019 5 How to Type Faster: 12 Typing Tips and Techniques

Read Next

Advertising
Advertising
Advertising

Last Updated on September 11, 2019

8 Most Effective Games and Apps to Learn to Type Fast

8 Most Effective Games and Apps to Learn to Type Fast

Computers and cell phones have become an integrated tool in our professional and personal lives that the original methods of using pen and paper may not be so common anymore.

Although our old-school methods of note taking may not have entirely left us, technology is advancing with no intention of slowing down; iPads are moving into service industries, video calls are taking the place of in-person interviews, and store receipts are making its way into our email inbox – all of which requires the skill of typing.

Learning a new skill doesn’t have to be boring and never had to be. Thankfully, there are effective games and apps that can help you learn to type fast with swift precision and accuracy.

Why Typing Fast Matters?

Learning how to type fast is a game changer. In fact, you can save 21 days per year by typing fast!

Although shaving several minutes from curating a long email or texting paragraphs in a text message may not seem to be of great significance, the minutes soon do eventually add up and the long list of tasks then evolve into frustration. By the end of the day, time is being wasted, and the work pile is stacked high over your head.

Why not alleviate some of those frustrations through practice and dedicating your spare time to build muscle memory?

Learning a simple skillset like speed typing can drastically improve other essential areas in life including time-management and prioritization. Not only does it help you efficiently complete tasks at work and in your personal life, but it also boosts your productivity.

8 Most Effective Typing Games and Apps

Everyone learns at different speeds and uses various methods. While some work better under pressure and tight deadlines, others thrive when given ample amounts of time to learn and soak in the knowledge that is being provided. Despite the number of resources that are available in the hollow corners of the internet, it’s all about finding one source that helps you learn at your fullest potential.

Whether you’re a keyboard ninja or not, here are some effective typing games and apps that allow you to test your speed, accuracy, and maybe shoot some spaceships along the way.

Advertising

For Beginners

1. Speed Typing Online

    What’s more fun than to type to the story of Alice in Wonderland or the lyrics to “Hey Jude”? Speed Typing Online is an online typing game that allows you to dive into the creative and familiar world of famous books, fables, songs, and even hone your skills in data entry.

    The bright blue frame holds the text, which then turns green after punching in the accurate keystrokes. After the end of the personal timer, a statistics page appears to show you your typed words per minute, accuracy, correct and incorrect entries, and error rate.

    2. Typing Trainer

      Typing Trainer

      is another online platform suited for beginner typists looking for step-by-step lessons. Learning the keys on a keyboard can confusing especially for those who aren’t as familiar or getting adjusted to typing on a computer keyboard.

      Typing Trainer has a collection of step-by-step tutorials that covers everything from sentence drills, introduction to new keys as the lessons progress, and skills test. The Typing Trainer specifically highlights unique features in each lesson including a warm-up section where the user begin to build muscle memory and learn to type without looking at the keyboard.

      The website is also programed to identify difficulties the user is facing when typing specific words or sentences.

      3. TapTyping – Typing Trainer

        There is the feeling of physically typing on a keyboard and then there’s the feeling of typing on a touch screen mobile device.

        Advertising

        Since the use of cell phones has become closely integrated into our everyday lives, learning to type on a mobile is much of a skillset as it is to type on a computer. The mobile typing app, TapTyping – Typing Trainer, allows users to practice while on-the-go making it perfect for commuters who want to practice typing during their down time.

        The app allows you to challenge other typists around the world with TapTyping’s global leaderboard and test your skills by taking advanced lessons. There’s always room for improvement and with the app, you’ll be able to find your mistakes by watching a heat map of your finger strokes.

        For professional writers and programmers

        4. The Most Dangerous Writing App

          Suitable for writers facing a creative block or on a tight-deadline, the Most Dangerous Writing App is a website that forces your fingers to type as quickly as your ideas.

          If you stop longer than 5 seconds, everything you had written will slowly disappear from the screen.

          Sessions are timed from 3 minutes to 20 minutes, or can go from 75 to 1667 words. This online app is perfect to brain dump ideas, write a chapter of a manuscript you’ve been stuck on, or help with procrastination.

          If you’re up to the challenge, try the hardcore mode – an alternative option where a single letter appears on the screen at a time. This level prevents you from seeing the entire word, sentences, or even correct any spelling or grammatical mistakes until the timer is complete.

          If you’re wondering, copying and pasting is not an option until each the end of each session.

          5. The Typing Cat

          Advertising

            Looking to upgrade your typing skills? Also working as a personal tutor, the Typing Cat has a list of regular typing courses with the option to try other lessons with more complexity such as HTML. Learning to type code is a another valulable skillset worth adding.

            Even with disregarded interest in the coding world, using the code course enhances your typing skills and allows your fingers to familiarize itself with uncommon word combinations and placement of punctuations on a keyboard.

            The coding course can be difficult even for typing whizzes, but it’s all a part of muscle memory. According Psychology Today,[1] only a handful of people actually learn how to type by looking at an actual keyboard, while a majority of the population locate specific keys intuitively through muscle memory.

            Available courses include EcmaScript 6, HTML 5, and CSS 3.

            Fun typing games

            6. ZType — Space Invaders Meet Webster

              Remember playing the iconic 70’s game that allowed you to shoot tiny purple and green aliens from one end of the screen to the other with a two-bullet laser? It’s hard to believe that Space Invaders just turned 40 , but you can still get the same adrenaline rush with ZType, a typing game with the same shooting concept.

              Ztype works in waves – stages that must be cleared but instead of aliens, you must type out the words before the missiles destroy your ship at the bottom of the screen. Every so often, longer and mor complex words would appear and if the words are not typed in the allotted time, a series of letters will disperse like missles.

              The game is quick on the fingers and will still have your heart pumping until the very end.

              7. Epistory – Typing Chronicles

              Advertising

                Although this game does cost money to purchase, it is worth the investment if you’re looking for a refreshing and alternative mode to learning how to type fast.

                Epistory – Typing Chronicles is a role-playing action and adventure game of a young girl riding a fox in a magical and fictional realm; together they combat enemies in the shapes and forms of words.

                Once you’re starterted, you almost forget you’re playing a typing game. The paper craft art aesthetics of the game has you captivated by the vibrant colors and character’s storyline, while having you build your typing skills.

                8. Daily Quote Typing

                  Need some inspiration? Say no more.

                  Daily Quote Typing is one of many gammes available on Wordgames.com – a website that offers a variety of typing games ranging from different levels based on your experience.

                  With Daily Quote Typing, users are able to type out inspirational quotes by famous leaders, inventors, and innovators such as Mark Twain and Albert Einstein.

                  Bottom Line

                  At the end of the day, discipline and patience is what teaches to type faster. It comes down to making that commitment to improving not only your typing abilities, but in a lifelong skill that benefits other areas in life.

                  By practicing daily and using effective games and apps, it’s only a matter of time before keystrokes will become second nature and your brain will adapt to learning other skills faster.

                  Featured photo credit: Unsplash via unsplash.com

                  Reference

                  Read Next