The IT-business process management (BPM) sector in India is estimated to expand at a CAGR of 9.5 per cent to US$ 300 billion by 2020.

US$ 124-130 billion market i.e. 67% of the market share of US is sourced in india for information technology which employees approx 10 million people. This may lead india to economic transformation. Our cost effectiveness is one of the reasons as our workforce is 3 to 4 times cheaper than the US. India is also becoming the hub for various global it firms and they all are opening innovation centers in India.

 

Market Size:

The fourth largest base for new businesses in the world is India and more than 3100 new startups and will increase to approx 11,500 till 2020 as per Nasscom.

India’s internet economy is expecting to raise Rs. 10 trillion by 2018 accounting 5 percent of the India’s GDP as per the Boston Consulting Group (BCG) and Internet and Mobile Association of India (IAMAI). India’s internet users reached over 350 million by June 2015 i.e., Third largest among the planet. 143 million users grew in social media and 160 million smart phones grew.

Public cloud services revenue is expected to increase US$ 838 million in 2015, 33% growth.

 

Investments

The computer software and hardware industry in India attracted an FDI of US$ 17.575 billion between April 2000 and May 2015, according to the Department of Industrial Policy and Promotion (DIPP).

The mergers and acquisitions (M&A) especially in the e-commerce sector increased from 2014 till now. The venture funding for internet companies increases 10 fold from 2013 to 2014. In 2014 more than 800 internet startup companies got funding in India as compared to only 200 in 2012. New 554 startups get funding this year as compare to 342 last year. A report from market research firm Zinnov states that small and medium businesses have a lucrative opportunity worth US$ 11.6 billion in 2015.

Some of the major developments in Indian IT sector are as follows:

  • According to International Data Corporation (IDC) India will soon catch up the global technology trends that interrupted enterprises, industry and the way consumers behave.
  • Wipro has won a 400 million $ contract from Swiss engineering giant ABB, which is one of the largest deal for the technology company.
  • Reliance is building a new data centre in India which is 650,000 square feet (sq ft) wide. It is his 10th data center.
  • A global strategic design firm from Denmark – Designit will be acquired by Wipro in near future.

Government Initiatives

  • The Govt. launches Digital India program in which there motto is to provide several govt. services at one end. Combining and integrating govt. departments and agencies under one digital roof.
  • India and US join hands and agreed to explore the opportunities for collaboration on implementing India’s ambitious Rs 1.13 trillion (US$ 18.22 billion) ‘Digital India program.
  • The National Web Portal for promotion of National Apprenticeship Scheme for graduates, diploma holders and 10+2 pass-outs vocational certificate holders was launched by Union Human Resource Development Minister Mrs Smriti Irani.
  • Telangana gov t. has developing a technology incubator in Hydrabad and initially investing Rs 35 crore (US$ 5.3 million) to set up a 60,000 sq ft space.

Road Ahead

India is the most happening and one of the most demanding destination for IT companies around the world. India already proves his capabilities in delivering both On-shore and Off-shore opportunities for global clients. Social media, mobile technology, analytics and cloud (SMAC) are collectively expected to offer a US$ 1 trillion opportunity in India.

Top JavaScript Frameworks, Libraries and Tools and When to Use Them

Every week or other we find a new javascript library taking the web community As web is very versatile and ever-growing field and its impossible to do a survey of every major javascript framework and liberary but we will share one of the most famous and all in one frameworks and libraries for front end development.

  • We tried our best to integrate almost all popular frameworks and libraries.
  • Keep updating the frameworks and liberaries it has best cross browser and device compatible.

 

AngularJS

It is the most popular open source framework supported by google. It is used by various companies & developers worldwide like Domino’s Pizza, Ryanair, iTunes Connect, PayPal Checkout, and Google etc. Angular JS is an MVC-type framework. It gives two-way data binding between models and views.

When to use AngularJS? When you are building a complex web front-end application and need a single modular framework to work with

 

React

Reactjs is the other popular JavaScript framework. Its an open source and developed mostly by Facebook and other tech companies globally. React says that they are a JS library for user interfaces. It provides a component layer that makes easier to make UI elements and combine them together.

React is used when we want a powerful View layer but don’t need a vast framework for the application or when you are trying to build an isomorphic web framework.

