5 Website Design Principles That All Startups Need to Follow

When someone comes to your website, what is the first thing that they notice? They observe how much visually compelling your website is. 94% of first impressions are based on your website’s design. So, building a catchy website design is the need of the hour for every startup. 

Nevertheless, creating a user-centered website that makes an impact is not always easy. But there are certain not-so-obvious website design principles that you can follow to build an efficient website for your brand.

Wondering what those are? We’ll discuss them all in this article. So, let’s get started. 

1. Clarity goes a long way 

Clarity is the key to a perfectly designed website. If your website confuses the visitors, the chances of converting leads become much lower. Largely because users can forget their initial goals and or may not find what they were willing to search and end up leaving your site. The result? A high bounce rate! 

Some of the key elements of a clear website are as follows: 

  • Simplicity is important. Instead of including a lot of elements in a single website, try to include only what matters. 
  • Keep the consistency going. All your web pages should tell the same story, convey the same message. 
  • Open doors to interaction. Whether you use a chatbot or opt-in forms, make sure that there is room for visitors to interact and provide their feedback. 
  • Guide your visitors to different pages. Don’t expect them to figure out everything on their own. 

Let’s take the example of Apple here. 

apple mac website

You can see how simple Apple’s website design is. There is a simple yet minimalistic approach that you cannot avoid. The goal behind this type of website design is to help the users find whatever they’re searching for without compromising on the elegance factor. 

2. Stay credible to the visitors 

Credibility matters when it comes to website design. In fact, 75% of credibility comes from your website’s design. We’ve come across many such websites that are well-designed but they forget to add the credibility aspect. For example, focusing on Products/services, resources, etc. pages is okay. But you don’t include aspects like about us, our team, our vision in your website, you’ll lose on building trust. 

Being honest about your brand, telling your journey to the users can help you create trustworthiness. Also, showing your current clients’ testimonials, highlighting your expertise is also very essential. Highlighting your social footprint is also a mandatory requirement, standing in 2021. 

Of course, the content also matters here. However, from the design point of view also this marks as an important principle. 

Have a look at Mailchimp’s “About Us” page:  

mailchimp about us

Look how Mailchimp has designed its “about us” page. They have narrated their founders’ story with such empathy. Mailchimp has a webpage dedicated to discuss their journey. This is very important for any website to be credible. 

3. The F-shaped pattern works 

If you can look at some of the most popular websites, you’ll see how all of them are F-shaped. Studies show that most visitors coming to your website look for the F-shaped pattern. Visitors start from top left to top right and scroll down below. The right side of a website is generally ignored as users keep focusing on the left side. This is one of the such tried and tested tricks to increase your website’s reach and improve conversion. 

As a web designer, you should offer your visitors a natural flow. An F-shaped website design helps in creating a good visual representation for your visitors. The F-shaped website design is perfect for a proper visual hierarchy. It is easily scannable and comfortable to the eyes. 

If you have a text-heavy website like online magazines or news portals, an F-shaped design works best. Here’s how popular news website CNN does it: 

f shaped pattern CNN

When opting for an F-shaped website, make sure that you’re designing it for scanning, not reading. This type of website design aims to help the users consume as much content as possible in the minimum time.  

4. Focus on availability and accessibility 

Ensuring the availability and accessibility of your website is very important. If the visitors cannot avail/access what they were looking for on your website, they’re most likely to never return. To ensure that you’re taking the right steps in this direction, look into the following aspects: 

  • Focus on server uptime. Your website visitors should not spend a long time waiting for the web pages to load. Slow-loading websites tend to lose up to $2.6 billion every year. So, investing in good hosting always pays off. 
  • Are there any broken links on your website? Use apt SEO tools to find out these links and remove them as early as possible. This may not be directly associated with website designing, but it surely is important when it comes to your website’s overall appearance.
  • Finally, work on the mobile responsiveness of your website. 74% of users are fond of websites that are mobile-friendly. A responsive website will help you improve your outreach. 

Look into the website of Amazon

Amazon on mobile

You’ll see that it is perfectly optimized for desktop, mobile and tablet users. The downtime is almost zero for this site. You can look up to this Amazon’s website to take some web designing inspirations. 

5. Stay Contextual 

A good website is always contextual. Make sure that you place the right content in the right web pages with the right visual representations. Rest is a done deal. To create a contextual website, you might have to work on some aspects. 

For example: 

  • Have a clear idea about your target visitors and their needs. That’s the best way to know what they’re expecting from your website. 
  • You can find ways to talk to your website users and find out what they’re looking for from your website. That eases things out to an extent. 
  • You can also create different user scenarios and do a little A/B testing to find out what works best for the visitors. 

Considering the above points can help you build a user-friendly website. 

Final Words 

Creating a user-friendly website requires a lot of time and effort. Before diving into anything, make sure that you’ve done proper industry research and you know what is expected from your website. Also, constant testing is a must to create impactful websites. 

So, now that you know the major website designing principles, what are you waiting for? Get started already. 

12 QA testing tools to speed up the website development process

12 QA testing tools to speed up the website development process

The house that I currently live in wasn’t made by a big developer. I hired an architect and a contractor and decided to do it on my own.

My best friend, a civil engineer, helped a lot along the way but I was there on-site all the time to make sure things ran smoothly. When the workers would deviate from the architect’s plan I would correct them. I would also suggest improvements here and there. Nothing big, but those small things made it easy to finish the construction on time.

I was essentially the QA guy of my house-building team.

Testing a website that websites is a crucial step without which there is no easy way to ascertain the number of bugs or errors a website produces from the launch all the way to the present. A QA tester has to spend countless hours trying to figure out the small errors in codes or other factors that are negatively affecting the user experience or affecting the page rank of the website.

We all have to agree that such labour-intensive work is not beneficial to the company, this conundrum can be easily solved by the use of specific tools or plugins that automate the process of QA testing.

Since there are multiple phases of QA testing one tool might not suffice all categories of testing but on the other hand, using a multitude of tools that have a very specific use case might be the best path to follow. Selecting the right tools for your QA testing team couldn’t be more important in the current scenario and selecting the best QA testing tools is a matter of choice because there are so many unique tools that cater to all needs.

Nail that website quality check with these simple tools

★     Selenium

Selenium is a testing framework that helps in automating the testing of websites no matter which language has been used to code and develop the website. These languages consist of but not limited to, Java, PHP, C#, Python, Groovy.

selenium 1

There is a massive increase in demand for automation in the testing field and Selenium is one of the best and most used software that is combating that demand. Selenium has a multitude of forms ranging from browser extensions, client API, and RC all of which are simple and easy to use. It is by far the best open source QA testing framework which is utilized by many other products and services.

★     Nibbler/Silktide

Nibbler is a free to use tool designed by the company Silktide as a demo to showcase how they test websites and the categories they use to judge a website’s overall performance. There are multiple categories out of which the most prominent ones are, the technology of a website, ease of access to mobile users, and the user experience.

qa test

