Showing posts with label responsive web design. Show all posts
Showing posts with label responsive web design. Show all posts

Sunday, 10 August 2014

Advantages of Internet Ads vs. Traditional Ads

Internet advertising is huge

With the growth of information on the internet has growth the amount of time people spend on it, which has in turn generated a new market for internet advertising. Some of the wealthiest companies in the world have made sure that they get a piece of the internet marketing pie, and for a good reason.

Internet advertising is targeted

As a company looking for advertising opportunities to a specific market, internet advertising offers some targeting methods that insure that those who see your ads are the ones most likely to buy. Programs like Google’s AdWords and AdSense match up advertisers with content that their target market peruses regularly. Forget the costly machine-gun strategy of newspaper advertisements, internet advertising is targeted!

Internet adverting enables good conversion tracking

It’s impossible to get a good idea of how many people see advertising through traditional means. Tracking the reach of newspaper and television advertisments is difficult. However, internet advertising allows the advertiser to track the number of impressions an ad gets (how many people see it), and how many visits their business web site gets from particular ads, making it easy to see what kind of conversion rates internet advertisements are getting.

Internet advertising has a lower entry-level fees

If you have a limited budget, internet advertising can be much more in reach than traditional methods. A small yellow-page ad can cost several hundred dollars. However, you can bid for advertisements on Google and Overture on a performance basis. That means that you only get charged when visitors click on the advertisement, and bidding starts at a nickle or dime a pop.

Internet advertising can be much cheaper

Because of the targeted nature of internet advertising and the ability to track the effectiveness of ads, conversion rates from internet advertising is typically much better than traditional mediums.

Internet advertising has greater range

One more benefit is that, since the internet spans the globe, pockets of your target market scattered around the world can all be targeted at once, rather than trying to find different publications, radio stations and television stations that cater to a particular geographical area.
On the whole, internet advertising can be a great way to get the word out there about your service or product in a cost-effective, efficient way.

Saturday, 26 July 2014

7 Signs to watch out with new client

Working with clients is one of the most difficult parts of being a website designer.
It’s a challenge which we face each and every day, regardless of whether we work in-house, as freelancers, or as agency owners.
Some clients are great, while others leave us tearing our hair our and wondering why we felt the need to subject ourselves to this line of work.
While some problems with clients can be put down to poor communication by both parties, many times we can identify clients which are going to be difficult before we even start working with them.

1. They Want To Argue on Price

1
This is probably the most common of all red flags. A client who wants to argue on price is a client who doesn’t respect, understand, or value the work of a website developer. If you hear statements such as “I have a nephew who can do the website for very less cost when compared to what you have quoted″ – run a mile.
Other common issues surrounding price and payment include not wanting to pay a deposit before the commencement of work and trying to get you to agree to payment clauses. For example: “Our new website must receive X amount of traffic by X date in order for the final 25% to become payable.”
This is not acceptable. You are a professional providing professional services, so make sure you are polite but firm with the price which you have quoted. The only way to increase the perceived value of web design as a service is if we hold steady on this issue.
Some clients think that they should be able to pay whatever they feel like for services, because they aren’t products with fixed prices.
2. They Need it Done Yesterday
2
Probably the next most common red flag encountered: clients who need their project completed yesterday, or at the very least by the end of the week.
Not understanding or caring about the amount of time needed in the web design process is another sure sign of a poor client. Not understanding, in principle, is OK. The not caring part is the real issue. Almost all clients with an immediately pressing deadline aren’t open to suggestion, their mind is made up.
Web design at any level beyond the most basic of sites takes a significant amount of time. The reality of the situation is that in the overwhelming majority of cases it wouldn’t even be possible to meet their deadline if you worked all day and all night.
I once left a client’s office at 8 PM on a Monday and had the client shouting at me on the phone at 9 AM on Tuesday asking why the next design revision hadn’t been completed. Needless to say, for that and other reasons, the project didn’t work out.

3. They Have an Existing Website Which Sucks

My own trademarked indicator of how to spot a nightmare client. It’s easy to think that if a client has an existing website which sucks, that they must have had a bad web designer. What is true much more of the time is that they had a good web designer and they screwed up the site all by themselves.
Here’s the thing, and The Oatmeal summed this up perfectly in their comic above, clients often have an overwhelming knack for screwing up websites. Looking at their current website can often offer a pretty clear indicator of what sort of client they’ll be.
Along the same lines, also depicted in aforementioned comic, if the client has a poor relationship with their last web designer then it could be a pretty good indicator that they’re going to end up having a poor relationship with you. I’ve personally never met a client who complained about their last web designer and then turned out to be loads of fun to work with.
The best clients already have great websites. They researched what they wanted, they worked with a great designer, the website is great, and now they want to work with you to take it to the next level.