Backbone

Backbone is a simple yet powerful framework that fits into a single javascript file. Backbone has been developed by Jeremy Ashkenas from CoffeeScript and Underscore fame. Backbone is specially used by the people who are looking for simple structure for their small web application. Backbone provides a full MVC framework with routing. Backbone has everything you need to build a single page application.

Ember

Ember shows that it is a framework for creating ambitious web applications that doesn’t waste your time. It is very opinionated and makes many choices for you. It is also a MVC framework; it includes a templating and viewing engine that automatically updates when data change like Angular, Backbone & react.

When you just want a framework that just works.

 

jQuery

jQuery is the library that needs no introduction. It is single-handedly responsible for making cross-browser sites a reality and for bringing the web to where it is today. Web Standards have been adopted and genuinely respected by most major browser manufacturers and jQuery is one of the reasons why. The mission of jQuery Foundation is “to improve the open web, making it accessible for everyone, through the development and support of open source software, and collaboration with the development community.”

jQuery is the most used JavaScript library in the world, and no app should ever go without it unless you dislike programmer productivity. It makes DOM traversal, event handling, animation, AJAX so much simpler and easier across all browsers.

 

Underscore &lodash

Sometimes what comes built-in to JavaScript is just not enough for programmers to be truly productive. There’s always a utility function that is missing or a function that would simplify the code. Underscore (and lodash) is a JavaScript library that provides a whole suite of utility functions without monkey patching the built-in JavaScript objects. Both libraries provide over 100 functional helpers and other specialized goodies; including functions like map, filter, invoke, reduce, template, throttle, bind, extend, pick, clone and so much more.

When to use Underscore? When you want a single JavaScript file that immediately augments programmer productivity.

Underscore GitHub: https://github.com/jashkenas/underscore
Underscore Current Version: 1.8.3
Underscore Website: underscorejs.org
When to use lodash? When you want amodular and slightly more performant version of Underscore with easier support for AMD and community plugins.
LodashGitHub: https://github.com/lodash/lodash
LodashCurrent Version: v3.10.1
LodashWebsite: lodash.com

 

D3.js

Data visualization and charting is a common requirement for web applications. D3.js is the defacto standard when it comes to any data manipulation and visualization. It is one of the most popular projects on GitHub and is used by hundreds of organizations. Plenty of graphing, charting and visualization libraries build on top of D3.

D3 allows you to manipulate data documents from any source and apply a transformation into the DOM or/and SVG or/and CSS. D3 focuses on modern web standards and ensures you are free from any proprietary format like Flash or Silverlight.

When to use D3.js? Anytime you need visualization of any kind.
GitHub: https://github.com/mbostock/d3
Current Version: 3.5.6
Website: d3js.org

Babylon.js

Looking to build a video game that runs entirely on modern web standards and across browsers? Take a look at Babylon.js, a 3d game engine based on WebGL and JavaScript. You can create incredibly high-quality games complete with physics, audio and particle systems among other things.

When to use Babylon.js? Whenever you are building a video game or a complex 3D scene of any sorts.
GitHub: https://github.com/BabylonJS/Babylon.js
Current Version: 2.2
Website: babylonjs.com

Three.js

Want to build a 3D visualization but do not need a full-blown game engine? Three.js provides a lightweight 3D library that allows rendering 3D to an HTML5 canvas, SVG, and WebGL. It is quite a straightforward library, and there are hundreds of beautiful examples in the three.js showcase.

When to use Three.js? Whenever you need a simple 3D visualization that can output to a Canvas.
GitHub: https://github.com/mrdoob/three.js/
Current Version: r73
Website: threejs.org

Mocha& Chai

Testing JavaScript has been incredibly annoying for a long time. Scratch that, testing any code is typically seen as annoying, but it is something that every developer should do. Instead of testing their code, every developer seems always to disdain and ignore it. There is a fix to this hatred, and it comes in the form of Mocha and Chai. While both libraries take their names from yummy hot beverages, both libraries do help you test your code but in different ways.

Mocha is a JavaScript test framework that makes it easy to test the async code in your node module or browser app. Mocha tests can run in series and have the added quality of tracing exceptions to the correct test cases.

Chai is a behavior-driven development/test-driven development assertion library that can be paired with Mocha. It makes it simple to express what you are testing in a readable style.