Nibbler works by taking the required URL that you want to test and runs it through multiple tests and then gives the website a score out of 10.

Nibbler can be used to test the amount of traffic your website has gained over a certain time period. While using Nibbler keep in mind that it is free software and for maximum optimization Silktide, the premium software would be better.

★     Pingdom

If the website that you wish to test is being accessed by users across the globe and from multiple regions of varying ranges of connectivity, then Pingdom is considered to be one of the best QA testing tool for the job. It’s useful in multiple scenarios and can justify its premium asking price. Mainly there are two distinct ways that this software interacts with your website.

The first method of testing includes a simulation wherein visitor interaction is generated and then the reliability of critical features of the website is put under scrutiny. This method includes visitor interactions that have been stimulated from multiple servers throughout the world and an in-depth page speed analysis is conducted.

pingdom

The second method is by using something known as Real User Monitoring (RUM), this allows the company to look into errors that the end-user generally comes across and how the web pages behave when accessed through a certain device or a certain geographic location. Pingdom has a broad spectrum of use but it may not be used to test the security of the website or the marketing capabilities of the website.

★     Sortsite

This is a one-click website testing tool that analyses an entire website and checks each page using more than 1200 standard checkpoints. Its other prominent features are its link checker which automatically shows the broken/missing links and CSS files.

sortsite

It also checks if the website follows all WCAG and Section 508 guidelines, which are a necessity for a website to be operational in certain countries. Security is at the forefront of Sortsite because it flags websites if they use cookies or other tracking software without user consent. Browser compatibility can also be checked, this includes not only desktop versions of popular browsers but also mobile versions.

Spelling and content checking is also done through this software although not to a satisfactory extent, the same goes for SEO of the website. Other QA tools perform better when used for SEO and content checking scenarios. All in all the free version is satisfactory but if you want a more definitive experience premium or OnDemand version is the way to go.

★     TestRail

A completely functional web-based testing software that gives the client access to real-time insights to help them track the progress of their website. It is majorly utilized for compatibility and regression testing. A limited-time free trial is also available for this service.

TestRail

A major plus point that this software comes with is easy and seamless integration with other bug checkers and QA tools making it a software that is easy to use and easy to learn by the QA testing team. This software is an extremely affordable and viable solution used by small and large businesses alike, to maintain their websites with an amazing rate of customer satisfaction.

★     SEOptimer

An incredibly simple to use tool for SEO testing of a website viable for multiple search engines like Google, Bing, and search. The testing procedure is also simple, a sitewide audit to help the client identify what more could be done to improve the page rank and also shows the red flags that are negatively impacting the growth of the website.

seoptimer

Integrations with CRMs like MailChimp and Salesforce is an amazing feature that makes lead management easier. Even beginners without much knowledge of SEO can use this software because there are a lot of customization options and the reports are available in any language chosen by the client. The only downside is that you are paying a fee for a very specific tool that will only help you in SEO testing and does not serve any other purpose.

★     Katalon Studio

A free automation testing solution developed by Katalon LLC. This software combines many free to use and open source automation frameworks like Selenium, Appium with an inherently specialized IDE interface for API, web, and mobile testing. This powerful software comes equipped with many features to combat well-known challenges that clients usually come across in WebUI test automation.

katalon

These features include support for built-in Image-based testing and Continuous Integration tools like Jenkins & TeamCity. Duel-editor interface and customizable execution workflow make this software a breeze to use.

There is also a built-in object repository, XPath, and object re-identification. In case you need help with certain areas that concern you, for a small fee you can get many more features and a dedicated helpdesk portal to solve all your problems.

5 QA tools for WordPress websites

All of the above software mainly focus on professionally developed websites that are based on certain programming languages. Next, we will divert our attention to QA testing tools/plugins that are generally used for WordPress or Shopify websites. These Plugins can help you work more efficiently and make sure that your website is optimized. WordPress and other similar website development software also need a huge deal of QA testing so that the user does not feel dissatisfied with the website.

1.     SitePush

A WordPress plugin that allows the client to maintain multiple versions of the same site but with different stages of accessibility. There are mainly two stages, one is a live stage where all the traffic is directed to. The second stage is a private site wherein countless changes and edits can be made by the developers and the designers so that they can test the effects that the changes cause.

sitepush

The major workload of taking a backup is mitigated to a certain degree because any changes made to the private staging site can be instantly applied to the live stage. Revisions of a certain aspect are very easy to make because you do not have to take down the live website to make changes.

2.     Yoast SEO

As we all know SEO is the main cause of concern for many developers and testers because without it a website has no way of being ranked by search engines. WordPress websites are becoming readily available alternatives to traditionally coded websites and this plugin makes a website stand out from its competitors.

yoast

Several factors are shown by the plugin in real-time to show the areas where your website might be lacking. Content of the website is constantly scanned for external and internal links, spelling errors, readability, and other factors that decide your rank for certain keywords. The free version of this plugin is supported through ads. If you want to get rid of ads and want 24/7 support there is a yearly payment method to get you going.

3.     LambdaTest

If you want to check the cross-browser compatibility of your website in the most ideal way possible without using too many tools then LambdaTest might be the way to go. It’s an all-in-one tool to test the compatibility of browsers like Chrome, Safari, Firefox, and many others.

lambdatest

It supports the testing of your website on mobile platforms too without having to go through the hassle of using another trial. Keeping track of all your browser compatibility issues is simplified because you can save browser screenshots whenever your website crashes. Lambda can be integrated with a multitude of ways like JIRA, ASANA, GITHUB, SLACK, Chrome Extensions, etc.

4.     Convert

This is a Shopify plugin that is generally used for A/B testing and is extremely cost-effective because for the features it offers the asking price is extremely low. The fact that you can run any no. of tests throughout the campaign on your platform to decide which method is the best to grow your business/e-commerce platform.

The client can also target specific audience categories using geo-targeting features to run more localized campaigns. The freedom to run multiple variants of a campaign without incurring a huge amount of capital is crucial in unlocking the max potential of your website.

Not only is the plugin easy to install and set up, it easily integrates with Shopify and other e-commerce such as Hotjar, HubSpot, and Google Analytics.

5.     Dynamic Yield

Dynamic Yield is a Shopify plugin used by enterprises and large businesses to test campaigns before they are launched and is flexible enough to be used by industry leaders like Hallmark, Hello Fresh and, Urban Outfitters. Dynamic Yield goes beyond the norm and also affects the user journey outside of Shopify because it allows a company to plan campaigns on other channels such as TV apps, Loyalty programs, email marketing campaigns, etc.

dynamicyield

If these were not enough to convince a company, it also offers all these services at a fraction of the price of competing apps which are much more expensive. It is also technically superior to its competitors because it uses the Bayesian method over the traditionally used Frequentist method, which makes it more reliable and faster.

Kickstart Your QA Testing Plan!

