Es cierto que en los comienzos de la web, la gente hacía muy poco uso del scroll y cualquier contenido que no se encontrara de un primer vistazo tenía una baja probabilidad de ser visto.

En aquella época, los conocimientos de “informática” generales se limitaban al uso de CD-ROMs interactivos, cajeros de bancos, etc. Los usuarios se habían acostumbrado a que en la mayoría de los casos, las opciones y la información importante siempre se encontraría en una sola pantalla.

Luego llegó la web, y lo cambio todo.

A medida que nos hemos ido familiarizando con el uso de internet, hemos aprendido a utilizar una herramienta muy sencilla y útil de los navegadores: la barra de scroll (o mejor aún, la rueda del ratón). Junto a ello hemos descubierto que, de vez en cuando, puede que exista “algo” en la parte inferior de la página.

Esto no significa que aún no se recomiende priorizar e incluir la información más relevante en la parte superior de la página, que deberá ser la encargada de incentivar al usuario a hacer scroll y conocer que hay debajo.

¿Por qué diseñar una “página larga”?

No todas las páginas tienen que incluir una gran cantidad de información, pero en los casos en que así lo requieran, no debemos dudar en utilizarlas ya que pueden ofrecernos ciertas ventajas:

• Presentaremos una mayor cantidad de información de forma más amena. Imagina una página sobrecargada de información, dónde todo compite por nuestra atención en un pequeño espacio... ¿te sentirías cómodo leyéndola?
• Facilitaremos la navegación. Es más rápido y fácil encontrar toda la información sobre un tema en una única página que dividir la información en múltiples páginas, obligando a pensar por dónde continuar y esperar que se cargue una nueva página.

Conclusiones

Incluye los contenidos más relevantes en la parte superior de la página, ya que esto garantiza que la mayor parte de los visitantes lo vean.

En ciertas ocasiones, el scroll puede ser tu mejor aliado y ayudarte a presentar la información de una forma mucho amena y usable. Tan sólo hay que saber cuándo y cómo usarlo.

Dedica tu mayor esfuerzo a crear contenido de calidad y presentarlo de forma interesante para incentivar su lectura y “contar una historia” que valga la pena leer. Esto destruirá cualquier mito y logrará que tus visitantes hagan uso de la mágica rueda del ratón.

Después de todo, si has llegado hasta aquí, es porque has usado el scroll :)

Redactar textos para la web es muy diferente que hacerlo para otros medios y requiere de una gran especialización. Leer en una pantalla es un 25% más lento que la forma tradicional. Además los internautas son muy impacientes: quieren obtener respuestas de forma inmediata.

Por estos motivos te recomendamos adaptar los contenidos para tu página web, y no utilizar los mismos textos que en otros medios. Te aseguramos que el trabajo extra valdrá la pena.

Algunos consejos para escribir mejor en internet

• Se claro y conciso: escribe un 50% menos de texto. Si a la gente no le gusta leer en Internet, no la fuerces a leer textos poco relevantes. Piensa en cada párrafo, palabra y letra que utilizarás y elimina todo lo superfluo.
• Los enlaces son tus aliados: utiliza enlaces a páginas con más información si realmente es importante profundizar en un tema. De esta forma la información de interés para una minoría no penalizará a la mayoría de tus lectores. Recuerda: mucho texto = pocos lectores.
• Comienza tus textos con una conclusión, luego con la información que la soporte. Así tus lectores conocerán rápidamente el contenido de la página aunque no la lean completamente.
• Describe sólo una idea por párrafo, ya que esto facilita enormemente la comprensión general del texto.
• Redacta contenidos fácilmente "escaneables": utiliza distintos niveles de titulares que describan el contenido de cada página o sección, usa listas siempre que puedas y palabras clave destacadas (negrita, enlaces, etc.).
• Utiliza el vocabulario de tu público: si te diriges a un público poco especializado, intenta no utilizar la jerga del sector. Piensa que la mayoría de tus clientes no son profesionales en tu ámbito.
• Diseña textos cómodos de leer: exige a tus diseñadores tipografías "grandes" y con suficiente contraste. Aunque este consejo está relacionado con el diseño, nunca está de más recordarlo :).

¿Por qué debo adaptar mi redacción para la web?

• El contenido es lo que realmente importa: si la gente llega a nuestra web buscando información, por muy interesante que sea lo que tengas para contar, si no lo haces bien, no existirá para ellos.
• Aumentarás el ROI de tu web: motivará a la gente a leer tus contenidos y mejorará la comprensión, retención, velocidad y persistencia. Esto se traduce en que conocerán mejor a tu empresa y lo que tienes para ofrecer.
• Atraerás nuevas visitas: si tienes contenidos interesantes y fáciles de leer, será más probable que la gente quiera compartirlos (enlaces desde otras webs, servicios sociales, etc.).
• Mejorará tu posicionamiento en buscadores: utilizando estas técnicas (junto con otras que explicaremos en futuros artículos), es más probable que los buscadores den más importancia a tus contenidos, aumentando así tu posicionamiento.
• Aumentará la accesibilidad de tu sitio: todos estos consejos también serán útiles para mejorar la accesibilidad de tus contenidos a personas con distintos niveles de discapacidad.

Los elementos de la experiencia de usuario

Para realizar una página web rentable es indispensable conocer los elementos que componen la experiencia de usuario y, en todos los casos, debemos asegurarnos que ningún aspecto suceda sin nuestro previo análisis e intención. Esto puede parecer una gran tarea, y en cierta forma lo es, por lo que vamos a dividir esta labor en distintos elementos o capas que nos servirán para comprender mejor el problema como un todo.