When to use Mocha & Chai? ALWAYS! Please test your code and make the world a better place.
Mocha GitHub: https://github.com/mochajs/mocha
Mocha Current Version: 2.3.3
Mocha Website: mochajs.org
Chai GitHub: https://github.com/chaijs/chai
Chai Current Version: v3.4.1
Chai Website: chaijs.com

Karma

Having included Mocha and Chai on this list, it would be incomplete not to include a test runner to run these tests or perhaps to setup continuous integration testing. Karma is a tool designed to help automate running your tests against different browsers. It will help you run your Mocha and Chai tests on all the browsers out there.

Not every browser runs on every platform but luckily there are a couple of free tools you can use to test other browsers, take a look at Browser Screenshots. If you are running on OS X and want to test Edge or Internet Explorer, you can use this tool for free.

When to use Karma? Whenever you have a comprehensive test suite for your applications and want to ensure the tests pass on all the browsers.
GitHub: https://github.com/karma-runner/karma
Current Version: v0.13
Website: karma-runner.github.io

PhantomJS

Running full browsers to test your code is memory and CPU intensive. PhantomJS allows you to run a headless WebKit – the rendering engine behind Safari and previously Chrome (now Blink). It enables you to run your tests, capture screenshots, monitor the network and automate page browsing from a JavaScript API.

When to PhantomJS? When you need to do more testing, manipulate pages and monitor network requests.
GitHub: https://github.com/ariya/phantomjs
Current Version: v2.0
Website: phantomjs.org

Grunt & Gulp

Building websites for production typically involvesome tasks to improve performance like minification of JavaScript and CSS, compilation of CoffeeScript/TypeScript, unit testing, lintin. Perhaps you already have a toolchain ready to prepare your website for production but if you do not, you want to use a task runner like Grunt or Gulp. Both have endless plugins to do just about any transformation to your website to get it ready for production.

When to use Grunt? When you prefer writing configuration files and don’t mind your task runner generating intermediary files.
Grunt GitHub: https://github.com/gruntjs/grunt
Grunt Current Version: v0.4.5
Grunt Website: gruntjs.com
When to use Gulp? When you prefer to write code over configuration and want to take advantage of node.js’ streaming capabilities for faster task execution.
Gulp GitHub: https://github.com/gulpjs/gulp
Gulp Current Version: v3.9.0
Gulp Website: gulpjs.com

Babel

JavaScript as a language is evolving quickly. ECMAScript2015 was released last summer and many of its new features are implemented in the latest browsers. If you want to take a look at ECMAScript 2015 compatibility, you can take a look at this table from @kangax. You’ll notice that the latest versions of Edge, Firefox and Chrome have near-complete compatibility.

We do not live in a perfect world. As developers, we will need to continue supporting older browsers that do not have the latest and greatest JavaScript features. We do want to advance the web and improve our code bases. Babel is a JavaScript compiler that compiles the latest JavaScript standard to ES5-compliant JavaScript allowing you to run on browsers as old as IE9. It has some plugins that make it easier to develop with React and even use features that are not part of the specification (e.g. ES7).

When to use Babel? When you want to use new JavaScript language features and still support older browsers.
GitHub: https://github.com/babel/babel
Current Version: 6.1.2
Website: babeljs.io

 

UX Factors That Affect Your Website’s SEO Rankings

When starting a website or blog, the user experience needs to be in the forefront of our minds. We can tweak code and employ algorithms until we’re blue in the face, but ultimately our search engine rankings reflect how well we provide our readers with a quality experience across all aspects of the site.

Something intangible like “user experience” (UX), is hard to put in hard terms and facts that a developer or designer can use. The concept is nice, but how is it reflected in more concrete aspects of web and blog design?

The answer lies in certain SEO ranking factors and practices that contribute to the overall user experience. By targeting these, we can better understand the how’s and why’s of the user experience in a way that allows us to take actionable steps when needed.

3 Vital UX Factors That Affect Rankings

This approach allows web developers and designers the chance to see a vague concept like “user experience” through the lens of more concrete SEO concepts and how these factors and practices can be used to positively affect and alter the UX of your website.

 

