Designing Landing Pages That Work

Having knowledge on how to create an effective landing page can increase the number of site visitors that take the desired action of the web page. Lets discuss factors and considerations that can lead to a better landing page design.

What is a Landing Page?

Before we begin our discussion, it’s worth quickly defining what a landing page is.

From a web development/technical standpoint: A landing page consists of the same basic elements as any other web page (HTML, CSS, content copy, images, videos, etc.)
From a business standpoint: It’s a web page that asks users to perform a specific task such as purchasing something or subscribing to an email mailing list.
From a user standpoint: It’s a page they see after clicking on a hyperlink on another site (Google searches, a URL contained in a tweet, banner ad, etc).
Three popular reasons for creating a landing page are:

Get people to sign up (whether it’s for an account, a newsletter, etc.)
Sell a specific product in a specific situation (like a sale or a promotion)
Get people to download and install software
Guidelines to an Effective Landing Page Design


http://sixrevisions.com/ |StumbleBookmark

 

Having knowledge on how to create an effective landing page can increase the number of site visitors that take the desired action of the web page. Lets discuss factors and considerations that can lead to a better landing page design.

What is a Landing Page?

Designing Landing Pages That Work

Before we begin our discussion, it’s worth quickly defining what a landing page is.

  • From a web development/technical standpoint: A landing page consists of the same basic elements as any other web page (HTML, CSS, content copy, images, videos, etc.)
  • From a business standpoint: It’s a web page that asks users to perform a specific task such as purchasing something or subscribing to an email mailing list.
  • From a user standpoint: It’s a page they see after clicking on a hyperlink on another site (Google searches, a URL contained in a tweet, banner ad, etc).

Three popular reasons for creating a landing page are:

  • Get people to sign up (whether it’s for an account, a newsletter, etc.)
  • Sell a specific product in a specific situation (like a sale or a promotion)
  • Get people to download and install software

Guidelines to an Effective Landing Page Design >>>> Leer más “Designing Landing Pages That Work”

Visual Design and Usability Yellow Brick Road

The yellow brick road is the users’ visual path. It allows them to follow a pattern to not only find their final destination, but also to always know where they are within the broader context of the site—no matter how many turns, bumps, distractions, and forks in the road they traverse along the way.

Visual paths guide users from one element to another, and allow designers to control how information is being perceived and in what order. Because readers can only absorb a certain amount of information at one time, it’s imperative to present content using a phased approach. Guide users through information-carrying areas that will help them determine which turns to take next in order to arrive at their final destination or, at a minimum, their next turn/action.


http://uxmag.com
by Tammy Guy

One of the main disadvantages of online shoppingcompared to in-store shopping is the lack of guidance.

 Walking into any retail location, customers may be greeted with a smiling face asking, “May I help you find what you’re looking for?” Online shoppers, on the other hand, are often forced to find their own way, and secretly wish for that smiling face to help them.

Visual designers have the power to change this scenario and pave the yellow brick road for users, creating a seamless and enjoyable browsing experience that can replace the smiling greeter at the door.

The yellow brick road is the users’ visual path. It allows them to follow a pattern to not only find their final destination, but also to always know where they are within the broader context of the site—no matter how many turns, bumps, distractions, and forks in the road they traverse along the way.

Visual paths guide users from one element to another, and allow designers to control how information is being perceived and in what order. Because readers can only absorb a certain amount of information at one time, it’s imperative to present content using a phased approach. Guide users through information-carrying areas that will help them determine which turns to take next in order to arrive at their final destination or, at a minimum, their next turn/action. Leer más “Visual Design and Usability Yellow Brick Road”

The Blueprint for a Perfectly Testable Landing Page


http://blog.kissmetrics.com/landing-page-blueprint/
Landing pages are composed of a group of definable elements. The building blocks presented below can be used as a guide when defining and creating a perfect landing page of your own!

Click on the infographic below to view a larger image:

The Blueprint for a Perfectly Testable Landing Page

View an enlarged version of this infographic »

Top 10 Ways to Embed Video into a Web Page

