Mejores prácticas web es el blog de team INTERACTIVE dónde descubrirás los secretos para sacar el máximo rendimiento a tu página web.

Una página web rentable no es cosa de artistas: la estrategia en el diseño

Por Ignacio Barral

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.

Icono estrategia 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.

Icono alcance 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.

Icono estructura 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.

Icono esqueleto 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.

Icono superficie 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.

Capas de la experiencia de usuario

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.

Planificación de la experiencia de usuario

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/.

¿Quieres dejar un comentario sobre este artículo?

blog comments powered by Disqus

Newsletter mejores prácticas web

Recibe en tu email nuestros secretos para sacar el máximo rendimiento a tu página web.

Sobre team INTERACTIVE

Somos una agencia interactiva diferente: creamos experiencias únicas con la máxima calidad y efectividad, pero también queremos que nuestros clientes disfruten trabajando con nosotros.

¿Qué hacemos?

  • Diseño web e interactivo
    • Arquitectura de la información
    • Usabilidad
    • Diseño visual
    • Maquetación y programación
  • Marketing online
    • Planificación estratégica
    • Micro sitios
    • Posicionamiento en buscadores (SEO)
    • Pago por clic (SEM)
    • Emailings
    • Marketing social
  • Consultoría estratégica
    • Investigación y análisis
    • Definición
    • Planificación y medición

Síguenos en:

Sobre team INTERACTIVE

Somos una agencia interactiva diferente: creamos experiencias únicas con la máxima calidad y efectividad, pero también queremos que nuestros clientes disfruten trabajando con nosotros.

Nuestros servicios:

  • Diseño web e interactivo
    • Arquitectura de la información
    • Usabilidad
    • Diseño visual
    • Maquetación y programación
  • Marketing online
    • Planificación estratégica
    • Micro sitios
    • Posicionamiento en buscadores (SEO)
    • Pago por clic (SEM)
    • Emailings
    • Marketing social
  • Consultoría estratégica
    • Investigación y análisis
    • Definición
    • Planificación y medición