The user experience is something Google is always looking to improve. A brief glimpse into Google’s User Experience Lab shows just how dedicated the company is to understanding how and why a positive experience is achieved so they can better analyze and reward that outcome in the search rankings.

Here are three ways you can analyze and improve your site’s UX today:

1. Page Loading Speed

The UX begins when the user clicks on your website. If they have to wait ten seconds or more for your site to load, they will move on. Site speed has long been a factor in SEO rankings, but it also provides users with a first impression of your site.

The bottom line is that longer load times directly affect your conversions and ultimately your bottom line as a result.According to a study done by Kissmetrics, every second past the ideal loading time of three seconds costs you a seven percent reduction in sales!

If you see a rise in your bounce rate or a decrease in your page views, it could be that your site is loading slowly. To check it, utilize Google’s PageSpeed Insights tool to see if your website loads fast on all devices, and if not, how to fix it.

If you suspect that your load times are too high, here are some quick tips to get them down to where you need them:

  • Optimize your site’s database by adding an index.
  • If you’re on WordPress, use a caching plugin like W3 Total Cache.
  • If you’re running an eCommerce store, leverage Shopify’s buy now button.
  • Make sure your images are optimized by running them through a tool likeOptimizilla.

A great example is my friend Matt’s website, On Blast Blog. His homepage loads incredibly fast, but still has high-quality images. When building his site, he smartly compressed his images and leveraged a strong page cache.

2. Intuitive Site Organization

Part of what defines a high-quality UX is how quickly and easily visitors can access various parts of your site. The best way to ensure is this is through the use of effectively designed menus and submenus. Start with anywhere from four to six main categories, and then create a contact page and an “About Us” page so people can easily reach you or get to know your brand.

As a rule of thumb, make sure it doesn’t take more than two clicks for visitors to find anything on your site. One click for the category, and one for the post or page. Anything more and you risk overcomplicating the process.

In addition to these things, another great way to improve the UX on your site is to include internal links to other pages. This allows visitors to pursue topics or find another post quickly and easily. This type of convenience is great for your visitors, and it benefits your SEO as well.

Making this change will net you lower bounce rates, increased conversions, and high click-through rates.

Here are some actionable steps to take regarding site organization:

  • Break down the path between your homepage and your content into categories (no more than two clicks to reach any piece of content).
  • Include internal links to other pieces in your posts (keep it relevant).
  • Provide access to an “About Us” page, and a “Contact Us” page.

3. Mobile Responsiveness

In April of 2015, Google released a new algorithm update that focused on sites that were mobile responsive. This term refers to a website’s ability to display itself in a readable format on both a desktop and a mobile device. If it looks great on one, but looks poor on another, then Google’s update tanked their search rankings.

Why the big change? Well, as we already know Google is all about a high-quality UX. Since most people are now browsing the web on mobile devices, this kind of check was logical. People should be able to have the same level of quality on their mobile devices, doubly so if they use them primarily.

 

Google’s update, when it was released, was referred to by many names including mobilegeddon, mobilepocalypse, or just mopocalypse. People were scared because without being mobile-responsive, their websites would fall through the rankings like a keyword stuffed turkey on thanksgiving.

Thankfully, Google released aMobile-Friendly Test tool to help you check and see if your website fits their standards. If you come back with a negative, don’t give up. There are several ways to make your site mobile friendly:

  • If you’re using WordPress, there are a variety of mobile-ready responsive themes to choose from. Easy fix!
  • For web developers, the use of CSS3 Media Queries will allow you to code the maximum width of the website on mobile devices.

Final Thoughts

SEO ranking factors and analytics like page views, bounce rate, and others all point towards the user experience. By improving the UX, you ultimately improve your SEO in the process. Focus on these major factors and you’ll see your website’s statistics improve to the point where you want them to be.

Thanks for reading and be sure to share your tips for maximizing the user experience in the comments below!

 

On Building Digital Capacity And Attracting Talent

Traditional business logic dictates that you should outsource functions that aren’t core to your business in order to let the efficiencies of the market drive down costs. Let’s say you run a profitable magazine publishing company. You’ll probably have in-house editorial, marketing and finance teams. However, there’s little point in hiring your own cleaners because they’re not core to your business, and professional cleaning companies will almost certainly do it cheaper and better.