Since digital camcorders and video editing software became accessible to the large audience, it’s no longer a challenge for anybody to make a video. This fact underlies a lot of web trends, namely the sky-rocketing popularity of video sharing portals and widespread use of video content across websites and blogs.

A good piece of video can help you deliver your message more effectively, educate readers, stimulate discussion and get your brand going far beyond your own domain.

Happily, it’s not a problem nowadays to integrate a video into a web page, as there’s a lot of different tools to assist with this task. Some of them are free, others are pricey. Here is a roundup of the most popular means of web video embedment.


by  | http://www.onextrapixel.com

Since digital camcorders and video editing software became accessible to the large audience, it’s no longer a challenge for anybody to make a video. This fact underlies a lot of web trends, namely the sky-rocketing popularity of video sharing portals and widespread use of video content across websites and blogs.

A good piece of video can help you deliver your message more effectively, educate readers, stimulate discussion and get your brand going far beyond your own domain.

Happily, it’s not a problem nowadays to integrate a video into a web page, as there’s a lot of different tools to assist with this task. Some of them are free, others are pricey. Here is a roundup of the most popular means of web video embedment.

Embed Video into a Web Page

10 Ways to Embed Video into a Web Page… Leer más “Top 10 Ways to Embed Video into a Web Page”

When the Web Page Comes to You

The world of Web marketing is based on the idea of search engine optimization, which means building Web pages that search engines can find and then drive readers to. But what if the right pages could come to you instead?

BloomReach, a company based in Mountain View, Calif., claims it has such a method. Staffed by former executives from Google, Cisco, and Facebook, the company has spent three years developing a way to look at one billion Web pages a day, divine what kind of products and services they might have, and then by looking at a broad range of customer interests, deliver Web pages that have just the right items and descriptions to suit an individual consumer.

“There are 10 to the 30th power different ways just to describe flat panels,” Raj De Datta, co-founder and chief executive of BloomReach, said in an interview. “What is the optimal way to describe that to a specific consumer?”


By QUENTIN HARDYhttp://bits.blogs.nytimes.com/

The world of Web marketing is based on the idea of search engine optimization, which means building Web pages that search engines can find and then drive readers to. But what if the right pages could come to you instead?


BloomReach
, a company based in Mountain View, Calif., claims it has such a method. Staffed by former executives from Google, Cisco, and Facebook, the company has spent three years developing a way to look at one billion Web pages a day, divine what kind of products and services they might have, and then by looking at a broad range of customer interests, deliver Web pages that have just the right items and descriptions to suit an individual consumer.

“There are 10 to the 30th power different ways just to describe flat panels,” Raj De Datta, co-founder and chief executive of BloomReach, said in an interview. “What is the optimal way to describe that to a specific consumer?” Leer más “When the Web Page Comes to You”

40 Checkout Page Strategies to Improve Conversion Rates

To many website owners, shopping cart abandonment and conversion rate drops on a checkout page may seem to be a bitter fact of e-commerce life. But it doesn’t have to be that way. In fact, you can increase conversion rates on your checkout page by helping to give your shopper everything they need to make an informed, confident decision. Print out this helpful checklist and use it to optimize your checkout page for higher conversion rates.
Design and Layout

This is where much of the buyer’s decision to buy or not buy will rest – at first. Best shopping cart design practices will factor in here, such as ample use of whitespace, clear delineation of different steps in the order process, and these vital checkout-boosting points:

1. Give users a visual checkout process – while it’s ideal if you can fit everything onto one page, plenty of conversion studies have shown that the less clicks to checkout there are, the higher your conversion rate will be. If you need to spread things out across multiple pages, give the shopper a visual indicator of how far they’ve progressed.


http://blog.kissmetrics.com

To many website owners, shopping cart abandonment and conversion rate drops on a checkout page may seem to be a bitter fact of e-commerce life.  But it doesn’t have to be that way.  In fact, you can increase conversion rates on your checkout page by helping to give your shopper everything they need to make an informed, confident decision.  Print out this helpful checklist and use it to optimize your checkout page for higher conversion rates.