4. The Person Managing the Project Built the Current Website

4
A sure-fire way to doom a project before it ever gets of the ground. If the person who you’re working for is the person who created the website which you’re redesigning, then they’re going to take everything personally.
Not only are they going to take everything personally, but they are going to want to offer their input, advice, and opinions every single step of the way. This is never more true than if the marketing manager is the person who runs the current site. Statements such as “can we make it flash” and “can we make the logo bigger” were born from clients such as this.
The fact of the matter is that the person who is paying you needs to be at least slightly impartial about the website which you’re creating for them. If they have a personal connection or commitment then the chances are that their own personal preferences will get in the way of important decisions.
For designers in particular, this type of client is guaranteed to be a pain from the get-go. If this red flag is present, then nine times out of ten red flag number three will also be there.

5. They Can’t Communicate

5
One of the more sneaky red flags, this one can creep up on you and knock you down when you’re least expecting it. Poor communicators come in all shapes and sizes. A client who seems like a great communicator socially does not always translate into a client who is a great communicator professionally.
The best way to gauge this particular metric is through multiple channels of communication. Talking on the phone, talking in person, writing via email, writing via project management software. How well are they able to tell you what they want?
Some of the classic statements used by clients who can’t communicate are “I don’t know what I want, but I’ll know it when I see it.” and “I want it to have more [pop/jazz/edge/whoosh/sex/shine/glint]“ – these people just don’t know how to say what they mean and as a result it’s almost impossible to please them.
Communication is the most essential part of the web design process and without it a working relationship cannot go smoothly.

6. They Want Constant Meetings

6
The needy client is sure of only one thing, they don’t know what they’re doing and they don’t trust you to do it. To make up for their insecurities, they want to see you regularly so that you can hold their hand at every turn. With this client you’ll end up spending more time in meetings with them than you will on design or code.
The needy client will eventually drain you of all your time an energy. In extreme cases they’ll even ask you to work at their offices. They don’t trust you, they want to keep an eye on you and they want you to be right there whenever they have a question.
This red flag will often show itself in combination with the “Can’t Communicate” red flag. Their own inability to communicate leads them to believe that you don’t understand what they want, (this part is actually justified, most of the time you have no idea what they want because they themselves have no idea what they want), so they want to see you often to ask about more ‘pop’ and ‘flare’.

7. They Want an Ongoing Relationship

7
Finally, the ultimate red flag. A client who talks constantly about how they want an“ongoing relationship” is a client to avoid like the plague.
In a healthy professional relationship both parties know that if the project goes well, and if the opportunity presents itself, then they will work together again. A client who is insecure (number 6) and had a bad relationship with their last designer (number 3) wants to hang on to the next guy like he’s their holy savior.
In extreme cases these clients will talk about how they want to make you “part of the team”or “part of the family”. These are also the clients that are most likely to try to tempt you with offers of revenue or stock in the company in place of some part of your fee. They want to lock you in and own you.
This is the client who is going to call you at eleven at night because they had some great (read: awful) new idea that they just had to run past your urgently, just in case you were relaxing and going to bed instead of working on their site. Remember, you’re part of the family now, they own you.

Conclusion

Many of these issues can come down to uneducated clients, and as many other articles in the past have stressed: educating clients is extremely important. It’s your job to help them make the right decision, not laugh at them for not knowing what it is. Sometimes however, they can’t be helped.
We all have bills and mortgages to pay. Sometimes people say that they don’t have the luxury of choosing their clients in so much detail. Just keep in mind that a bad client will cost you money, not make you money. These are the types of people who will waste your time for two months and then with-hold payment.
This is just a blog post, these aren’t commandments written in stone. There are exceptions to every rule and it’s up to you to use your own judgement and common sense to identify the red flags as they come up. Hopefully, this post will have simply given you a few tips on things to look out for.

Tuesday, 15 July 2014

16 really useful responsive design tutorials

Ensure your website has the optimal viewing experience with these helpful responsive design tutorials.

Responsive web design can be a daunting step to take if you have no idea where to start. Thankfully, we've rounded up these really useful tutorials to help you from day one. From dealing with typography and video, through imagery and layout to the technicalities of using JavaScript on your responsive sites, you'll be a pro before you know it.

01. Responsive web design: what it is and how to use it