All the tools listed in this blog are a great choice to kickstart your website. QA testing might seem daunting at first to a lot of people. However, these tools will surely act as a helping hand and make your job as a tester much easier as compared to before. The main purpose of these tools is to save you time. Apart from this, these tools and plugins also increase the pace of your feedback cycle, reduce business expenses in the long run, give you a higher test coverage and improved accuracy. So make the best use of these tools and create the perfect website for your brand.

5 Crucial Tactics to Get Rid of Your Design Perfectionism

start small but strong

How many times do web design clients say “Something’s missing in the design, it looks incomplete”? Project managers and account managers in the trenches will tell you that it happens more times than they care to remember.

And while there are many reasons why designers send designs to clients which feel unfinished, Design perfectionism seems to be the number one culprit. Tinkering with specific elements in the design to make them appear perfect, designers lose focus and neglect looking at the whole design.

05 1

Spending a lot of time on perfecting a few pixels messes with the delivery timeline and they have to rush to make the deadline. The result is an anxious, tired designer and a half-done design.

Does Perfect Design Even Exist?

The long and short of it is no, perfect design is a myth. There are always things that you can improve in your design. And that’s because good design doesn’t follow a rigid path or have a set number of steps. It’s more important to put things out there and then make gradual changes as you learn more about the design’s audience, client’s goals, and constraints that define creativity.

01

Perfectionism in design is problematic. In chasing pixel-perfect visuals, you’re troubled all the while and mentally spent by the end of it. As a result, you create substandard work which doesn’t live up to your expectations. Account managers have a hard time selling the work to the client as well.

What’s Wrong With Trying To Become A Perfectionist?

Don’t sink into design perfectionism as the clock runs out and you miss out on what could’ve been your golden productive hours for the project. At our digital agency, here’s how it used to contribute to project delays:

  • Perfectionism would take a toll on our designers’ mental health as they would become highly critical of their own work even if it was good enough
  • Imposter syndrome would set in and they wouldn’t feel competent enough to keep working on the project
  • They would end up feeling demotivated and start procrastinating instead of actually working on the problem at hand
  • They would miss the deadlines and the project managers or account managers would have to bear the brunt of the client

So then what’s the way out?

To be honest, there’s no single solution. A number of things have worked for various people and agencies. Finding the root cause(s) is the first step. After that, you need to set up systems, conduct activities, and train the staff to deal with perfectionism when it creeps its ugly head. It’s a slow and deliberate process but it has worked for our agency and I see no reason why it wouldn’t work for you or your agency.

I’ve shared 5 things here that we did at our own digital agency to make sure that we got rid of perfectionistic attitudes among our creative team.

5 Effective Ways To Control Your Urge To Perfecting Every Design

Overcoming the troublesome perfectionistic mindset you’ve knowingly or unknowingly adopted requires you to be vigilant when its symptoms arise. But once you start recognizing the early signs of it, you can habituate yourself to control the intrusive urges.

  1. Start Small But Start Strong

Starting small does not mean starting weak, it means quite the opposite. Starting small with a strong mindset is the first step you take to prepare your subconscious to let go of the dominating effect of design perfectionism. It will let you appreciate a design that may not be perfect according to you but good enough for the people to believe there can’t be a better version to this.

start small but strong

Design in sprints and consider the whole picture instead of focusing on smaller elements. Once you start shedding the fear of perfecting every element of design bit by bit, you will start noticing how the design you thought would not leave a good impression, does!

 

  1. Assign Yourself A Stringent Deadline

Believe it or not, deadlines help you get work done fast. It surprisingly keeps you in an alert mode to produce quality work within a time constraint that you otherwise would have found an impossible task to accomplish. Challenge yourself with realistic but stringent deadlines to unleash your true potential.

You don’t need to beat yourself up and produce a half-hearted or unpolished web design, but try to perform to the best of your capabilities to look at it and say ‘not bad, I did it!’.

project deadline

Also, you can try this technique by establishing milestones to finish a long client project. Review your work after you hit every milestone. Go back and make all the necessary modifications wherever required. But never get stuck and stop progressing with your design process.

 

  1. Apply The 80/20 Rule For Web Design

The 80/20 rule works like wonders in curing design perfectionism. According to this technique, you put 20% of your thoughts to produce a polished output with only 80% precision. It turns out far better than the designers who function with the mindset of putting 100% and still remain highly dissatisfied even after giving all in.

Look for various touch points that you want to focus on to make your web design stand out. When you begin to tally all the checkpoints and start crossing them out from your list, you can be certain by that time that you did a phenomenal job that meets all the benchmarks of what a good design outline should consist of.

 

  1. For Once, Pay Attention To Quantity & Not Quality

It might sound absurd, but not as much as dreaming of delivering a perfect design. If you want to overcome the obsession with design perfectionism, you need to start focusing on delivering while not caring too much about quality.

(This advice works only for those who already care A LOT about the quality. So if you’re not a perfectionist, please do care about the quality more than quantity.)

 

This doesn’t mean you won’t put in your best foot forward and use it as an excuse to justify poor quality work. Rather it will make you feel comfortable to kick out the thought of making a design perfect even if it’s near to perfect. This will lead you to calm your chaotic mind down and design stress-free.

 

  1. Give It Your Best Shot And Call It A Day

 

Lastly, you need to understand as an agency or as a designer that getting some work done is always better than not being able to produce anything at all.

give your best in project

 

Top 10 Tips To Find Bugs on Your Website

Top 10 Tips To Find Bugs In Your Webs

In this Article we are going to compile the Tips to Find bugs on your website. While each person has their own testing methodology, I’ve tried to pass on some tips and tactics that I’ve learned over the years to ensure strong test coverage and maximal sum valid fault detection.

So what is a Bug ? – Well any unusual or unexpected responses associated with the hardware or software are readily referred to as a Bug. A Software Bug might be an error or flaw in the system that causes it to produce wrong results and behave improperly.

The bug life cycle, also popular as the Defect life cycle, is the journey of the defect cycle, everything that it undergoes in its lifetime.

Why Do Bugs Happen On Your Website

Why Do Bugs Happen On Your Website?

Bugs on websites are usually results of mistakes or errors in a program’s design or its source code, or other components and operating systems utilized by such programs. Lack of web designing skills is seen to deliver bugs in websites, most of the time.

Also, unrealistic project deadlines hamper the software testing and quality control steps that the website is required to be put through, before airing them on the internet. Repeated ambiguity in requirements to cause bugs in the system. The process of spotting and fixing bugs is termed ”debugging”.

Top 10 Tips To Find Bugs In Your Website 2

Top 10 Tips To Find Bugs In Your Website

Be it for self requirements or client offers, it is always desirable that the website is bug-free. A Bug in the website ruins your experience as a user, as well as your reputation as a developer.

To deploy a bug-free website, you need to be very systematic while developing it and run thorough checks to find them. We shall now talk about some top 10 tips, that’ll help you find bugs in your website.

