Pruebas en tu página web – infografía

Las campañas de testeo de una página web comercial cada vez son más elaboradas, ya que cualquier problema o fallo puede suponer la pérdida de una venta e, incluso, de un cliente. Por ello, es vital que las pruebas alcancen mucho más que la página de inicio, sean extensivas y traten diferentes elementos.

Así, como se puede ver en esta infografía de Monetate se tiene que comprobar que todo funciona correctamente, desde los botones a las ofertas que se ofrecen, pasando por lanavegación.

Por otro lado, estas pruebas se deberían aplicar al menos en la página principal, la de inicio, la de resultados de búsqueda, todas las referentes a los productos (tanto categorías generales como las de detalle) y, por supuesto, la de compra.


 

Las campañas de testeo de una página web comercial cada vez son más elaboradas, ya que cualquier problema o fallo puede suponer la pérdida de una venta e, incluso, de un cliente. Por ello, es vital que las pruebas alcancen mucho más que la página de inicio, sean extensivas y traten diferentes elementos.

Así, como se puede ver en esta infografía de Monetate se tiene que comprobar que todo funciona correctamente, desde los botones a las ofertas que se ofrecen, pasando por lanavegación.

Por otro lado, estas pruebas se deberían aplicar al menos en la página principal, la de inicio, la de resultados de búsqueda, todas las referentes a los productos (tanto categorías generales como las de detalle) y, por supuesto, la de compra.

Infografía… Leer más “Pruebas en tu página web – infografía”

How To Use the “Seven Deadly Sins” to Turn Visitors into Customers

Since the beginning of time, people have exploited the human desire to sin so that they could achieve their goals. Finding out what causes people to sin helps us understand the triggers which prompt people to take an action. The Web has made it even easier to exploit these tendencies to sin, in order to build user engagement and excitement about your service or product. In this article we’ll show examples of how successful companies exploit the tendency to conduct all the famous Seven Deadly Sins, and in turn generate momentum with their website visitors. Ready? Let’s roll.
Sin #1: Pride

Pride is defined as having an excessively high opinion of oneself. You must remember someone from your school days who had an extremely high sense of their personal appearance or abilities. That’s pride at work. On the Web, this sin will help you sell your product. Every website visitor wants to be associated with a successful service that other people might find impressive.

People want to say: “Yes, Fortune 500 companies use this tool and I use it as well,” or “Yes, I got on the homepage of Dribbble in front of thousands of other designers; that’s the type of work I do.” In all these examples, people are proud of their achievements and the website helps them show their pride. Here are examples of this first sin in action:

Showing off your customers. People want to use tools that big brands use. SEOmoz does a great job of fronting up the logos of famous companies that pay for their tools, with a simple call to action prompting you to be as successful as these top brands. This entices users to try this tool: “I want to use something big brands use.”



Since the beginning of time, people have exploited the human desire to sin so that they could achieve their goals. Finding out what causes people to sin helps us understand the triggers which prompt people to take an action. The Web has made it even easier to exploit these tendencies to sin, in order to build user engagement and excitement about your service or product. In this article we’ll show examples of how successful companies exploit the tendency to conduct all the famous Seven Deadly Sins, and in turn generate momentum with their website visitors. Ready? Let’s roll.

Sin #1: Pride

Pride is defined as having an excessively high opinion of oneself. You must remember someone from your school days who had an extremely high sense of their personal appearance or abilities. That’s pride at work. On the Web, this sin will help you sell your product. Every website visitor wants to be associated with a successful service that other people might find impressive.

People want to say: “Yes, Fortune 500 companies use this tool and I use it as well,” or “Yes, I got on the homepage of Dribbble in front of thousands of other designers; that’s the type of work I do.” In all these examples, people are proud of their achievements and the website helps them show their pride. Here are examples of this first sin in action:

