BlogReglas de diseño web

Antes de exponer las reglas del diseño web es importante recordar en qué consiste elaborar un sitio de Internet. Básicamente, se trata de definir el proyecto, establecer la jerarquía de los contenidos y elementos, elaborar un prototipo, realizar el diseño propiamente dicho, y ejecutarlo.

En la construcción de un proyecto web intervienen especialistas de diferentes disciplinas:

  • Diseño gráfico
  • Estructuración de interfaz
  • Diseño de usabilidad
  • UX Design (diseño de la experiencia del usuario)
  • Arquitectura de la información
  • Optimización del rendimiento

Sin embargo, los conocimientos técnicos y la creatividad en el diseño, por sí solos, no son los únicos requerimientos para desarrollar un website que resulte atractivo y útil a los usuarios y que, a la vez, cumpla con los propósitos de la organización. En consecuencia, es indispensable seguir un conjunto de reglas del diseño web básicas. Algunas de las más relevantes las detallamos a continuación.

Elaborar un buen briefing, la primera de las reglas de diseño web

Tal como si fuera una estrategia de marketing, para crear una página web es primordial contar con un documento que contenga toda la información que guiará el proceso. De acuerdo a esto, el briefing debe incluir:

  • Descripción y objetivos de la empresa.
  • Valores e imagen de la marca que se quieren proyectar.
  • Descripción de los buyer personas o público objetivo.
  • Orientación del sitio web: informativo, promoción, captación, venta…
  • Objetivos y características de los contenidos.

Jerarquización de páginas y contenidos

Con el briefing como guía, lo que sigue es ordenar el contenido de acuerdo a la importancia. Esta es la fase de proyecto en la que se determina:

  • De qué manera se dispondrá el menú principal.
  • Qué información irá en la home page y cuál en las páginas internas.
  • Cuál será la estructura de navegación y los niveles jerárquicos entre las páginas.
  • Cómo plasmar y distribuir los enlaces y Call-to-Action (CTA).
  • Si hay ofertas, cómo priorizarlas.

Limitar las tipografías

Impresiona la cantidad de páginas web que muestran un exceso de tipografías diferentes a lo largo de su diseño o usan tipografías demasiado adornadas. Entre las reglas de diseño web más básicas está el empleo moderado de fuentes ya que se debe usar un máximo de dos tipografías. Lo más recomendable es jugar con las variaciones que tiene una tipografía y que nos permite usar diferentes estilos de una misma fuente pero manteniendo una línea gráfica coherente entre los diferentes usos que hagamos de ella. Las tipografías que no tienen decoración (sans serif) suelen ser más usadas actualmente ya que transmiten un aire más moderno. En cualquier caso, un buen diseñador puede combinar tipografías clásicas y modernas con mucho estilo y gran resultado.

El uso del color

La disposición de colores en un entorno web depende de variables como las características de la organización, los propósitos del site y hasta del estilo de los diseñadores. De esta manera, en los web sites de entidades financieras predomina el blanco como fondo. En los sites corporativos suele usarse azules oscuros y grises que transmiten sobriedad y seriedad. Mientras que en las páginas de cadenas de comida rápida, abundan los contrastes de tonalidades vivas. También, es frecuente guiarse por los colores corporativos de la empresa a la hora de trabajar un nuevo diseño. Lo importante es balancear la cantidad de colores a incluir, no caer en el exceso y evitar los fondos oscuros.

Las imágenes

Las fotografías, infografías y animaciones son elementos estéticos que aportan gran atractivo a las páginas de Internet. No está de más advertir que las mismas deben ser coherentes con los contenidos del site. Además una buena selección de fotografías puede ser la diferencia entre un site como otros o uno que marque la diferencia. Aunque hay muchos bancos de imágenes a los que podemos recurrir para seleccionar nuestras imágenes, si es posible y el presupuesto lo permite, lo ideal es recurrir al trabajo de un fotógrafo que nos permitirá obtener imágenes completamente a medida de las necesidades del proyecto y que no podrán verse en ningún otro site.

Optimizar la usabilidad

La usabilidad indica el nivel de facilidad con la que un usuario interactúa en un entorno digital. Es decir, cuanto más ágil, agradable, intuitivo y seguro resulte interactuar con una plataforma, mejor es su grado de usabilidad. Aunque hay muchas reglas de usabilidad aplicables a un entorno web, hay dos reglas de diseño web especialmente importantes:

  • Empoderar al usuario. Es importante asegurar al usuario un control total de la experiencia de navegación. Esto es, minimizar las posibilidades de confusión; que siempre sepa dónde se encuentra, qué acciones puede realizar y cómo acceder a otras secciones. No hay peor experiencia en un site que sentirse perdido y no saber qué hacer ni a dónde dirigirse.

 

  • Agilizar la interacción. Una de las reglas de diseño web cuyo cumplimiento es inexcusable es la regla de de los tres clics. Éste es el número máximo de pasos con las que un usuario debería lograr sus propósitos al entrar a una página: obtener información, descargar archivos, hacer una compra, etc. En general es muy importante que el internauta pueda hacer todo de manera eficaz y eficiente.

Reglas de diseño web y el diseño responsive

  • El mobile first no es una simple tendencia, es una obligación. El número de usuarios que se conectan a Internet mediante dispositivos móviles se incrementa constantemente y los diseñadores deben optimizar el uso de los entornos web desde smartphones y tablets. No vale solo con asegurarnos de que se pueda navegar desde dispositivos móviles sino que los diseñadores deben crear los sites con la versión móvil en mente, de esta forma podrán garantizar que la experiencia de uso desde los dispositivos móviles será idónea.

 

  • No interferir en la experiencia. ¡Cuántos usuarios se quejan de la publicidad intrusiva de muchos sites! Abusar de estos elementos e interrumpir con ellos la navegación del internauta es una de las causas más comunes de hartazgo y abandono de sites. Si la publicidad es necesaria para un site, es aconsejable definir un adecuado equilibrio entre contenidos y espacios publicitarios para no saturar al usuario. La mayoría de estos usuarios entienden que la publicidad es un peaje necesario para acceder a contenidos gratuítos relevantes pero no debemos olvidar que el usuario está a un clic de abandonar nuestro site; si nos excedemos en la presión publicitaria, estaremos aumentando las posibilidades de que esto ocurra.

El embudo de conversión y las reglas de diseño web

En resumen, estas reglas de diseño web tienen el propósito de lograr que la experiencia del usuario en un site sea óptima. Más aún, su cumplimiento facilitará las posibilidades de que el usuario repita visita en otro momento; esto será de gran ayuda para mejorar nuestro embudo de conversión.

Las reglas de diseño web y los contenidos relacionados con creatividad y diseño son parte de las temáticas que se tratan en nuestros programas de formación en marketing