While there is a list of tests you need to run, there are also some precautions that can help in preventing the entry of bugs, in the first place. Let’s try to understand those in a little detail.

  1. Good knowledge of programming and Web designing skills before developing websites.
  2. Content proofreading and protecting websites using SSL.
  3. Mobile-Friendly: Test These days websites are being mostly accessed through mobile devices and to extend the number of target audiences the websites must be fully responsive and compatible with mobile devices and browsers. Mobile device emulator extensions in browsers, test the application compatibility in mobile phones. Emulators often miss out on certain bugs, which can be tested via handheld devices of different operating systems, to provide real-time testing. tips to find bugs
  4. Cross Browser Testing: With the introduction of new browsers almost everyday, compatibility test across all browsers is an impossible thing to run. Instead, major browsers should be targeted for testing. A Cross Browser compatibility tool can be used for testing, in the early stages of development, while unit testing should be taken to, as soon as the design is ready. User tools like Browsertack
  5. Accessibility Testing: The website should comply with section 508 ADA and other guidelines. Scalability testing should be run to ensure that the website is readable when texts or images are zoomed in. Screen reader test and shows the people with low vision can navigate to the page using a screen reader.
  6. General HTML and CSS checking: The HTML or XHTML is necessary to be error-free, and a W3C Markup Validation tool can be used to ensure this. There are certainly other tools like HTML Tidy, Google Webmaster tools, etc. that search for webs efficiently. CSS validation service is used to find out any error or compliance violation in your CSS.
  7. Performance Testing of the Application: A web application should always be so built, that it can withstand a considerable amount of load, and does not crash upon exposure to heavy internet traffic. To ensure this, stress testing and simultaneous user login sessions should be executed. Endurance testing too should be carried out to note the handling efficiency of the website beyond the limit.
  8. Security Testing for Website Login: To ensure security, the account should be lockout after multiple entries of incorrect IDs and passwords. Techniques to facilitate automatic login should be prevented. Encryption of cookies and cache should be noticed and checked.
  9. Beta Testing: This is the final phase of testing in the broad category this is highly important. Since real users often think differently, they may spot errors that might have been missed by the testing team. Hence, unit testing, following a set of rules should be performed. Also, this step is especially important because users tend to navigate the site and discover weak points from their perspective.
  10. Documentation Testing: This should be performed after all other tests, to check if the website meets all required specifications and guidelines, proposed by the client.

No doubt, bugs are a real headache, for both sides of a website – developer and user. It’s a difficult job to keep a track of all the bugs that find their way to the website and then ‘debugging’ it. The process demands a lot of time and patience, which is often hard to spare, thereby providing a home to those bugs for longer periods.

A proper web support team effectively debugs websites and monitors the websites throughout, to resolve them as soon as they occur. Not every web designer has the means to hold a team like this and thankfully, you can outsource this job through organizations that look after websites.

This is a cost-cutter for ones that can’t afford a team for themselves. The series of checks, as mentioned earlier will help you attain a bug-free, healthy website, absolutely to your contentment.

6 Types Of Web Bugs Found During QA Testing

banner image

There are many ways with which developers can boost their work, and work towards gaining optimization. Amongst this assortment of ways, one is finding bugs and eliminate them, well that is quite evident isn’t it? And the time it takes up is troublesome.

Traditionally it is discussed during monotonous real-time meetings which consume so much time that could be used productively. Am I right or am I right? The continuous affair of processing, managing, organizing, documenting, and finding bugs can be tedious.

It would be highly effective if we had a way of finding bugs, which is speedy. While developing a website, bugs can ruin the whole project. Additionally, it also determines your reputation as a website developer. Well, now you know why your website should be bug-free but how? Let’s see!

What Are The 6 Types of Web Bugs Found During QA Testing?

Types of web bugs found during QA testing;

  1. The Adaptability of Browser: A website may often have problems with browser adaptability. A QA team tests these websites overseveralf browsers. For the testing of the website, an appropriate browser is chosen which mainly depends on user preferences. According to such tests, developers say that the most troublesome browsers to work with are the old versions of Safari and Internet Explorer.
  2. Authentication: Unacceptable, invalid characters if entered can cause authentication and validation problems. It can also occur if maximum length surpasses, as a result, bugs crop up. They are not very serious but can be avoided and can ruin your software.
  3. Managing of Date: Date control can often invite bugs. There are times when a website needs age restrictions, and for that reason, people need to put up their date of birth. This is where the problem occurs since developers test with the cut-off date generally. Developers need to go just above and behind the cut-off date to avoid such issues.
  4. Website Crash: Often a website crashes with a click of a random button. This is extremely problematic. These are common but are as much difficult to remove by developers. In this case, developers need to run software testing.
  5. Resolution: Developers have to keep in mind which is the most used to browse and test the website or web app in that way. There are times when a website or web app has problems with page layouts and resolution while usage.
  6. User Friendliness: Developers need to design a website that is communicative and user-friendly. If not so it makes way for a lot of problems. Contents of your the the page should be easily accessible. Information too should be crisp and clear. Providing a help and contents section would be amazing.

Web Bugs Found img 2

Which Kind Of Bugs Are Most Harmful?

Bugs can be detrimental to website development or any kind of web work. They can take a toll on web security and hence should be avoided at any cost.

Recently studies have found out 3 most dangerous bugs that are harming web development worldwide. Let’s have a look at these bad guys.

  • Heartbleed: It affected 17% of servers worldwide in 2014 and still affects a large population. It is claimed as a catastrophic bug. It is an OpenSSL bug.
  • Shellshock: Although a patch created this bug is quite harmful and continues to affect millions of vulnerable websites and software. It is even bigger a bug than Heartbleed.
  • Shellshock: Although a patch created this bug is quite harmful and continues to affect millions of vulnerable websites and software. It is even bigger a bug than Heartbleed.

Web Bugs Found img 3

How Do You Eliminate Website Bugs?

Here is how you eliminate website blogs;

  • Checking Contents: One should start by checking the contents which include correction of grammatical errors and elimination of inconsistent data. Thus content should be error-free and consistent.
  • Testing: testing your website on the most used browsers is a wise thing to do. The site must function equally with different types of browsers. Gather up as many browsers as you can and run a test on them. One can run tests on Chrome, Safari, Firefox, and Internet Explorer.
  • Device Testing: Your website should work freely and efficiently on all of the high-demand devices out there such as popular Android devices, iPhone, and others. The experience should be consistent irrespective of the device used.
  • Validating and Authenticating: Validate all the links that should take you to the page it means to. Validate colors, fonts, and styles of texts. It should be consistent. Further check, validate, and authenticate the security of the website. Sensitive details should be highly protected such as an online payment site.
  • Efficiency: Forms in your website should work properly. Users should be able to fill out the forms easily. The stored data should be accurate and should be according to the specifications. Additionally, confirmation emails should reach on time to every user after they fill out the forms. Efficiency should be worked upon with utmost care.

Bugs can pretty easily spoil every hard work and hence it is crucial to eliminate them as fast as possible. Now that you know how to find bugs and how to get in their way, you are all set to try your hands on web development tasks and it will be pretty amazing after you know how to demolish bugs and their creepy ways. Go ahead!