Aunque aquí tomaremos como ejemplo una página web, esto se aplica a cualquier proyecto interactivo: desde una aplicación, hasta una campaña online.

Estrategia: el espíritu del proyecto

Esta capa es la más abstracta de todas, donde se definen los objetivos y la estrategia del proyecto, información que luego nos servirá para medir los resultados. Aquí vamos a definir:

• Mis objetivos: ¿qué espero obtener de mi página web? Aunque parece una pregunta sencilla, generalmente no es tan fácil de contestar. Todos sabemos que el objetivo final es aumentar las ventas aunque, dependiendo de cuál sea mi negocio, nuestra página podrá ayudarnos a lograrlo de distintas formas. Ej: educar a mis clientes, generando nuevos contactos, etc.
• Necesidades de mis clientes: este punto es igual de importante que el anterior y para lograr definirlo debemos ponernos en la piel del usuario, olvidando por un momento mis objetivos de negocio. Si mis clientes no obtienen respuesta a sus necesidades dentro de mi página web, ¿por qué van a utilizarla y querer extender su relación conmigo?.

Una vez que contemos con esta información, deberemos definir una estrategia general que nos permita lograr dichos objetivos.

Alcance: qué elementos componen el sitio

Este es el momento de pensar cómo cubrir los objetivos previamente definidos. Para ello debemos tener en cuenta:

• Requerimientos de contenido: es importante centrarnos únicamente en los contenidos que me ayuden a mi y a mis clientes a lograr los objetivos. Todo lo demás sólo será “ruido” que se interpondrá en la consecución de dichas metas. Ej: información de productos y/o servicios, dirección de contacto, políticas de devolución de productos, etc.
• Especificaciones funcionales: las funcionalidades son todas aquellas características que me ayudan a realizar las distintas tareas de una forma más eficiente y, por lo tanto, allanan el camino para facilitar la consecución de los objetivos. Ej: newsletter y/o canal RSS, mapa interactivo, buscador, etc.

Estructura: organizar para que sea fácil de encontrar

Ya contamos con una serie de contenidos y funcionalidades a incluir pero seguramente se encontrarán desorganizados, por lo que aquí vamos a organizar el caos.

• Arquitectura de la información y diseño de la interacción: aquí definiremos el árbol de contenidos y los flujos de navegación de nuestra página web. Agruparemos las páginas en distintas categorías y subcategorías que faciliten encontrar de forma rápida y eficiente los contenidos. Es importante organizar y nombrar a todos estos elementos según lo harían nuestros clientes, aunque de esta forma no se represente la organización interna de la empresa.

Esqueleto: el diseño centrado en el usuario

En este punto comenzaremos a pasar de lo abstracto a lo concreto, centrándonos exclusivamente en diseñar cada página buscando la forma de que sea muy fácil de utilizar, abstrayéndonos del diseño visual:

• Diseño de la información, navegación e interfaz: en este punto comenzaremos a realizar el diseño de cada página, aunque utilizando una nueva perspectiva: nos centraremos exclusivamente en cómo presentar la información y en las formas en las que el usuario podrá interactuar. El objetivo es facilitar al máximo el entendimiento del contenido y la utilización del sitio. El resultado de esta etapa son los wireframes de cada página.

Superficie: la identidad de tu negocio

Llegamos a la etapa final de todo el proceso de diseño, aunque su resultado es la primera impresión que obtendrán nuestros clientes. ¡Ya es hora de usar el Photoshop!

• Diseño visual: aquí definiremos el aspecto visual de nuestra página web; la paleta de colores, las imágenes, las tipografías, etc. El resultado no sólo debe ser un diseño atractivo, sino que debe representar la identidad y los valores de la empresa, transmitiendo confianza y profesionalidad para vencer la barrera final de interacción con nuestra empresa.

Planificación de las fases de diseño

Cada una de las capas se encuentra directamente relacionada con la anterior, aunque las dependencias corren en ambas direcciones: un cambio en una capa superior puede significar re-evaluar (o evaluar por primera vez) decisiones tomadas anteriormente.

Esto no significa que no se pueda pasar a la siguiente capa hasta no finalizar la actual. De hecho, es recomendable planificar el proyecto de tal forma que el trabajo de una capa no pueda finalizar hasta no finalizar la anterior, solapando así el trabajo entre una y otra.

Esto nos ayudará a realizar ciertos ajustes teniendo en cuenta las nuevas consideraciones que irán surgiendo cada vez que nos acerquemos a las capas más concretas.

Otros factores a tener en cuenta

Existen también otros factores a tener en cuenta para lograr una página web exitosa. Aunque de momento no los expliquemos en detalle, sí que vamos a nombrarlos a continuación:

• Contenidos: tus posibles clientes no utilizarán tu web sólo por diversión, por lo que debes contar con contenidos de calidad y adaptados al medio online.
• Promoción: una página sin visitantes no nos ayudará a aumentar las ventas de nuestro negocio, plantea también una campaña de promoción.
• Revisiones: una vez que el proyecto se lance es muy recomendable revisar cada cierto tiempo cada una de las capas e ir evolucionándolas según la respuesta del usuario y los cambios en el mercado.

Nota: éste artículo se ha realizado en base a los contenidos del libro The Elements of User Experience de Jesse James Garrett. Más información en www.jjg.net/elements/.