Explicación

3.1 Sitios web

Por definición, son un conjunto de páginas web que pueden contener textos, imágenes, y vídeos que pueden ser visualizados por un usuario desde un dispositivo a través de un navegador web.

Imaginemos que queremos escribir un libro que debe contener una portada o página inicial (home), un índice o menú, diferentes capítulos o páginas principales y los datos del autor o la página de contacto.

Existe una arquitectura básica y lógica en términos genéricos para la realización de una página web, el cual consta de varias partes:

Cabecera (header): se encuentra en la parte superior de la página web, generalmente contiene información relativa a la temática del sitio web. Suele incluir el logo, un título o eslogan, información de contacto y el menú para navegar por las páginas principales. Muchos diseñadores también incluyen un buscador.
Cuerpo (body): encontraremos el contenido más relevante para esa página en particular. Puede ser de cuerpo entero o con una barra lateral. Las barras laterales generalmente se usan para poner contenido complementario y mostrar accesos a otras páginas relevantes.
Pie de Página (footer): generalmente hallaremos información de contacto, un menú a las páginas más relevantes, enlaces a otras webs y, en general, contenido complementario referente a la temática del sitio web.

Estructura básica

3.2 Landing page (página de aterrizaje)

Una página de aterrizaje o landing page, es aquella página a la que un usuario llega luego de haber hecho clic en un enlace, un banner (anuncio publicitario de imagen), un anuncio de texto, incluso en los propios resultados de búsqueda de cualquier buscador como Google, Yahoo o Bing.

Esta página, casi siempre es la continuación del mensaje promocional o texto en el que ha hecho clic anteriormente y donde podrá ampliar información, además de continuar una determinada navegación.

Estas páginas están optimizadas para cumplir uno o varios objetivos, porque un landing page siempre debe tener un objetivo. Los objetivos pueden ser diversos.

Haz clic para conocer los objetivos.

Lo importante es cumplir el objetivo y satisfacer al usuario por encontrar lo que buscaba y le habíamos ofrecido.

Anatomía del landing page (página de aterrizaje)

Ahora sabiendo la importancia y los diferentes objetivos para la creación de un landing page, es importante saber la estructura correcta de cómo realizar uno.

Tomaremos como ejemplo la página de aterrizaje del Hotel Attica 21, que realizó la empresa de diseño gráfico Máis Que Deseño, para describir cada uno de los elementos que debe llevar. Hay que destacar que cada elemento posee la misma importancia, todos tienen una función para concretar un objetivo.

Haz clic en cada número para conocer la descripción del punto.

3.3 Call To Action (Llamada al Acción) en un landing page

El Call To Accion (CTA) o Llamada a la Acción, es una herramienta de comunicación aplicada a la publicidad que tiene como objetivo principal motivar a los usuarios a realizar cierta acción, es decir, crear el interés suficiente para que cumplan con el propósito del Landing page.

¿Cómo es un Call to Action perfecto?

Pasos para que los CTA’s sean atractivos para los usuarios y alcancen los objetivos. (Aguilar,2013):

Planter el perfil de tu usuario meta.
Crea varios copys y elige cuál o cuáles cumplen con el objetivo.
Selecciona una ubicación para el CTA (en caso de que sea para el landing page).
Utiliza números, por ejemplo, un precio rebajado sobre el precio anterior.
Realiza un diseño de acuerdo al estilo del mercado al cual te quieres dirigir.

No olvides que en cada página debes presentar al usuario una o varias llamadas a la acción pues te pueden ayudar a lo siguiente:

Aumentar la conversión de tus objetivos.
Optimizar el tiempo en la información que están buscando los usuarios.

Uno de los errores más comunes es sobrecargar la página con demasiadas acciones, provocando el efecto contrario al esperado.

Ejemplos de CTA’s:

3.4 Usabilidad

La usabilidad es la medida de la calidad de la experiencia que tiene un usuario cuando interactúa con un producto o sistema.

Esto se mide a través del estudio de la relación que se produce entre las herramientas, entendidas en un sitio web el conjunto integrado por los siguientes elementos:

Sistema de navegación	Contenidos ofrecidos	Funcionalidad	Usuarios que las utilizan
Elementos de un sitio web que permiten que la navegación por las diferentes secciones y páginas que lo componen. Es fundamental que los visitantes encuentren lo que están buscando, exploren el contenido y obtengan una buena experiencia al navegar.	El contenido que ofrece dentro de un sitio debe ser autentico, con buena ortografía y variado.	Conjunto de características que hacen que un sitio web o landing page sea práctico y útil.	Visitantes que utilizan o están dentro del sitio web.

Esto determina la eficiencia en el uso de los diferentes elementos ofrecidos en las pantallas y la efectividad en el cumplimiento de las tareas que se pueden llevar a cabo a través de ellas.

Tener un sitio web o un landing page (página de aterrizaje), optimizado y monitoreado constantemente, será uno de los factores que determinará la experiencia y el tiempo de duración del usuario dentro de éste.

Las facetas de la experiencia del usuario

La usabilidad implica revisar una serie de aspectos relacionados con el uso y la manera en que las personas interactúan con los sistemas que se les ofrecen.

Se ha creado una comunidad que ha ido expandiendo sus capacidades y herramientas, abarcando áreas como la experiencia de usuario y la medición de la calidad de la misma, porque se entiende que mientras mayor sea la usabilidad de un sitio, mayor será el impacto del sitio web en quienes lo visitan y utilizan.

Adicionalmente, Peter Morville presidente de Semantic Studios, co-autor del famoso libro Oso Polar acerca de Arquitectura de la Información, señala que un sitio web puede ser mejorado en diferentes aspectos, considerando la usabilidad como un aspecto más de ellas.

A estos aspectos, el autor los denomina como las Facetas de la Experiencia del Usuario:

Haz clic en cada una para conocer detalle de la información.

Estructura básica

1.

2.

3.

4.