consejos diseño web
10/05/2019

14 consejos de diseño web que no puedes perderte

Programación y Diseño Web

El desarrollo de una buena interfaz web ha estado siempre ligado a la tecnología disponible en cada momento. En los inicios de internet la mayoría de las páginas web eran estáticas y tampoco se disponía de la tecnología para dotar a dichas páginas de mayor atractivo.

Ahora tenemos muchos recursos para poder desarrollar webs atractivas y útiles. En este post te voy a dar una serie de consejos de diseño para poder desarrollar un buen interfaz web.

 

La importancia de un buen diseño web

Hoy en día toda empresa que quiera tener éxito precisa disponer de página web de forma irremediable. Si no se está en la web, no se existe, pero no se puede estar de cualquier forma.

Para poder tener éxito en nuestra estrategia de posicionamiento web y que Google nos suba en las búsquedas, no es suficiente con tener una web con un contenido adecuado y rico. Es fundamental tener un diseño atractivo, moderno y funcional que cautive a los usuarios.

Solo con este tipo de diseños lograremos triunfar y aumentar nuestros valores de visita y recurrencia que mejorarán nuestro ranking y atraerán cada vez a más visitantes.

 

14 Consejos para un buen diseño web

 

  • Primero conozcamos a los usuarios

Para realizar un diseño adecuado, debemos tener siempre presente el comportamiento de un usuario frente a un entorno web.

Los usuarios en una web se comportan de forma similar a cuando van a comprar en una tienda:

Echan un vistazo las páginas nuevas.

Leen por encima una parte del texto

Hacen clic en el primer enlace que les llama la atención o se parece a lo que están buscando.

Hay grandes partes de la página que ni siquiera miran.

Si la página no cumple con las expectativas la cierran y se van.

 

  • Realicemos diseños FUN (Funcionalidad-Usabilidad-Navegabilidad)

Una de las reglas de oro que hay que cumplir es la que sea un diseño FUN.

Una interfaz web será FUNCIONAL cuando el usuario pueda llevar a cabo un proceso concreto de forma clara, rápida y accesible, sin rodeos innecesarios, ni trampas. Por ejemplo, si el usuario puede hacer algo en la web en dos pasos, no se lo hagamos hacer en siete. El peor error es hacer registros en la web de múltiples pasos.

La interfaz web será USABLE si ofrecemos una experiencia de navegación agradable. Debemos usar colores que no cansen la vista; evitar procesos que impliquen periodos largos de espera; conseguir que el usuario alcance un óptimo manejo del programa en el menor tiempo posible, etc.

Una interfaz web se considerará NAVEGABLE si permite que el usuario se mueva por toda la web de forma ágil, sencilla e intuitiva, con opciones de menú que sean claras y no inciten a la confusión.

 

  • Diseño responsive

Hoy en día cualquier web que no sea responsive, es decir que se adapte a cualquier tamaño de pantalla y dispositivo, está abocada al fracaso. Entre otras coas porque el posicionamiento SEO de dicha página será muy negativa por la alta penalización que Google realizará.

Además, el uso de smartphones y tablets para la navegación está muy extendido y si nuestra web no es responsive, la experiencia de usuario va a ser muy mala generando de esta forma el abandono de la web.

 

  • Facilidad de navegación

Enlazado con el punto anterior, debemos conseguir una navegación y una experiencia de usuario óptimas.

Para ello, la estructura de los menús debe ser clara y ayudar a navegar al usuario a los contenidos que busca, con una profundidad en los menús no más allá de tres niveles para evitar la confusión de dónde estamos.

Las páginas deben ofrecer opciones claras y sencillas que guíen al usuario en su navegación mejorando la experiencia de este.

 

  • Elimina las barreras

Hay que permitir a nuestros visitantes explorar nuestro sitio web sin barreras. No podemos pedir a nuestros visitantes que para entrar en áreas de nuestro menú que se deban obligatoriamente registrarse pues eso hará que huyan inmediatamente.

 

  • Mostrar claramente los elementos principales

Los elementos visuales o el texto remarcado en negrita o color atraen por si solos la mirada de nuestros visitantes. Si nos interesa que nuestro visitante se centre en algo concreto de nuestra página, deberemos destacar esa parte con los recursos mencionados.

 

  • El texto si breve y claro, mejor

Es necesario ajustar el estilo de escritura a las preferencias de los usuarios y los hábitos de navegación. Es aconsejable seguir estas pautas:

Utilizar frases cortas y concisas.

Categorizar el contenido, utilizar múltiples niveles de títulos para clasificar la información y utilizar elementos visuales y listas con viñetas.