Digital services used to be seen in this way — as a cost to be minimized by hiring external agencies that would compete with each other on price and quality. Sadly, this attitude resulted in many large organizations spending less on their digital services than they did on their restrooms, which seems crazy considering how important digital channels have become. If you equate expenditure to value, this paints a stark picture of how some traditional companies valued this sector.

Because digital products and services play an increasingly important role in the day-to-day operations of normal businesses, it no longer makes strategic sense to outsource these activities wholesale. Instead, many traditional companies are starting to build internal digital capacity, which they can then augment and extend with agencies and freelancers. This allows product learning to stay within the team, and it ensures that these companies have control over their long-term digital future.

As a result, we’re seeing companies move away from the old way of engaging with agencies and towards something much more collaborative. Agencies are helping not only to deliver new products and services, but also to coach and train client teams along the way.

Working as part of an integrated team helps to prevent projects from being thrown over the fence, breaking the three-to-five-year cycle of redesign and stagnation. Instead, both parties become mutually responsible for the solution, making it easier for the in-house team to manage, optimize and extend the output when the agency has left. Some agencies will go even further and actively recruit in-house teams to replace themselves in an attempt to ensure the long-term future of the product.

Agencies are still very good at managing large-scale projects in which risks need to be minimized. This is because agencies tend to deliver significantly more projects each year than internal teams and get exposed to a wider range of problems and working practices. However, the days of relegating internal teams to “business as usual” tasks are, thankfully, on the out. Instead, it’s much more common to see internal teams working on small experimental projects where the risk of failure (and, therefore, the cost of outsourcing) is much higher, but where the potential rewards and learning opportunities are higher, too. Internal teams also get to see projects through to the end, something that doesn’t happen as often as many agency practitioners would like.

It’s good news for traditional companies that joining an in-house team has become a more attractive proposition in the last few years. However, with demand outstripping supply, finding and retaining digital talent is still a major problem, and only getting worse. Here are seven simple techniques that traditional companies can adopt to help them find the talent they need to thrive in today’s digital marketplace.

Step 1: Publicly Commit To A Digital Future

Modern digital practitioners want to work in companies that share their vision and ideals. The first step to hiring the right people is for senior leaders to make a public commitment to change, and then back this up with the resources to make this happen.

The best designers and developers are motivated less by money than by the opportunity to make people’s lives better through design and technology.

As an example of this, look no further than Government Digital Service (GDS) in the UK. After all, who would have thought five years ago that the most exciting organization to work with in the UK wouldn’t have been some hot new startup, but central government? If the government can do this, any organization can.

Step 2: Back This Up With Exemplary Projects

Simply stating a desire for change is of no use if you can’t back it up with evidence. Companies that want to build a strong digital culture need to start by releasing some exemplary projects, projects that demonstrate the company’s ability to take risks and innovate. These early projects will probably need to be delivered in partnership with agencies or through small internal skunkworks staffed with talented freelancers.

A great example of this in action is Lowe’s Innovation Labs. It is a small digital team in what would normally be seen as a fairly risk-averse sector. The mission of Lowe’s Innovation Labs is to work with “uncommon partners” and do interesting projects that attract the type of talent that Lowe’s recognizes it needs to succeed in the modern digital landscape.

Another example of innovation attracting talent is Nordstrom’s design team. It created a simple video charting its in-store app design experiments. This went viral and labelled the design team as forward-thinking to a whole generation of UX designers.

Step 3: Hire Industry Leaders

Hiring well-known design and technology advocates can help legitimize your mission to become a truly digital company in the eyes of the community, as well as unlock a huge network of possible connections. If you can recruit somebody who has their pick of people to work with, this sends an important message to the community that interesting things are afoot. Having great communicators on your team will also help you spread your message of digital transformation far and wide, as long as you support them in their activities. I’ve seen too many amazing designers and developers hired by large tech companies because of their profile, only to be locked away and no longer allowed to speak to the public.

However, it’s not just about profile. When Tesco bought Blinkbox, it promoted CEO Michael Cornish to group digital officer. This kicked off a program of digital transformation, which led Tesco to disengage with digital agencies and build a formidable team in-house. Who knows where Tesco’s digital team would have gone, were it not for the creative accountancy problems the company has experienced recently.

Step 4: Build A Great Team