responsive design tutorials
Get the grips with the basics of responsive web design
In the field of web design and development, we're quickly getting to the point of being unable to keep up with the endless new resolutions and devices, writes Kayla Knight. Should we just suffer the consequences of losing visitors from one device, for the benefit of gaining visitors from another? Or is there another option?

02. Responsive web design: a visual guide

responsive design tutorials
Accomodate your site to a number of different devices
These days, 'one size fits all' is quickly becoming a dated concept. Luckily, with CSS media queries, we can now easily build responsive web designs that accomodate everything from your mobile phone to your massive desktop, as this video tutorial demonstrates.

03. Braindump on responsive web design

responsive design tutorials
Take a look at a range of tips and tricks in this tutorial video
Chris Coyier explains the very basics of what 'responsive web design' has come to mean, with examples, related resources, relevant people, tips and tricks, and more.

04. Build a basic responsive site with CSS

responsive design tutorials
Start simple by following this step-by-step tutorial for your first site
Responsive design is much misunderstood. Jason Michael lays to rest some myths, and then walks us through building a simple responsive website.

05. How to add responsive video to your website

Ensure that embedded video works properly on your responsive site
Responsive web design has changed the way we approach video. John Surdakowski explains what you need to do to ensure that embedded video works properly your website.

06. Build a responsive site in a week: part 1

responsive design tutorials
The first of a five-part responsive design tutorial series
Interested in responsive web design but not sure how to get started? Don't fret, help is at hand! In a five-tutorial series, Paul Robert Lloyd talks you through the responsive design process, soup to nuts.

07. Build a responsive site in a week: typography & grids: part 2

responsive design tutorials
Translate static page designs into adaptable sites
In the second part of this series, Paul Robert Lloyd tells us how to translate static page designs into adaptable, fluid websites. So let go of those pixels and learn to love proportions!

08. Build a responsive site in a week: images and video: part 3

responsive design tutorials
Get to grips with images and video in a responsive environment
In the third part of this series, Paul Robert Lloyd looks at incorporating images and video into responsive layouts, and describes some of the problems in this area that still need solving.

09. Build a responsive site in a week: media queries: part 4

responsive design tutorials
Understand breakpoints in the penultimate part of the series
In the penultimate part of this responsive design series, Paul Robert Lloyd explains how media queries work, and describes a device-agnostic approach to breakpoints.

10. Build a responsive site in a week: going further: part 5

responsive design tutorials
Once you know the basics, this tutorial lets you into even more tips and tricks
In the final part of this responsive web design series, Paul Robert Lloyd explains how there is more to a responsive design than just flexible layouts, images and media queries.

11. Advanced RWD layout techniques


Josh Broton presents tips and tricks for creating advanced layouts for responsive web design, including the CSS Flexible Box Layout Module.

12. Design sites using the Responsive Grid System

responsive design tutorials
Learn the quick and easy route with this grid system
The Responsive Grid System isn't a framework or a boilerplate. But it does make creating responsive websites quick and easy. Graham Miller, its creator, explains how to use it.

13. Responsive Navigation Menu

responsive design tutorials
Transfrom a regular menu into a dropdown offering
The purpose of this tutorial is to show you how turn a regular list menu into a dropdown menu on smaller display. The technique requires no Javascript and uses clean and semantic HTML5 markup.

14. Introducing responsive web typography With FlowType.JS

responsive design tutorials
Get your widths right with this responsive tutorial
FlowType.JS allows a perfect character count per line at any screen width. This tutorial on Smashing explains how to use it.

15. Handling typography for responsive design

responsive design tutorials
Make sure you get your type just right
You've got your layout and images scaling, but you need to have your type following along as well. One size of type does not fit all line lengths or screen widths, says Val Head.

16. Expert guide to making your JavaScript responsive


Handling JavaScript across responsive sites needn't be a minefield. Here Jonathan Fielding explains how to gracefully handle the transition between different responsive states.
Did you find these tutorials useful? Let us know in the comments box below!

Sunday, 6 July 2014

How Designing Can Turn Visitors Into Clients

Attracting visitors to your website can be an easy thing to do, but converting them into your clients is probably the toughest of tasks and requires a lot of planning. There are plenty of factors that can change the thinking of the visitors and one of them is good designing.
If you are able to achieve that, you will be able to sell your products and services quite easily. Although some people might argue that the quality of what you sell matters the most, yet you will be unable to prove your worth unless you make the design attractive.
Attractive design does not necessarily mean that you have to make your website any fancy, but you have to make it more user-friendly in order to make the visitors feel at home. In case the visitors don’t find it easy to navigate to their desired information easily, they will definitely look for an alternative. So, you have to keep the users in mind while choosing the design.