Design and Layout

This is where much of the buyer’s decision to buy or not buy will rest – at first.  Best shopping cart design practices will factor in here, such as ample use of whitespace, clear delineation of different steps in the order process, and these vital checkout-boosting points:

1. Give users a visual checkout process – while it’s ideal if you can fit everything onto one page, plenty of conversion studies have shown that the less clicks to checkout there are, the higher your conversion rate will be.  If you need to spread things out across multiple pages, give the shopper a visual indicator of how far they’ve progressed.

2. Add checkout buttons to the top and bottom of the page – The less time that customers have to spend looking for them, the sooner they’ll take action

3. Include credit card logos and security seals – Let shoppers know your site is a secure, trusted place to do business.  Popular security seals include Verisign and BizRate.

4. Give users the option to continue shopping from the checkout page – They may have forgotten something, and there’s nothing worse than hitting the back button and finding that all your cart details have vanished.

5. Differentiate checkout/continue shopping button colors – If you have these two buttons side by side, consider changing the color of one of them to make it visually separate from the others and lessen the chance that the user will click the wrong one.  Add plenty of space in between them so there’s no mistaking where the user clicked.

6. Give visitors the option to create an account AFTER checking out – There’s nothing more aggravating than being presented with the “Register to Create an Account!” popup first before you can complete your order.  Removing it caused one online retailer’s sales to increase by $300 million!  People will gladly give their contact information in order to track their purchase after the order rather than stopping to fill everything in beforehand.

Amazon.com usability

Everyone’s favorite usability study, Amazon.com has pre-checkout down to a fine art.  This cart page includes details on the item added, a financing offer, free shipping, protection plan and related accessories on one page. Leer más “40 Checkout Page Strategies to Improve Conversion Rates”

4+ Recommendations To Enhance B2B SEO Initiatives

The start of the new year is the ideal time for B2B search engine marketers to reassess website strategy and determine where enhancements could be made to benefit SEO visibility.

With budgets still in review and benchmarks being set, focusing on site enhancements first could help maximize the benefits of all ongoing SEO initiatives, that are realized over the course of the year.

Marketingsherpa just released its 2012 B2B Marketing Benchmark Report and two points helped shape this column. First, B2B marketers experienced severe declines in the tactical effectiveness of two top initiatives, website strategy and SEO.


The start of the new year is the ideal time for B2B search engine marketers to reassess website strategy and determine where enhancements could be made to benefit SEO visibility.

With budgets still in review and benchmarks being set, focusing on site enhancements first could help maximize the benefits of all ongoing SEO initiatives, that are realized over the course of the year.

Marketingsherpa just released its 2012 B2B Marketing Benchmark Report and two points helped shape this column. First, B2B marketers experienced severe declines in the tactical effectiveness of two top initiatives, website strategy and SEO.

B2B marketing effectiveness

Second, while the B2B marketing role has not really changed, leading “cutting edge” initiatives and creating buzz continue to grow in priority, along with lead generation initiatives as a whole. Leer más “4+ Recommendations To Enhance B2B SEO Initiatives”

10 Effective Ways to Get More Email List Subscribers

Savvy online marketers will tell you “the money’s in the list!” but that’s not entirely true. What they should be saying is that the money’s in the quality of the list, rather than the quantity of subscribers. Lists with a few hundred dedicated customers can outperform lists of 10,000 or more generic “freebie seekers” when you focus on building relationships instead of counting sales.

So how do you attract the right kind of people? How do you get interested visitors to become eager subscribers? Keep reading for 10 outstanding list building tips you can’t afford to miss.


more-email-list-subscribers

Savvy online marketers will tell you “the money’s in the list!” but that’s not entirely true. What they should be saying is that the money’s in the quality of the list, rather than the quantity of subscribers. Lists with a few hundred dedicated customers can outperform lists of 10,000 or more generic “freebie seekers” when you focus on building relationships instead of counting sales.