While hiring charismatic leaders who people want to work for is a good first step, it’s really all about the team. Good people attract other good people; so, if you get those early hires right and treat them well, then building out a great team relatively quickly becomes easy.

Today’s knowledge workers want to continually perfect their skills, and the best way to enable this is to give them interesting challenges and surround them with smart people they can learn from.

Twitter did an excellent job of hiring smart, capable leaders, such as Doug Bowman. This attracted a raft of other design talent who wanted to work under his tutelage.

Step 5: Give Them The Freedom To Do Great Work

Of course, there’s no point in hiring passionate, talented people if they’re constantly told what to do and how to do it. So, a big part of digital transformation involves putting the right structure and governance in place to allow teams to self-manage, and then trusting them to deliver the goods.

This is where good product management and the support of the board come in. Instead of stakeholders directing the output (for example, “What color should this button be?” or “How should this feature work?”), product managers need to start gathering outcomes and have the power and authority to deliver these in whatever way or format they see fit.

The idea of “signing off,” then, is abandoned, and design becomes truly collaborative and goal-driven. This can be a big and difficult culture change for organizations in which power is typically denoted by one’s position in the organizational chart rather than by one’s area of expertise, but it’s also where the magic lies. I remember chatting with a friend at GDS after coming out of a particularly heated meeting with a minister who was used to telling designers what to do. However, in this instance the GDS governance criteria made it clear that the designers were ultimately in charge of the design, and ministers could only dictate outcomes.

Step 6: Create A Great Space To Work

Your surroundings have a huge affect on both your happiness and your ability to do your job. Imagine being a designer or technologist in an office where you’re not allowed to stick things on walls, where whiteboards are banned and where meeting rooms need to be booked months in advance. Yet this is where many design and tech teams find themselves — in uninspiring buildings that actually conspire against their doing good work.Your surroundings have a huge affect on both your happiness and your ability to do your job.

Compare this with the average design agency or tech company, with beautifully designed spaces where every surface can be covered in sticky notes or written upon, where meeting rooms can quickly be turned into a project room, usability lab or place for daily stand-ups, and where you can choose the area to work in depending on the activities of the day. We’re not even talking free breakfasts, snack machines or indoor climbing walls here (although a lot of tech companies provide these as well) — just the basic resources to get your work done.

Step 7: Reward Them For Their Effort

As I mentioned at the start of this article, the best designers and developers aren’t motivated by money. Instead, they want to work with great colleagues on great projects that make people’s lives better. That being said, money is always going to be a factor, especially in a seller’s market.

So, with increased competition from the big tech companies that recognize the value good designers and developers can bring, competition for talent is high. Traditional businesses will need to up their stakes in order to attract the right people, or risk being left behind. As one of my colleagues says, “Any number of Salieris couldn’t have written one Mozart concerto, so investing in the best will pay dividends in the end.”

As more and more traditional organizations build their internal capabilities, the digital landscape is experiencing a seismic shift. Demand is outstripping supply, and these organizations are finding themselves competing for talent with startups, tech companies and agencies alike. The only way to survive in this landscape is to understand what attracts people to these types of companies and play them at their own game: building a design and technology culture to rival the best that Silicon Valley and Shoreditch have to offer.

Does the Web Design Work?

he ultimate goal of web design is to change a certain behavior.

An important thing before we get started: What I’m talking about here is web design for commercial purposes, not for personal projects or pleasure. Otherwise the above quote won’t hold true. What I argue, however, is that when designing for the web for commercial purposes, like a project for a client or working on your own product/service, testing whether your design “works” needs to be an essential part of your to-do list.

The Definition of a Web Design That “Works”

In the general sense, when you say that something “works”, what you actually mean is that “thing” is helping you accomplish a particular goal. Examples:

  • This dating technique “works” / This dating technique helped me accomplish the goal of getting a girl
  • This study tip “works” / This study tip helped me accomplish the goal of passing my exam

And a special one for the ladies (not sure if they use this phrase often though):

  • This type of makeup “works” / This type of makeup helped me accomplish the goal of getting more attention from men.

We use the “(something) works” phrase a lot in our real lives; yet, we don’t use it as often in the virtual world. So I’m assuming this title has given many people some puzzled looks and they’ve been wondering what it really means. When a business person says “this web design works”, what he really means is this:

