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 10 Best Power Banks to Top up Your Phone at Will on the Go 2 35 Top Productivity Apps for iPhone (2020 Updated) 3 18 Best Time Management Apps and Tools (2020 Updated) 4 19 Best Mac Apps for Productivity You Need in 2020 5 19 Best To-Do List Apps to Keep You on Track in 2020

Read Next

Advertising
Advertising
Advertising

Published on August 6, 2020

10 Best Power Banks to Top up Your Phone at Will on the Go

10 Best Power Banks to Top up Your Phone at Will on the Go

The alert beep for low battery serves as a death call when you’re running late for work or are out on the town and need to make a call. Luckily, a super convenient alternative to your regular charger and charging wires is available in the form of power banks[1]. Easy to carry, lightweight, and affordable power banks have become the perfect companion for every mobile phone. In order to assist you in making the right choice for the purchase of power banks, we have compiled a list of the best power banks to guide you.

Why Trust Us

The importance of a well-charged phone cannot be underestimated. Keeping this in mind, our team has gone through many reviews and product descriptions present on the most reliable tech websites. From the smallest and lightest portable chargers to those that come with several years of warranty, our featured power banks will not let you down and will be worthy of your investment.

1. Anker PowerCore 10000mAh Portable Charger

    As the best power bank the market offers, Anker PowerCore has a battery of 10000 mAh, which can charge three and a half iPhone 8 or two and a half galaxy s8 charges. The power bank has PowerIQ and voltage boost technologies, which can charge your phone in no time. Large size-to-capacity makes it a convenient item to carry in your pocket.

    To ensure the protection of your device, this power bank from Anker comes with a multi-protect safety system. The box also includes a portables charger and micro USB cable. You can carry it around safely with the included travel pouch. An 18-month warranty and friendly customer service are also included to give you a perfect power bank experience.

    Pros

    • Large size-to-capacity ratio
    • High-speed, universal charging
    • Red, blue, black color options
    • One of the smallest and lightest portable chargers on the market

    Cons

    • Qualcomm quick charge is not supported
    • The battery may not work well after some time

    Get this power bank here!

    2. INIU 20000mAh Power Bank

      Made of top-quality materials, the INIU Power Bank charges your phone 1.4 times faster with UPower+ technology. It works smartly by identifying your device and simultaneously increasing the current output. What’s great is that you can charge two devices at the same time. INUI recognizes its place as the thinnest lightweight power bank on the market.

      The paw indicator on the power bank illuminates its remarkable design, and it includes a flashlight inside, which can be used in emergency conditions. You can charge the power bank quickly with a micro USB or a type-C cable. Consequently, it’ll save you the hassle of finding the specific cable for a charge. INUE comes with a three-year warranty to give you peace of mind.

      Pros

      • Thin and lush design
      • Dual 3A output
      • Flashlight included
      • U Power+ technology

      Cons

      Advertising

      • It doesn’t come with a pouch
      • Standby time is less than six months

      Get this power bank here!

      3. Miady 2-Pack 10000mAh Dual USB Portable Charger

        An all-in-one power bank solution for your needs, Miady includes two 10000 mAh battery packs. The power bank contains two USB output ports with an equal amount of current distribution. While one can charge 2.4 times for iPhone X, 3.6 for iPhone 8, and 2.2 for galaxy S9, you won’t be needing a socket anytime soon.

        You will be able to charge the power bank in 5 hours at 5V and 2A. Miady contains a reliable Lithium-polymer cell, and you can also carry the power bank on a plane. It can power off and on automatically if the device is disconnected for 30 seconds. This portable charger is compatible with 99 percent of smartphones and is one of the cheapest power banks available on the market.

        Pros

        • One of the best-value options compared to its rivals
        • Efficiently distributes current output
        • Vibrant color options like yellow and purple

        Cons

        • Not suitable for big devices like the iPad

        Get this power bank here!

        4. Anker PowerCore 20100mAh Portable Charger

          Anker 20100 mAh Power Core offers a huge amount of battery capacity. As one of the best power banks on the market, the 20000 mAh battery capacity can charge an iPhone 8 almost eight times or an S8 five times. In addition, the power bank can hold a charge for up to seven days, so you don’t have to plug it into the wall again and again.

          You can use the voltage boost and power IQ recharge to charge a phone efficiently and quickly. The power bank is also pocket-friendly and certified safe as it ensures protection for your smartphone or tablet and you. Its dual-device output enables you to charge up to two devices at the same time. Anker is made out of premium material to give you the best durable power bank on the market.

          Pros

          • High-speed charging
          • Huge 20000 mAh capacity
          • Enormous 4.8-ampere output
          • Certified safe

          Cons

          • It may start charging slowly after a few months of use
          • Qualcomm quick charge is not supported

          Get this power bank here!

          Advertising

          5. Anker PowerCore 13000mAhPortable Charger

            Another Anker, the Anker PowerCore 13000 Portable Charger offers a huge battery capacity in a sleek design and has the ability to charge an iPhone 8 up to 5 times and an iPhone X or an S9 three times. You can also charge your phone or tablet with the two high-speed ports that are included. Anker comes is a smaller size than that of a wallet and is one of the best lightweight power banks compared to its battery size.

            Anker is 30 percent lighter than most other power banks. Power IQ and voltage boost technologies are included for fast-charge devices. Power IQ also identifies devices to calibrate the charge to your phone.  Anker has surge protection technology and short circuit prevention. You can rest assured that it will take care of you and your devices. Plus, you are covered with an eighteen-month warranty.

            Pros

            • Power IQ technology
            • Super high capacity
            • Red, black, blue, white color options

            Cons

            • No Qualcomm quick charge
            • Wall charger is not included

            Get this power bank here!

            6. GETIHU 10000mAh Portable Charger

              GETIHU offers high-quality power banks with their 11 years of experience in the market. The GEITHU portable charger has a certified Lithium-ion battery, which gets it the approval for airline travel. With the help of an LED display, one can know how much battery is left. You can quickly charge up to two devices with 4.8 Amperes at the same time.

              High-speed charging is accompanied by a smart IC to auto fit your smartphones. It can work with both big and small Android devices. GEITHU can easily fit inside your bag as it is slim and portable. Choose to take it with you with the travel pouch and feel comfortable taking it everywhere as it has a three-year warranty.

              Pros

              • LED display with the battery percentage
              • The 4.8-ampere charges two devices simultaneously

              Cons

              • The LED display may not show the correct amount of charge left

              Get this power bank here!

              7. Anker PowerCore 26800mAh Portable Charger

              Advertising

                Anker PowerCore offers a massive battery, which makes it one of the best power banks on the market. The 26800mAh worth of charge can charge phones more than six times. It has three USB outputs so that you can charge three devices at the same time. Power IQ and voltage boost make the high-speed charging available for all three devices.

                You can charge the whole power bank in 6 hours. The two micro-USB inputs double the recharging speeds. It is light and durable, which makes it the best companion for your travel needs. The multi-protect safety system protects you and your devices. Friendly customer services and an 18-month warranty are there to provide you with the peace of mind you need when you get the Anker PowerCore.

                Pros

                • Triple device charging
                • Dual-input power bank charging
                • Superior safety
                • A week’s worth of power

                Cons

                • Performance may decrease over time
                • A bit heavy due to the big battery

                Get this power bank here!

                8. RAVPower 16750mAh Power Bank

                  RAVPower offers a vast battery of up to 16750mAh in size. It can charge your iPhone 11 two and a half times, S10 for 3.3 times, or an iPad for a full charge. With a current output of 4.5 amperes, it can charge up to two smartphones at the same time. You can quickly charge the power bank with a two-ampere charger in about 9 to 10 hours.

                  The flashlight is included in the power bank for emergency use. RAV is also tested against high temperature. Its iSmart technology tests your device for the optimal current value needed. Premium batteries comprised of lithium-ion can charge a device more than 500 times.

                  Pros

                  • Impressive 16750mAh battery
                  • iSmart technology

                     Cons

                  • It does not hold a charge well over time

                  Get this power bank here!

                  9. RAVPower 15000mAh Power Bank

                     

                    Advertising

                    RAV power bank features a controlling IC and iSmart technology. These come together to offer a fast charge for your smartphone or tablet. You can take your iPhone 11 from 0 to 50 percent in just 30 minutes. iSmart 2.0 can adjust according to your charging device and offers the necessary current. It’s possible to charge up to three devices at the same time with three outputs.

                    The portable charger can be charged within 4.7 hours with the ultra-fast charging, thus saving you 40 percent recharging time. RAV can fit comfortably in your pocket or your hand. An LED digital display shows you exactly how much charge is left inside. High-end lithium-ion batteries, along with protection technology, give you peace of mind wherever you take this power bank.

                    Pros

                    • 30W total tri-output and fast recharge
                    • Led digital display

                    Cons

                    • Weighs a bit more than most power banks

                    Get this power bank here!

                    10. LANLUK 25800mAh Power Bank

                      The LANLUK 25800 mAh portable power bank can charge your phone 5 to 7 times, and it is perfect for any type of work that you are heading out for. You can charge up to two devices simultaneously with the help of two outputs.

                      The high-quality lithium A+ polymer battery is used to give you peace of mind as the power bank protects itself from overheating and overcharging. The portable charger is compatible with nearly all the phones and tablets. 18-month customer service is available to give you even more peace of mind. It is an all-in-one power bank solution for your needs.

                      Pros

                      • High capacity battery
                      • Highly compatible

                      Cons

                      • Not permissible on planes

                      Get this power bank here!

                      Bottom Line

                      Choosing the best power bank is a bit hard task as there are many types of power banks available in the market. The one that you’d like to choose must depend on your needs. If you will go out for a long hike or a long trip with no power socket input, then the one with a bigger battery will be useful. However, if you need a solution to charge your phone while in the office, then something with a lightweight and durable design will be a better choice for you.

                      Choose one of the best power banks from above and never worry about your device dying again.

                      Featured photo credit: Steve Johnson via unsplash.com

                      Reference

                      Read Next