Quality Is Your Responsibility! Here’s Why Your Website Needs A Quality Assurance Plan

Quality Is Your Responsibility 01

Creating a website exactly like the vision you had for it is not an easy task. It must also hold up to the expectation of your customers. Anything to the contrary and you might end up losing the trust of your customers, and thus losing precious leads and revenue. Here’s where a Quality Assurance plan can help you maintain the standards of your website.

As the name itself suggests, Quality Assurance is a way of making sure that you are able to maintain the quality of the product or service that you are offering to your customers. It focuses on improving the quality of your product by making it more efficient and effective as per the defined quality standards. Quality Assurance is popularly known as QA Testing.

Having a QA Test plan for your website is an imperative step for your business and your establishment. A major part of website testing is done to provide for its quality, creating a better experience for your customers. QA testing can often be the difference between a successful and a failed website.

Think Zero Defects!

Think Zero Defects

Having a Quality Assurance Plan can help you work towards building a website with zero defects! But What is a Quality Assurance Plan? A Quality Assurance Plan is a document created by the project team and if followed will ensure the finished product meets all the criteria making it a product of the best possible quality standards. The product should not only meet your customer’s expectations and requirements but also meet your objectives and targets.

An ideal QA Plan comprises the following components:

  • A website testing strategy
  • The objectives of the testing
  • The resources available(manpower, software and hardware tools)
  • Schedule for the tests
  • The estimation for the list
  • The things that need to be delivered before, after and during the whole website testing process.

Once a test plan is set, the QA team who are directly involved in the website testing process creates a QA plan.

How Can I Break It?

This might seem like an absurd question. Why would anyone try to break their service? Any developer asks the question “How can I make It?”, but a QA Plan will find out “How can I Break It?”. A QA Plan will aim to bring out the defects in your website and give you an opportunity to correct them and make sure that you maintain the quality standards.

Here’s why you must create a QA Plan:

  • It helps determine the amount and type of work required to validate the quality of the tested application
  • People who are not a part of the QA team(management team, the developers and even the customers) understand the website testing process and approach for the website with the help of a test plan.
  • The test plan sets all the rules and procedures that need to be followed by the team during the testing process. Just like a guide book or a rule book.
  • Some important aspects like test strategy, test scope and the estimates are contained in the document. They can be reviewed and reused by the management team for future projects. Thus, the test plan helps build stable processes and accumulate know-how.

These website testing plans are made by the QA testers team. There are a lot of different processes for testing a website.

What You Need To Do As a QA Tester?

What You Need To Do As a QA Tester 01

As a QA tester, what will you do on a website? They must completely test and challenge everything that has been developed.Here are the most common responsibilities that a QA tester is required to take up:

1. Running Tests

The main role of a QA tester is to run various tests on software products to ensure the program satisfies all specifications and requirements. They run debugging programs to fix any issues or bugs in a program. Once these problems are solved, they run additional tests before the products are issued for sale to customers.

2. Record Defects And Issue Reports

QA testers record all defect details, create reports stating the type of defects found and the measures taken to resolve these issues. A website tester must have a system for recording and documenting all testing results performed. Maintaining these reports help QA testers to recognise similar problems in the future and provide a quick resolution.

3. Performing Root Cause Analysis

QA testers are responsible for ensuring that the end-users are happy. Therefore, they must determine the problem at its source. The when, where and why of each production defect should be looked into by the testers. Finding a primary cause or a series of interrelated problems may be involved.

4. Assist software Developers

Testers also apply their knowledge early in the software development process. They work closely and together with the developers to recognise the chances of any operational issues, assess risks and resolve those and other issues before the software is complete.

5. Training

Testers will offer to teach their juniors or other team members about all the processes and technologies involved in the websites and applications. They can also explain proper areas in which these assurances should be applied.

The Road to Breaking it Down

The Road to Breaking it Down

As mentioned before the aim of QA Testers is to “Break It”. So the next question is, “How to Break it?”. Now that we’ve learnt all the basic concepts of QA Testing, here’s what you need to do to create a test plan.

1. Product Analysis

A basic starting point is to get to know what the product is and get acquainted with the project documentation. Why the product was created, who’s meant to use it, how will it look, on what environment it would run? When testing the compatibility on different platforms- devices, web browsers, OS’s etc, the latter is important.

2. Developing the strategy

The test manager develops a really important document- the test strategy. It defines the whole process for testing a website.

List of the many things that need to be done here:

  • Which of the tested components of the website will be ‘in scope’ and which ones ‘out of scope’ needs to be decided. Everything that will be tested will be in the ‘in scope’ while the left out will be ‘out of scope’. A precise testing scope has two benefits:
    1. A precise knowledge of what tests will be performed
    2. All the members of the team will know exactly what to test and what not to test.

    For determining the scope of a testing project, the customer requirements are to be considered, the project budget, the project specification and most importantly the skills and talent of the test team.

  • As we know, there are a lot of tests out there and it is impossible to apply them all especially when we have a constraint on the money and time. The appropriate type of tests is to be selected based on the type of project. Select ones that are relevant to the project.
  • For seeing all potential risks like tight schedule, incorrect estimates, members lacking required skills and then suggesting a proper action to handle those problems
  • Plan the flow of the whole process and who will perform the tests and the time by which they will be done
  • Testing should begin only when the specifications are ready, all the resources are available and the testing environment has been set
3. Load testing of your website

To make the interface more user friendly, it is crucial to test the load-bearing capacity of your website. This will help gather data from testing with different inputs and will also give an insight into the faults of the website.

Load testing tools suitable for varied needs and perspective are available. To drive high-value customers, planning load testing is essential.

Certain parametric to consider while load testing:

  1. Throughput: It is the amount of bandwidth used by a website while performing the load-bearing test. It says the volume of data sent and received from different servers.
  2. Error Rate: The frequency of errors occurring in the website while processing requests and the phase during which they occur.
  3. Response time: It is the time a website takes to respond during peak or average times.
4. Define the test objectives

The goal usually is to find as many software defects as possible and fix them so that the tested website is free from all the bugs before it’s release. However, creating a 100% bug-free product is next to impossible. So you need to find and fix all the bugs considered critical to the proper functioning of the product and then launch post-release updates and bug fixes.

Two steps that need to be done:

  • A collective list of all the features of the website that will require to be tested
  • Define the overall goal of the tests based on the list
5. Define the test criteria

Test criteria are the guidelines on which the testing procedure of the product can be based. There are 2 criteria types:

  1. Suspension criteria- When this criterion is met, the testing is suspended until the development team can resolve any issues that would cause the criteria to be met. Website testing can continue after this. Suspension criteria mean suspending the complete or part of the testing activities.
  2. Exit criteria- This criterion is used to determine whether a given test activity has been completed or not. Exit criterion should be a part of the test plan and should be decided while planning.
    Some examples of exit criteria:
    • Verify if all tests that were planned have been run that is all the test cases have been executed
    • Verify if all the high priority areas have been completely tested and all the critical bugs and issues have been resolved
    • Verify if the coverage of the requirements and functionalities for the website has been given
    • Verify if the software development activities are completed within the timelines
    • Verify if all the software development activities are completed within the projected cost
    • Reaching the targeted percentage of passed test cases