If you are able to make your design simple, yet attractive for the visitors, they will certainly be interested in buying your products or services. Therefore, focus on the following things more while finalizing the design and you will see some positive results.

Keep updating the design

The most important thing is to keep your design updated in order to show the visitors that you are a professional. In case you don’t focus on this factor, the people who come to your site will get a negative impression of you and will think of you as amateurs. In that case, you will be unable to convert the visitors into clients no matter how good your products and services are.

Make the navigation easy

Let’s say you are interested in buying something online and search some relevant websites. Even if you have found the product you wish to order, you would want to read some information about it. If that information is not easily accessible, you will start looking at other options. So, remember making the navigation as easy as possible for the visitors. Only then will you be able to maximize your sales. This can be done through keeping the design simple and the font readable.

Keep the key information on the left side

According to numerous web usability surveys, people who come to the online pages, spend most of their time viewing stuff on the left side of their monitors rather than right. Therefore, it is important to keep most of the important information on the left hand side of the page.
This way, the visitors will find your website to be quite user-friendly and will definitely consider visiting it time and again, whenever they wish to order something that your offer. However, you have to keep in mind that the right side of the page should not be ignored entirely. You should keep some lesser important information on that side of the page.

Focus more on the top-left corner

Although it is important to focus mostly on the left side of the page, the ideal point where the key information should be kept is the top-left corner. According to the studies conducted related to the page designing, the visitors start by looking at the top-left corner of the page, then come down, move towards the middle of the page and then finally see what is mentioned on the right hand side of the page.

Know where to post images

While finalizing the design of the page, you should be aware of the fact that the images should be positioned in a way that the visitors don’t get bothered because of them. If there is no image required, you should go without any. On the other hand, post as many images as possible, if your website demands so.

Responsive web designing

This is quite an interesting concept, through which the users don’t have to bother about resizing the webpage in order to gather all the necessary information. It can be used in a wide range of gadgets from computers to mobile phones. Other related concepts to this sort of designing are mobile first, unobtrusive JavaScript, and progressive enhancement.

Calls to action (CTA)

This is quite an engaging tool, used in almost all of the modern webpage designs. While designing the page, you have to ensure that the CTAs should be right in front of the users, so they can easily fill the form and answer all of your questions you wish to know. However, this does not end here, as you will have to then ensure the visitors that they will be contacted back and will be provided all of their queries too.

Technology tools

No matter you are involved in selling some products or services, the visitors would want to get some answers quickly regarding your business. In order to convince them to become clients, you will need to add some good technology tools to the webpage.
One of the most used tools these days is the live chat, which allows the visitors to talk to one of your sales representative online and get the answers quickly. Even if some of the users are confused over some issue, your representative can make the clarification and guide the visitor to complete a sale.

Social media links

The social media connections will also help you keep the visitors coming over and over again to your website and the might eventually become your regular buyers. If you have provides links to your social media pages on the webpage, the visitors might like them and will get regular updates about the latest products and services being offered to them. Even if they are not interested in ordering something straightaway, they might end up changing their mind, when they get continuous relevant information about your business.

Tutorials

If you are selling some products online like custom stickers or business cards, especially related to technology, you should add tutorials in your webpage design too. This way, you will make things easier for the users and they might even find your products to be more attractive after watching its video link. However, it will not be an ideal thing to add the tutorial link on the main page, as it should be available with each product separately.

Reviews

Whenever a user visits a website, he\she looks for the reviews of the clients in order to find out the quality of the products or services being offered. Therefore, add this feature to the design of your webpage too, as it will really help in building the confidence of the new members, thus they won’t hesitate in ordering from you.

Customization

Another interesting tool that can help you catch the attention of the visitors is customization. If your business is flexible enough to let the clients choose their products and personalize them, you will definitely end up increasing the conversion rate on your website. Moreover, you can gather some different ideas from all of the visitors through an online survey in order to make them feel valued right from the first time they visit your page.

Customer feedback

While designing, you have to ensure that there are some contact details mentioned on the webpage, so that the customer can contact you and give feedback related to your products or services. If there are some positive things mentioned in the feedback, make sure to implement them straightaway.

Avoid irrelevant stuff

One thing that helps in converting the visitors into clients is avoiding all the irrelevant stuff on your page. This way, the users will get all the necessary information and will not have to search the stuff they wish to find.
By focusing on the above mentioned points, one can design a very good webpage, which will not only attract plenty of visitors, but also convince them to become buyers of the products or services being offered.
Original Source - http://www.designyourway.net/blog/misc/how-designing-can-turn-visitors-into-clients/