Utilizar un lenguaje claro y ofrecer a los usuarios una razón objetiva y razonable por la que deben permanecer en tu sitio web.

 

  • Utiliza los estándares web

Para tener una experiencia de navegación agradable sobre cualquier navegador, lo mejor es seguir los estándares de desarrollo definidos por el W3C. Ello nos va a garantizar que casi cualquier plataforma y dispositivo pueda ser utilizado para navegar sobre nuestra web.

 

  • Diseño homogéneo

Cuando hablo de diseño homogéneo, me refiera a la consistencia homogénea de la tipografía, estructura, gama de colores y estilos que garanticen una identidad visual de toda la web, lo que redundará en una mayor facilidad de navegación y de identificación de los contenidos.

No debemos buscar colores estridentes ni fuentes extrañas o extravagantes. La tipografía y en general la estética debe ser agradable a la vista y sin apartamientos de texto o imágenes excesivas.

 

  • Usa un lenguaje visual

Se conoce como lenguaje visual aquel que hace a los usuarios ver contenidos en pantalla y se fundamenta en 3 principios que deberemos intentar aplicar:

Organizar: proporciona al usuario una estructura conceptual clara y consistente. Consistencia, diseño de la pantalla y navegabilidad son conceptos importantes de la organización. Las mismas convenciones y normas deben aplicarse a todos los elementos.

Economizar: haz lo máximo con la menor cantidad de señales y elementos visuales. Cuatro puntos importantes a tener en cuenta: simplicidad, claridad, distinción y énfasis.

Comunicar: adapta la presentación a las capacidades del usuario. La interfaz de usuario debe tener equilibrio. La legibilidad, la tipografía, el simbolismo y el color o la textura deben estar adaptados de tal manera que comuniquen con éxito. Utiliza un máximo de tres tipos de letra en un máximo de tres tamaños distintos y un máximo de 18 palabras o 50-80 caracteres por línea de texto.

 

  • Estructura de los contenidos

El contenido de cada página debe definirse de forma proporcionada entre texto e imágenes realzando el mensaje que queramos dar mediante una imagen de calidad o un texto en tamaño y color adecuado.

En resumen, debemos facilitar la lectura de la página y no sobrecargarla con excesivo texto. Es preferible una página con poco texto y concisa que otra recargada. Los contenidos de texto deben ser de calidad y de relevancia con el objetivo de la web.

La jerarquía visual debe ser clara, que el usuario encuentre lo que busca en un solo vistazo, de lo contrario, perderemos audiencia.

 

  • Las redes sociales

Como no solo se debe tener visibilidad a través de una web, también es importante estar presente en las redes sociales.

Si tenemos presencia en las redes sociales, deberemos publicitarlo en nuestra web en un lugar visible, mejor en la parte superior de la página que no al final de esta donde la visibilidad va a ser menor.

 

  • Optimización de la carga de la página

Si recargamos nuestras páginas con imágenes muy pesadas, la carga de esta será más lenta. Debemos optimizar el peso de nuestras páginas para que se puedan cargar en menos de 3 segundos, ya que, de lo contrario, es muy probable que el usuario abandone el proceso de entrada en la página.

 

  • Orientación al SEO

No debemos olvidar tampoco orientar el diseño de nuestra web de forma que optimicemos el SEO, es decir, nuestro posicionamiento en buscadores.

Para ello, no debemos olvidar definir las palabras clave que mejor definen nuestra web para usarlas en el contenido y a ser posible que nuestro dominio incluya alguna de dichas palabras.

 

Estos siete consejos son una de las claves para garantizar el engagement pero la verdad es que no todos los expertos se ponen de acuerdo en los fundamental de un buen diseño. Con lo que hemos visto en este post, seremos capaces de crear una interfaz agradable, funcional y usable que garantice el engagement de la misma.

¿Crees que hay algún otro aspecto a tener en cuenta para aumentar el engagament de una web?

Danos tu opinión

Comparte en:

Mejores plataformas para crear un ecommerce
21/05/2020
Carlos Yañez

Mejores plataformas para crear un ecommerce

En el post de hoy veremos cuales son las plataformas de ecommerce más adecuadas para crear una tienda on-line para que, si estás interesado, puedas desarrollar tu pr...

Consejos para detectar un ciberataque
21/05/2020
Rubén Bellido

Consejos para detectar un ciberataque

Estamos en un momento de pleno auge digital, es por ello que también estamos en un punto que los ciberataques van en aumento exponencialmente y así lo demuestran dif...

claves web exito
09/05/2020
Carlos Yañez

6 consejos para hacer una web exitosa

En el post de hoy te daremos las claves para que tu web sea realmente exitosa. Veamos en qué apoyarnos para conseguir el éxito.