6. Planning the resources

The plan is a summary of all the different types of resources(human resources, equipment, materials etc) required for the testing process.

  • Human Resources: Make a list of all the team members who are going to participate in the testing process and also the roles they will play in the process.
  • Other system resources: List of all the non-human resources needed for testing the project.
7. Planning test environments

A test environment consists of all the different components needed to perform the needed task for your website.

Different types of environments:

  1. Test environment – A testing environment is a setup of software and hardware for testing teams to execute test cases without worrying about breaking any functionality which could impact the user experience. Once the work is done, they can be handed off to the testing team for further tests.
  2. Staging environment – This is the part where all the bug fixes and latest features will be tested before being deployed to the production. It is strongly recommended that a staging test are performed before deployment so that the testing team can find any issues that could occur in production.
  3. Production environment – This is the part which the end-users see.
8. Testing schedules and time estimations
  • Test estimations: This is the time needed to complete the whole process of testing. It’s best to divide the whole process into small tasks and provide an estimate. Then they can be added to see how much time is required to finish everything.
  • Project schedule: A proper schedule helps you get a clear image of how the work on the website is progressing. Few important things needed to prepare a good schedule for the website testing:
    1. The deadline for the project completion should come first as it will define the time-frame in which the schedule must fit.
    2. Arranging working days and employee availability also helps in the proper arrangement of the testing activities within the schedule.
    3. Estimating the time required to complete all the tasks related to the website in advance.
    4. Knowing potential risks allows for the allocation of extra time to deal with those.
9. Testing Deliverables

These include all the documents, tools and reports that are produced and maintained in support of the tests. Depending on the phases of the project, there are different deliverables:

  1. Deliverables provided before the testing begins like the test plan, test specifications and test case.
  2. Deliverables provided during the testing process like test scripts, test data, error logs etc.
  3. Deliverables provided after the conclusion of the test like test results, defect reports, release notes.

A Website QA Checklist You Need to Tick Off Before Your Website Goes Live

Often in a hurry, we overlook small errors before making the website live and then later receive negative feedback from users. This website testing checklist below will help avoid any mistakes while launching a site.

  1. The first thing you need to check is the functionality of your website. Create a layout in your mind that breaks down how your website should look and how it should work. If you don’t know where to start, here’s the basics that you need to check: Dropdowns, buttons, checkboxes, input fields and forms.
  2. Now move on to checking your site’s process flow. Check whether the experience the user will have is what you had in mind for them.
  3. You also need to make sure that all the links in your website are functional and take the user exactly where you want them.
  4. Take time and secure your website from spam links. No one will want to visit the site if they are irritated repeatedly by spam links.
  5. Check browser compatibility. Users can access your site from any browser, device or operating system. Test your website with every browser other than the targeted few.
  6. You must also check the cookies on your website for proper functionality and their impact on your site’s security. Make sure that they are not active after their expiry period, they are encrypted before being saved on a user’s device.
  7. Check the site loading speed. Maintaining a site loading speed is one of the top priorities of the website testing checklist nowadays. It has become a Google ranking factor.
  8. Double-check the site’s security with SSL certificate. Having an SSL certificate is the top priority as protecting the site from hackers is your responsibility.
  9. Have a backup solution for a disaster. A lot of hard work and effort goes into creating a website. So, you should have a backup solution installed in case of any sort of disaster.
  10. HTML and CSS validation. Minor HTML/CSS error doesn’t harm a site’s result but it is recommended to verify that the code is proper and clean.
  11. Lastly, find out the small errors in the website(like any type of typo errors). This is an important part of a website testing checklist. Take some time out to proofread the content as many times as possible to ensure error-free content.

Now go and Create Your Own QA Test Plan!

Now go and Create Your Own QA Test Plan 01

As you must have realised by now, the purpose of a QA Website Test Plan is to improve, analyse, measure and controls the entirety of your website and make sure that the output created is the best one possible. The test plan we’ve provided covers important processes for testing a website and contains all the information you will needed for testing a website. Now you can create your own QA Test Plan and create a website that holds up to the vision you have!

How to get an unresponsive client to respond with ready-to-use follow-up email template

main image 1

Has any client ever become unresponsive out of the blue to you? Every freelancer has to go through that at some point in their career, and trust me; it can be a nightmare! Especially after they pay a deposit to get a project started and then disappear!

You are riddled with thoughts like-

  • Is it something I did that led to this?
  • I wish I knew what was up!
  • Does the client no longer want to work with me?
  • What about the deposit they made?

Left in a confused state of mind, you weigh your options, wondering what would be the best approach in your situation. There are quite a few things that you can do to get your client to respond, cope with the unresponsiveness mentally, and take precautions in case similar situations appear before you in the future.

This blog is your guide to dealing with unresponsive clients.

P.S. Read till the end of the blog to get your hands on ready to use follow up email to clients that are unresponsive or indecisive

So, they became unresponsive after paying a deposit!

There can be many reasons for your client to become unresponsive after deposit, some coincidental and others that require your attention. Here are some of the reasons why your client might become unresponsive after they commissioned or paid for in advance.

1. Email Clutter

Artboard 2 100

Email clutter is a real thing. When you manage multiple projects or oversee operations, you’re usually a part of every email thread. And it is difficult to catch up with the vast amounts of emails that land in your inbox.

According to Hubspot, it takes around a minute to recover from reading a single email; now imagine hundreds of emails that need to be read and responded to. Your client simply might not have the resources or time to spare.

2. Busy Clients

More often than not, the contact person between you and the client company is at a managerial position and has a tight schedule. In short, they are busy people. I can understand how they can miss an email or two, text, or a follow-up. As a designer, there is not much you can do to clear up their schedule to respond to you.

If the project you are collaborating on is of high priority, they will get back to you, but if they don’t, there is no need to worry as they are probably caught up in a crisis or another project.

3. They are suffering decision paralysis.

Artboard 4 100 1

Your client could also probably be stuck in making a project related decision. Decision paralysis happens to the best of us. You can reach out to them in such situations and ask them what you can do to help them decide, be it by providing some information or educating them. Your client will appreciate your help.

This way, you and your client are on the same page, and you are a part of what is happening rather than being worried about the delay.

4. No news or new update

Artboard 5 100

In these situations, your client is probably waiting for an update from their superiors and has nothing new to report to move the project ahead. This is out of your control; all you can do is remind them of the set deadlines and the importance of meeting them.

Do this for your sanity!

An unresponsive client not only causes project delays and stress but can also be mentally draining if you chase them. Here are a few things you can do to cope mentally with unresponsive clients:

a. Do not jump to conclusions.

I know it can be very frustrating to see your client become unresponsive, especially when you have some time-sensitive deadlines to meet. We tend to imagine the worst that could come out of the situation. Here is the best thing you can do for the sake of your sanity and mental health- Do not overthink and jump to any conclusions. Anything can be causing the delay, and it might not be something to do with you.