Showing off your customers. People want to use tools that big brands use. SEOmoz does a great job of fronting up the logos of famous companies that pay for their tools, with a simple call to action prompting you to be as successful as these top brands. This entices users to try this tool: “I want to use something big brands use.” Leer más “How To Use the “Seven Deadly Sins” to Turn Visitors into Customers”

The Ultimate Adobe Fireworks Toolbox

Full article
http://www.noupe.com/how-tos/the-ultimate-adobe-fireworks-toolbox.html

By Robert Bowen

Today we are here to help with the whole getting to know Adobe Fireworks a bit, as we dive deep into the internet to find the most useful sites, resources, tutorials and more to expand your Fireworks knowledge base and skillsets, and we deliver them all right into your readers.

Below is an assortment of various links that will help you assemble the ultimate Fireworks toolbox, so you can get the most out of this under used member of the Adobe Creative Suite family of design tools. So if you are a Fireworks enthusiast, or looking to become one, take a peek through the gathered resources below so that when you dive in to the works, you can dive in with style and preparedness.

Header1 in The Ultimate Adobe Fireworks Toolbox
General Websites

So the first section of our resource gathering finds us with a broad view opened up across the vast network of cyberspace to find you some dedicated sites based around this useful, oft overlooked, graphical and wireframing application. Below are a handful of places that anyone looking to beef up their FW toolbox should be heading first and foremost. Naturally our view will narrow in the sections ahead, but for now, these websites have loads of resources and tutorials for you to expand both your skill and your toolsets.

Adobe Fireworks Team is the FW focused blog from the folks over at Adobe. If you are looking for Fireworks info and insights, then what better place to start than at the source itself. This blog is loaded with all sorts of related tips and talk to help you get more out of the application than you first thought.


Full article
http://www.noupe.com/how-tos/the-ultimate-adobe-fireworks-toolbox.html

By Robert Bowen

Today we are here to help with the whole getting to know Adobe Fireworks a bit, as we dive deep into the internet to find the most useful sites, resources, tutorials and more to expand your Fireworks knowledge base and skillsets, and we deliver them all right into your readers.

Below is an assortment of various links that will help you assemble the ultimate Fireworks toolbox, so you can get the most out of this under used member of the Adobe Creative Suite family of design tools. So if you are a Fireworks enthusiast, or looking to become one, take a peek through the gathered resources below so that when you dive in to the works, you can dive in with style and preparedness.

Header1 in The Ultimate Adobe Fireworks Toolbox

General Websites

So the first section of our resource gathering finds us with a broad view opened up across the vast network of cyberspace to find you some dedicated sites based around this useful, oft overlooked, graphical and wireframing application. Below are a handful of places that anyone looking to beef up their FW toolbox should be heading first and foremost. Naturally our view will narrow in the sections ahead, but for now, these websites have loads of resources and tutorials for you to expand both your skill and your toolsets.

Adobe Fireworks Team is the FW focused blog from the folks over at Adobe. If you are looking for Fireworks info and insights, then what better place to start than at the source itself. This blog is loaded with all sorts of related tips and talk to help you get more out of the application than you first thought. Leer más “The Ultimate Adobe Fireworks Toolbox”

A Complete Guide to A/B Testing

A/B testing (also called split testing) is a testing method generally used in marketing to compare results between two samples with the goal to improve conversion or response rates.

In web design, A/B tests are generally used to test design elements (sometimes against the existing design) to better determine which design elements will get the best response from visitors.

A/B tests, by definition, compare only two variables (design elements) at a time. There is also multivariate testing, which compares more than one variable.


A/B testing (also called split testing) is a testing method generally used in marketing to compare results between two samples with the goal to improve conversion or response rates.

In web design, A/B tests are generally used to test design elements (sometimes against the existing design) to better determine which design elements will get the best response from visitors.

A/B tests, by definition, compare only two variables (design elements) at a time. There is also multivariate testing, which compares more than one variable. Leer más “A Complete Guide to A/B Testing”