“This web design helped me increase my leads/sales/brand awareness.”

In other words, this particular web design helped him get closer to accomplishing a business goal.

Why and How to Put Yourself in Other People’s (Business) Shoes

I have plenty of friends who are web designers and one thing I noticed about many of them is that they love what they do. They love to tinker with small details and get things just “right”. Even if that button is 1 pixel off, they’ll do everything to correct it.

One thing many (I’m not implying you’re one of them, just stating my experience) of them hate is business. “But I’m not a businessman” is one excuse designers often use. Well guess what: If you’re working on a project and getting a monetary compensation for it, yes, you ARE in the Web Design Business. And like with every business, the Basic Economics 101 principles apply:

  • Price is dictated by supply/demand
  • Buyers are trying to get the most for their money, while sellers are trying to do the least for the most money
  • You need to satisfy your clients needs/wants in order to get repeated business

Think about the last part. How would you do that? How would you get more repeat customers? By making sure your web design project works and produces results.

Use Real, Objective Data to Prove Your Design Works

If you Are Redesigning a Website:

If you’re redesigning a website, it’s important to first take data from a sample of visitors who’ve seen the old design and then take the same type of data from visitors who were shown the new re-design. Your goal is to compare how users behave before and after the re-design.

Some Ideas:

  • Write a set of questions related to the site (how visitors like the site, what do they think about the products and so on) and survey them using a tool like 4Suite or KISS Metrics
  • Ask 30+ user to fill out a survey for the old web design (while it’s still there)
  • After the redesign is up and running, ask the same questions to further 30+ people
  • Compare the answers

Make sure that the only variable that changes is the design itself. It’s not recommended to change the text of the site because a lot of results from A/B and multi-variable testing has shown that this can have a profound results without even changing the site design at all. So changing just the design and not the text is a good place to start.

  • Familiarize yourself with the various usability tools which can help people interact better with your site. Like with the previous idea, run them on the old version of the site and then on the new version and compare the results.

Mashable has an amazing list of some of the best usability tools out there. I won’t go into many of them, but here are some which left a good impression:

  • Usabilla.com – I’ve seen many tools similar to Usabilla.com but they all have crazy prices starting from $200. This tool, however, has an acceptable price and some pretty neat features that allow you to track your users behavior and ask for their opinion.
  • FiveSecondTest.com – A great tool that you can use for free (you need to “do tests to earn tests” or pay a certain price for X responses/month). This is great for testing the first impression people have for your site. The way it works is that users view your site for 5 seconds and then they answer questions you’ve set for them.

Here is one good question to ask people on FiveSecondTest (or any similar usability first-impression-testing site):

What is this site about?

MarketingExperiments.com, which is probably the only company in the world that has conducted thousands of research articles on huge websites and published them for everyone to see. At a webinar the person who was in charge of the testing procedure/reviews said something I will never forget:

“Based on the thousands of tests we’ve done for our research partners, we’ve concluded that clarity trumps persuasion. If users arrived at your site and had no idea what it’s about, they’ll leave. Before pitching why customers should buy your product, answer their questions: “Where they are” and “What can they do here””.

  • Google Page Speed – When redesigning, make sure your new design has better or at least the same load speed as the previous one. Why? Because page speed has been correlated with how many people will buy from your site, how long they stay and many other types of interactions.

If you are making a site from scratch:

The same principles apply here as to redesigning a site with one very important twist:

When you are designing a site from scratch, you don’t have an old web design to compare your new design to. Invent one. Make several variations of your new design and A/B split test them to see which one makes people interact more. In other words, if you have several drafts of the same design that look different, try them all and see what works. Make your hypothesis on what you think would be the best performer and put your assumptions to the test. You’ll often be very surprised.

How to Persuade Clients That Testing Works

One of the best ways to persuade people to do or use something is with anecdotes. Sites like this are full of examples where changes, even if they were really small, produced drastically different results. 300% more people filled a form, 500% increase in sales and so on from a really small change. There are some really impressive stories that will persuade clients that they should test.

One question that might pop immediately is:

Why bother persuading my clients to test at all?

Two words: REPEAT BUSINESS. If they see that with your web design they got 200% increase of sales, they’re more likely to hire you for their next project. It’s not just because they would be glad that you’ve done a great job, but also because they’d have more money to potentially invest into improving their designs.