b. Keep Calm

We often panic in challenging situations and make snap decisions like- calling the client multiple times or sending emails every few hours. Your client might not appreciate it.

Trust me; you want to avoid that and try to keep yourself calm. You can do that by working on a different project, doing something you like, or even working on a passion project. This will keep you occupied and calm.

c. Try to find the root of the problem.

You can try to find what is causing the unresponsiveness, is it the email clutter, is the client on holiday, waiting for an update from supervisors, etc. This way, you know where the hold-up is, and you can find a fast-track solution to it.

E.g., If your client is not replying to your emails, you can ring them up at an appropriate time to remind them of the deadlines.

d. Remember, it is not always you.

Most of us think that something we did lead to the client becoming unresponsive. But, understand this, your clients have other things to look after, and your project might not be a priority at the point. You can be patient and wait for the client to get back to you in this situation.

5. Move on

Artboard 3 100

When you cannot help in a situation, you should move on to things like working with other clients, looking for prospects, upgrading your skills, etc. This way, you do not waste time waiting around for a client and focus your mind on something productive.

This will get them talking!

a. Send a calendar invite.

This works more often than not. Send something as simple as ‘I am sending an invite for Thursday, February 25 at 4 pm, but let me know if another time works better.’ This works only when the matter at hand needs a discussion; if the task can be completed just by sending in an email, a calendar invite is not helpful.

b. Try reaching them through various platforms.

If you think your client has a clutter of emails leading to your email getting lost, you can try reaching them over any other preferred platform that you have previously communicated on. E.g., Whatsapp, Slack, direct messaging, calls, etc. There is a 90% chance of this working and them getting back to you in a day or two.

c. Be direct and upfront.

If the client has been unresponsive for quite some time and has missed a lot of deadlines leading you to fall behind schedule, you can be direct with them and ask them if they would like to:

  • Pause the project
  • Clear any doubts that they have
  • Take a different approach
  • Would appreciate any help in taking the project forward
  • Terminate the project

By being direct and upfront, you can either find a solution to the problem or stop working with the client altogether. Either way, you move somewhere with the project.

Precaution is better than cure.

1. When setting deadlines, emphasise important ones.

Be upfront and firm about essential deadlines that dictate the execution of the project. Let your client know the consequences that the project faces because of missing the deadline. This way, your client can get as serious as you are about it.

2. Get a proper communication structure in place.

Structure every communication that goes from your end so that your client gets exactly what you mean and understands its urgency. Send each email, text or get on a call with some intention and ensure that you get a step in the right direction from this.

3. Schedule a follow-up before ending the current meeting

It is always a good practice to schedule up the next meeting before ending the current. This way, you do not have to chase your clients for their time, and you ensure that you are on schedule.

4. Get acquainted with your client’s schedule.

Knowing about your client’s working hours can help you communicate better. E.g., If your client had mentioned that their lunchtime is 1 PM, do not text, call, or schedule a meeting during that time.

Knowing your client’s schedule simply helps you to plan better.

5. Analyse your communication

If you are someone who finds themselves ghosted by your clients a lot, evaluate your communication. Ask yourself if there is something that is making them unresponsive to you. If yes, fix it.

6. Set up an email workflow in place

Set up a generic email workflow that you can later customise in case any clients become unresponsive. These emails are supposed to help you find out why your client is unresponsive. Again, set a clear communication tone to these emails and make them sound as urgent or as laid back as necessary.

Ready to use follow up email template

As promised, here is a ready-to-use workflow of follow up email for an unresponsive client that you can directly use or take as a reference to create your own.

a. Email follow-up after three days of the client becoming unresponsive.
Subject: Following up about < specification here >

Hello < First Name>,

I hope you are well.

I sent you an email about < Specification here > a few days ago, I did not hear back from you. I hope you had the time to review it. I would like to know your thoughts about the same.

Please get back to me at your earliest convenience.

Regards,

< Your Name>
b. Email follow-up after a week of the client becoming unresponsive.
Subject: Important: Update needed to move the project ahead

Hello < First Name>,

I believe you might have missed a couple of emails about our project < specification here if necessary>. We are behind on our deadlines. I request you to kindly go through to move ahead with the project.

Let me know if you need any help with the same.

Regards,

< Name here>
c. Email follow-up 10-days after the client becoming unresponsive.
Subject: Scheduled meeting on the < date here >, < time here>

Hello < First Name>,

Since I haven’t heard back from you for the past two weeks, I have taken the liberty to schedule a call on the < date here >, < time here>, but let me know if another time works better for you.

Please find attached the link for the same.

Regards,

< Your Name>
d. Email follow-up after the day of the meeting.
Subject: Should we temporarily pause the project?

Hello < First Name>,

You did not make it to the meeting that was scheduled for yesterday.

We are behind on our project by days now and have missed a few critical deadlines. I would like to know the reason behind the lack of communication. And I want to offer you any help that I can provide to move ahead with the project.

If you would like to pause the project temporarily, please let me know, we can revisit it at a more convenient time.

Regards,

< Your Name>
e. Email follow-up 25- 30 days after the client becomes unresponsive.
Subject: Let’s stop the project

Hello < First Name>,

I have been trying to get in touch with you over calls, emails, messages, and a scheduled meeting for the past month.

Since you have been unavailable, we will not be moving ahead with the project.

We can resume the project provided you have a valid reason for your unresponsiveness and unavailability. You know where to reach me.

Regards,

< Your Name>

To sum it up

If your client is unresponsive after many texts, emails, calls, there is nothing that you can do to get them to respond. It is best to move on and be better prepared for any similar situations in the future.

Be wise about the people you work with; if your client is consistently unavailable, you can always choose to never work with them again. Work with people who are professional and passionate. By collaborating with them, you can create something amazing together.

How do you deal with unresponsive clients? Any tips appreciated. Comment them down below.

6 Website Design Feedback Questions You Must Start Asking Your Clients

main banner

The feedback stage is very important for digital agencies and freelancers. It’s another opportunity for you to prove your expertise and maintain the client’s trust in your abilities.

But most agencies and designers don’t properly structure this crucial part of their workflow.

Where do you start? What kind of feedback should you ask for?

Our digital agency has been guilty of this in the past. We would simply send the design to the client and ask them what they thought about it. The replies from the clients would read:

“It lacks pizzazz.”

After looking the word up in the dictionary, we learnt our lesson – to get specific feedback we need to ask questions that forced the client to be specific.

But you also need to be strategic about it.

To get feedback from clients which will help you fulfill their expectations, you need to be able to get the most relevant information from your clients.

In this article, I’m going to show you how we do this at our agency, by framing the questions properly, anchoring them in goals, and keeping the feedback free of vague feelings.
ask about website

Ask About Website’s Ability to Engage, Not First Impressions

Most web designers worth their salt know that a website must clearly communicate its value to a user in 10 seconds or so.

Why?