So how do you attract the right kind of people? How do you get interested visitors to become eager subscribers? Keep reading for 10 outstanding list building tips you can’t afford to miss. Leer más “10 Effective Ways to Get More Email List Subscribers”

The Inverted Pyramid Of Visual Design

The idea is that the critical information is presented immediately and then additional information is presented that expands on, explains, and reinforces the main idea.

At any point someone should be able to stop reading without missing the main message. Those who read more get more, but everyone gets the main idea you’re trying to communicate.

The main benefits of the inverted pyramid are:

* It quickly conveys key information
* It establishes a context in which to interpret subsequent information
* It’s initial chunks of information are more likely to be remembered later
* It allows for efficient scanning and searching
* It can be easily edited since least important information is presented last

The above could equally be goals of a good design. We want our designs to quickly communicate important information, be remembered, and establish context, don’t we?

The cons of the inverted pyramid are:

* Doesn’t allow flexibility of building suspense or creating surprise ending
* Can lead to perception of being uninteresting

Whenever it’s important to present information efficiently and quickly, the inverted pyramid is an excellent style to follow. Your lead (opening paragraph) becomes a concise overview of whatever it is you’re writing and you can follow the lead with more detailed chunks of information for those that want to know more.


In one second the user should understand generally where they are
—largely driven by visuals and functionality.
If we can keep people for 10 seconds, they should understand our primary message.
If they stay for two minutes, some secondary messages should be getting through.
All this feeds into a call to action.
Kristina Halvorson

Journalists use the inverted pyramid style of writing to quickly convey the most important information of a story to readers. It works because no matter how far into an article someone reads the most important information gets through.

The more you read the more detailed information you get, but no matter where you stop reading the main message has been conveyed. Can web designers do something similar visually?

The inverted pyramid of journalism Leer más “The Inverted Pyramid Of Visual Design”

20 Best SEO Tools Roundup 10/18/10

Do you have problem in finding any words in Google web? Or getting confused because of so many choices in the website about the key words that you typed? And …
Do you have problem in finding any words in Google web? Or getting confused because of so many choices in the website about the key words that you typed? And maybe you are often open the wrong or fake website? Don’t worry people. Here, we give you the review of trusted list and website that you can trust and help you to find your need. You don’t have to feel worry about the website or assume whether this website is a fake or not, because we have checked all these websites for you. So, enjoy the list bellow and get what you need here.

Ranking Checker by SEOmoz.com
This is the most top SEO tool. Why? It is because this tool allows you to type up to 5 keywords a day. You will be charged free by using this tool and it is very easy how to use it. First, you have to open an account in SEOmoz.com. After you get sign in to the website, choose “browser button” and it will help you copy the URL page that you type before automatically. It is really flexible and saving time.


Do you have problem in finding any words in Google web? Or getting confused because of so many choices in the website about the key words that you typed? And …
Do you have problem in finding any words in Google web? Or getting confused because of so many choices in the website about the key words that you typed? And maybe you are often open the wrong or fake website? Don’t worry people. Here, we give you the review of trusted list and website that you can trust and help you to find your need. You don’t have to feel worry about the website or assume whether this website is a fake or not, because we have checked all these websites for you. So, enjoy the list bellow and get what you need here.

Ranking Checker by SEOmoz.com
This is the most top SEO tool. Why? It is because this tool allows you to type up to 5 keywords a day. You will be charged free by using this tool and it is very easy how to use it. First, you have to open an account in SEOmoz.com. After you get sign in to the website, choose “browser button” and it will help you copy the URL page that you type before automatically. It is really flexible and saving time. Leer más “20 Best SEO Tools Roundup 10/18/10”

Stop the FAQ Page Bandage

Where Did the FAQ Page Come From?

We can look at the FAQ page as one of the early and rudimentary conceptualizations of user-centered websites. The FAQ page was the webmaster’s (that’s what they called themselves back in the day) only way to address the needs of the masses. Before Twitter, Facebook, or even contact forms, users who had questions about a site or a piece of information were simply and sadly out of luck.