When It Comes to Ideas, It’s All About Presentation

When I was a student in design school, I once did an assignment for a teacher who made us stand up and present our projects to the entire class. Now I’m not the best public presenter, and as a teenager in college, I was even worse. After I fumbled through my presentation, my teacher pulled me aside and said that I’d had the best ideas out of everyone in the class, but gave the worst presentation.

I was too shy, and I didn’t inspire any confidence in my audience. My presentation had no “pop,” and thus it was boring and forgettable. I earned a disappointing grade as a result. As a professional designer, I’ve since had it reinforced again and again that, when it comes to ideas, it’s all about how you present them. A good presentation can force people to take your ideas more seriously and assign more value to them.

Dress Your Ideas For Success

Here’s a sad but true fact: people are much more likely to be interested in your work if you “dress it up” nicely. If something is presented poorly, it will be perceived that way, regardless of its actual value. If you’re uncomfortable presenting your ideas and selling a client on them, take classes and read books on presentation and public speaking.

It might be awkward, but the effort you put into presenting your ideas and making a genuine connection with people is going to make the difference between an obscure designer and a breakout superstar.

Technical craftsmanship counts as well. Don’t cut corners. Spend the extra time to make your design as crisp and perfect as possible. I know people say that the perfect is the enemy of the good. But I say that the sloppy is the enemy of the great. When you were younger, your parents probably told you to “dress for success.” That’s true not just for your appearance, but for anything you create which represents you professionally.

Anything that has your name attached to it also carries the strength of your reputation on its back. Don’t unknowingly develop a reputation for shoddy, third-rate work.

Gotta Have A Gimmick

There’s a classic musical number in the 1962 film Gypsy, about burlesque dancer Gypsy Rose Lee, in which young Rose is educated about the key to burlesque success by her fellow strippers. It’s obviously meant to be funny (and it is), but there’s a powerful marketing tactic embedded in the song: whatever you do, make sure it gets people’s attention, because if it doesn’t, you’ll never make the sale.

Theatrics and flair count for a lot. We are visual creatures and we respond to the pretty, the flashy, and the attention grabbing. For example, a color photograph is going to get more attention than a black and white one (unless the black and white photo is the only one among a bunch of color photos), and a video is always going to get more attention than a still image.

This is even more true nowadays, when we’ve all been inundated with showy, blinking ads and fast-moving media offerings. It takes even more to catch people’s attention these days, but that’s where your problem-solving design skills come in handy.

Using Your Sixth Sense

The more senses you can engage for your viewers, the better your response will be. Visual, sound, motion, color – whatever you can incorporate that will create a holistic experience and engages your audience as much as possible.

Obviously, this needs to be calibrated according to the specific niche you’re designing for, but basic human psychology doesn’t change. People will certainly retain more information about your content the more experiential and interactive it is.

Make It Count

Everything – and I mean everything – about your design project should tell a story, from the colors to the photography to every single word in your copy. If there’s anything that isn’t contributing to the story you want to tell, take it out immediately.

Again, it’s important to make sure your clients understand why a design choice is the right one or the wrong one. The closer you are to the money, the easier this will be. It’s quite easy to convince a client that your solution will help them get more customers, and thus make more money.

Customer Service Counts

Excellent customer service can take a restaurant from mediocre to amazing. In the culinary world, they say that presentation is three-quarters of a meal. That means that you are 75% more likely to enjoy a plate of food if it looks nice.

That sounds like a lot, but think about it: would you walk into a restaurant that had greasy, spoiled looking food sitting out on its counters, and be filled with confidence about whatever they were about to serve you? Or maybe the food looks fine, but the waitstaff is surly and inattentive, ignoring your questions or calls for service. Would that whet your appetite? I didn’t think so.

As a designer, “service” should be at the forefront of your mind at all times, even if you don’t think it’s part of your job description. You’re performing a service for your clients, and that includes the little details that make you stand out from your competition.

Thank you notes, extras and freebies, offers to help out whenever you’re needed and add value to your client will all help keep you at the top of your client’s mind when they’re thinking about hiring or referring someone.

What Do You Think?

How has your presentation and packaging of your ideas and designs helped your freelance business? Tell us below.