Applying Duotones to Data

The ability to tint black-and-white photographs with color has been a staple of photography for decades, and modern image editors make warming and cooling grayscale images a snap.

This concept of a steady progression of shades can be used to present information as well.

This technique of tinting digital photos works well for presenting information and can improve usability.

Just as a gradient shows a range of colors, a monotone or duotone can be used to show a range of data.

In this article, we’ll learn how to apply color to enhance infographics.

Unless they’re calculating sales, most people don’t associate spreadsheets with fine-art photography. But even outside the world of accounting, tables and duotones can mix. The trick is knowing when to use color.


duotone dataThe ability to tint black-and-white photographs with color has been a staple of photography for decades, and modern image editors make warming and cooling grayscale images a snap.

This concept of a steady progression of shades can be used to present information as well.

This technique of tinting digital photos works well for presenting information and can improve usability.

Just as a gradient shows a range of colors, a monotone or duotone can be used to show a range of data.

In this article, we’ll learn how to apply color to enhance infographics.

//

Unless they’re calculating sales, most people don’t associate spreadsheets with fine-art photography. But even outside the world of accounting, tables and duotones can mix. The trick is knowing when to use color.

Leer más “Applying Duotones to Data”

Occam’s Razor: A Great Principle for Designers

Lex parsimoniae is the Latin expression of what is known in English as Occam’s Razor, a philosophical rule of thumb that has guided some of the world’s best and brightest minds (including Isaac Newton).

It is named after the 14th-century logician and theologian William of Ockham.

But what the heck does Occam’s Razor have to do with web design? I’m glad you asked. To put it plainly, Occam’s Razor states that the simplest explanation is usually true.

For our purposes, to use Occam’s Razor is to do something in the simplest manner possible because simpler is usually better.

In this article, we’ll show you how to use Occam’s Razor to create better websites and to enhance the user experience, both for yourself and your clients.

Before we dive into the details, let’s look at a real-world example of Occam’s Razor as used by a company whose simple and effective products you are certainly familiar with: 37signals.


Lex parsimoniae is the Latin expression of what is known in English as Occam’s Razor, a philosophical rule of thumb that has guided some of the world’s best and brightest minds (including Isaac Newton).

It is named after the 14th-century logician and theologian William of Ockham.

But what the heck does Occam’s Razor have to do with web design? I’m glad you asked. To put it plainly, Occam’s Razor states that the simplest explanation is usually true.

For our purposes, to use Occam’s Razor is to do something in the simplest manner possible because simpler is usually better.

In this article, we’ll show you how to use Occam’s Razor to create better websites and to enhance the user experience, both for yourself and your clients.

Before we dive into the details, let’s look at a real-world example of Occam’s Razor as used by a company whose simple and effective products you are certainly familiar with: 37signals. Leer más “Occam’s Razor: A Great Principle for Designers”

Tips for Creating Big Stature With Small Caps

When a web page demands respect from readers, few type treatments give it dignity like “small capitals.”

This treatment makes all letters in a line of text uppercase, but retains hierarchy by making the initial letters of important words noticeably larger.

When used properly, small caps make things look stable and reliable. They can appear official or solemn; stately text is never rushed.

Small caps march to their own deliberate beat. Small caps almost guarantee that text won’t look cheap.

Like any technique, though, this one can be abused or used improperly. Read on for some tips on how to integrate the power of small caps in your designs…


using small capitals in typographyWhen a web page demands respect from readers, few type treatments give it dignity like “small capitals.”

This treatment makes all letters in a line of text uppercase, but retains hierarchy by making the initial letters of important words noticeably larger.

When used properly, small caps make things look stable and reliable. They can appear official or solemn; stately text is never rushed.

Small caps march to their own deliberate beat. Small caps almost guarantee that text won’t look cheap.

Like any technique, though, this one can be abused or used improperly. Read on for some tips on how to integrate the power of small caps in your designs…