The only thing that stood between them and giving up was a list of questions sites always seemed to have; and maybe, just maybe, their question would be included in the list.

In the days of the early web, the FAQ page was a powerful tool for keeping site visitors happy. And while the web has certainly evolved since then, for the most part, the FAQ page has not.


by Jason Gross
http://sixrevisions.com/user-interface/stop-the-faq-page-bandage/

Stop the FAQ Page Bandage

The evolution of the web and the way in which we design for it has brought around all kinds of patterns, standards and best practices. Sites have a relatively uniform information structure: We always start with a home page (also known as the front page or index page) as the default page, and we’ll have common pages such as a contact page, an about page, and so forth.

A lot of sites will have a web page dedicated to problem-solving, giving answers to frequently asked questions (FAQ). In a time where interactivity between the site operator and site visitors is at the forefront, and a time where site analytics allow us to know more about user behavior than ever before — has the FAQ page, been left behind? Leer más “Stop the FAQ Page Bandage”

10 Usability Tips for Web Designers

Simply put, usability is making your website easy for your visitors to find the information they need when they need it.

A common misconception about usability amongst web companies is that usability is expensive. Yes, there are multi-national companies that spend thousands of dollars on usability tests and research, but for an everyday company usability is achievable without the knowledge of usability experts or without expensive equipment for testing.

Web designers have an even easier job to do, just by reading usability articles they can accumulate a fairly good knowledge about usability basics and how to implement them on a website.


http://www.webdesignerdepot.com/2008/12/10-usability-tips-for-web-designers/

Simply put, usability is making your website easy for your visitors to find the information they need when they need it.

A common misconception about usability amongst web companies is that usability is expensive. Yes, there are multi-national companies that spend thousands of dollars on usability tests and research, but for an everyday company usability is achievable without the knowledge of usability experts or without expensive equipment for testing.

Web designers have an even easier job to do, just by reading usability articles they can accumulate a fairly good knowledge about usability basics and how to implement them on a website.

1. Include a TaglineLeer más “10 Usability Tips for Web Designers”

7 Useful Tools for Mobile Website Testing

It seems like everybody has a smart phone these days. This means that more and more people are turning to these mobile devices to do things that they would normally do on their desktop or laptop, like checking and sending email and viewing web content. That’s why it’s almost a must now to pay more attention to how your website looks on mobile devices. Yes, this does just add one more thing to the list of ways that web designers have to test their work, but thankfully their are tools out there to make our lives a little bit easier. So here are 7 useful tools for mobile website testing.


It seems like everybody has a smart phone these days. This means that more and more people are turning to these mobile devices to do things that they would normally do on their desktop or laptop, like checking and sending email and viewing web content. That’s why it’s almost a must now to pay more attention to how your website looks on mobile devices. Yes, this does just add one more thing to the list of ways that web designers have to test their work, but thankfully their are tools out there to make our lives a little bit easier. So here are 7 useful tools for mobile website testing.

iBBDemo2

mobile testing

iBBDemo2 is an Adobe Air application that does a good job of emulating the iPhone and iPad web browsing experience. It can be a useful tool for testing Web apps targeting the iOS family of mobile devices. It can also be useful for doing presentations to demo iOS Web apps if you don’t have access to a Mac.

mobiReady

mobile testing

The mobiReady testing tool evaluates mobile-readiness using industry best practices & standards. The free report provides both a score (from 1 to 5) and in-depth analysis of pages to determine how well your site performs on a mobile device. Leer más “7 Useful Tools for Mobile Website Testing”

Directorios para publicar nuestras webs con alto page rank


semseo-directoriosEsta semana la cosa va de listas; os adjunto una breve lista de 15 directorios donde publicar vuestras webs y el page rank de estos. Quien no hace Link Building es por que no quiere.

(1) My Green Corner (6)

(2) Jayde (6)

(3) The Living Link – (6)

(4) Search Sight– (5)

(5) Can Links – (5)

(6) Miri Black – (5) Leer más “Directorios para publicar nuestras webs con alto page rank”