So that the user remains engaged with the website and doesn’t bounce back to the search engine results page or wherever they came from.

But the agencies are guilty of not seeing the forest for the trees. During the feedback, they ask the clients about their first impressions, about doing a blink test, and how they feel after spending 5 seconds on the website. This results in vague replies from the clients:

“It’s good but I think it lacks animations like on our competitor’s website.”

“We liked it but our VP of Comm. thinks that the primary color isn’t going to work out.”

“The website is as per our requirements. But shouldn’t we use the parallax effect somewhere to attract attention and make it catchy?”

Such comments completely miss the point:

Having animations like the competitors, attractive color schemes, and parallax effects isn’t the goal!

The goal is to keep the users engaged with the website. The website should be good enough to keep the users browsing it. It doesn’t need to do more than that, let alone be the best-looking website in the niche.

Don’t ask:

What was your first thought when you saw the design?

Do ask:

Once you were on the website, did you want to keep browsing it? Why/Why not?

keep focus on target

Keep the Focus on Target Audience

So should you completely discard how the client’s feel about the website design?

Well, you won’t really be able to escape it. If the client’s feel strongly about something, they’ll make sure to point it out to you even if you aren’t explicitly asking for feedback on it.

But asking clients to bring their feelings into the feedback process can lead to comments like:

I don’t feel this style of design at all
This shade of red in the hero section is marvellous in my opinion
I feel that the website can look more futuristic but my cofounder feels that you’ve nailed the brief
On the surface, this kind of feedback actually looks good. You believe that you’re getting reliable information to work with.

But this kind of feedback, based on the client’s feelings, is neither accurate nor useful.

Firstly, feelings are completely subjective and circumstantial. They depend on the current mood, immediate environment, and existing knowledge.

Secondly, the website should work for the users. It has been designed with the end users in mind. It should attract, engage, and persuade them. The end users should be able to form an emotional connection with the website. That’s the most important bit.

So even before your clients can get into how they feel about the website design, ask them if the website design will work well for their users.

Don’t ask:

  • How do you feel about the website’s design?
  • What does the design make you feel?

Do ask:

Will the website design resonate with your users?

websit design goal

Anchor Your Questions in Website Design Goals

Before you even start the website design project, you should be clear about the goals of the website.

What is the design supposed to do?

Goals are the primary constraints that shape our creativity. Unbound creativity is useless to the client as well as to the designer.

In my experience, design clients always have two goals in mind: one for what the website is supposed to do for the business and one for what the website is supposed to do for the stakeholders.

Here are some examples of business and stakeholder goals.

Business goals

The website should:

  • Get product sales
  • Get contact form submissions
  • Show information about the business’s new initiative

Stakeholder goals

The website should:

  • Show how our business is more eco-friendly than the competition
  • Showcase our brand’s legacy
  • Highlight the culture of inclusivity at our startup
  • Both the goals are equally important. Satisfying these goals is necessary AND sufficient to complete the project to a good client’s satisfaction.

Stop asking for feedback on vague things that won’t move the needle for these goals and start framing all feedback in the context of these goals.

Don’t ask:

  • Did you like the design of the website?
  • Did you like the colors of the website?
  • Does the header menu look good?

Do ask:

  • Is the design fulfilling the goals we had agreed upon?
  • For example: Does the website design draw focus on your company’s inclusive culture?

Use the Feedback Questions to Build Client’s Perspective

Creativity and cleverness have their place when we want to persuade the user to stay on the website. But that has already been taken care of.

We also know that the website will fulfill the client’s goals.

Now, the website design should present the website’s messaging in a manner that is clear and precise. This will put the user one step closer to taking the actions that we want them to take.

Most clients don’t know this and assume that the design should try to be clever or creative throughout. They’re stuck on wanting the website to be attractive instead of valuable.

You can prevent them from going down this road by asking the right questions here.

Do ask:

  • Is everything on the website clear and self-explanatory? Did you need help understanding something?
  • Is the messaging and main content clear to you?
  • Do the images on the website adequately support the messaging and main content?

do not make client work

Don’t Make the Client Do Your Work

Many designers think of the feedback process as getting the design proofed by the client.

They complete what they believe their “tasks” are and send the design to the clients assuming that if they missed out on something the client will point it out. And if the client doesn’t point out something, then they didn’t miss anything.

Making the clients do YOUR work during feedback has serious consequences.

Firstly, clients finding out something that you missed is quite bad. Not only does this make you look like an amateur, it is also the fastest way to lose client’s trust in your expertise and knowledge.

Secondly, it’s an invitation for bad clients to start micromanaging your work. From then on, you can be sure that they’ll start telling you how to do things.

Always remember that the client hired you because you have the design expertise. They came to you with a problem and now it’s your job to solve it.

As such, they don’t know what’s the best approach, what to put on the website, and what not to put.

You should understand what the design needs to accomplish the client’s goals, limit the design to those elements, and make those elements clear so that the user can take the desired action.

Don’t ask:

  • Is there anything missing from the design?
  • Are there elements you don’t want to see in the design?

Do ask:

  • Did anything about the design prevent you from completing an action?
  • Was it easy to use the navigation to access any information that you might want to access?

smaller screen

Ask Relevant Questions for Smaller Screens

In the last 12 months, mobile usage has maintained an edge over desktop usage by 5%.

Mobile website design is a tad more important than desktop.

So when you take feedback, make sure that you include some mobile-specific questions as well.

You can do this for all the questions from the previous sections:

  • Once you were on the mobile website, did you want to keep browsing it? Why/Why not?
  • Will the mobile website design resonate with your users? And so on.

But you also need to include some questions for interactions that are unique to the mobile.

Ask the clients to compare mobile design to desktop design as well.

Do ask:

  • Is the text legible on mobile?
  • Are you able to use all the buttons and interactive elements on mobile with ease?
  • Did you have trouble understanding something on mobile that was easy to understand on desktop?
  • Is the mobile layout forcing some information out that improved your experience on the desktop website?

list of questions

Steal this List of Feedback Questions

Always remember that your clients are super busy. When you ask them to give feedback, they’ll delay it because they don’t have time and they don’t know where to start.

Also, when they do finally sit down to give feedback, they’ll be looking for ALL the things that they believe are off or wrong. Changing the footer colors will help no one, it’ll just delay the project.

Such delays, caused by client’s lack of time and them focusing on the wrong things, will harm your productivity and hamper your agency’s growth.

But by giving them a list of website design feedback questions, you’re making their job easier. The list of questions doubles as a checklist they can quickly run through. They realize that 6-10 questions will take them half an hour at most and they can schedule that task for the next day.

They also don’t need to think about what they have to give feedback on, eliminating the mental gymnastics. And since you must’ve already taken care of the things that you ask about, the client will be reassured that you’ve thought of everything that’s important.

This will revitalize their trust in you and prevent them from focusing on things like footer color or header menu font size.

So steal this list and make the feedback process a stress-free time for everyone.

Do you have suggestions for what we should include in the list of questions? Let me know in the comments below.