5 prácticas exitosas de Diseño Web que no debes sacrificar por las tendencias actuales

5 prácticas exitosas de Diseño Web que no debes sacrificar por las tendencias actuales

Share on Pinterest

En estos días, las últimas tendencias de diseño se extienden de manera veloz por las redes. Incluso, aunque no hayas estado buscando, apostamos que has visto cientos de menús y fondos bastante diversos. Este efecto se desarrolla aún más en sitios web basados en WordPress o Joomla, ya que utilizan temas que incorporan estas disposiciones con el fin de reunir más usuarios.

Dicho esto, no hay nada de “malo” con mantenerse al día con los últimos avances de diseño web, el inconveniente surge cuando los diseñadores comienzan a sacrificar buenas prácticas con el fin de incorporarlos. Siendo muchas veces innecesario, porque se convierte en una experiencia no grata para los visitantes.

Una compilación de las mejores prácticas de diseño web sería una tarea bastante ardua y compleja pero, aunque más no sea, hemos pensado en una breve lista de 5 factores que no debes intentar sacrificar a favor de las actuales tendencias de diseño web.

1. Llamadas a la acción claras

El recursos de las llamadas a la acción es fundamental en cualquier diagrama de diseño web, es una estrategia muy efectiva en la que puedes lograr diversos fines: que se suscriban a una lista de correo, realizar ventas adicionales, entre otros.

Es así que, el uso de llamadas a la acción –o call to action- claras y concisas es una de las formas más sencillas y efectivas de maximizar el rendimiento de tu sitio web, es por esto que siempre debes intentar maximizarlas y no desviar el foco. Nos referimos a que no deben alejarse de cualquier cambio de diseño que las hagan menos visibles. Después de todo, con el fin de ser eficaces, necesitan ser vistas y, con el fin de ser vistas, deben ser colocadas en lugares claves alrededor de tu sitio.

Entonces, te aconsejamos que consideres dónde tus ojos suelen ir cuando estás analizando una nueva página web – tienes la barra de navegación (que normalmente se encuentra en la parte superior o lateral), la parte superior de la pantalla (donde es probable ver una galería de desplazamiento o un encabezado de ancho completo), etc. Todos estos son lugares fantásticos para colocar una CTA (call to action).

Aparte de las preocupaciones basadas en la localización, también debes tener en cuenta el color, tamaño y forma de las CTA, y cómo la implementación de una nueva tendencia de diseño podría requerir modificar estos factores clave. Por ejemplo, un fondo animado podría crear un contraste atractivo con tus llamadas a la acción pero, de igual forma, reducir el porcentaje de clics.

Analiza con paciencia dónde y cómo colocar tus llamadas a la acción. Además, tómate el tiempo de realizar pruebas para poder sacarles el máximo provecho, recuerda constantemente el fin de las mismas.


2. Cuadros de búsqueda funcionales

En algún momento, tu sitio crecerá y un simple menú de navegación no será suficiente para que los usuarios encuentren el contenido deseado con facilidad y, es ahí donde los cuadros de búsqueda vienen a resolver este tema. Independientemente de cómo has elegido implementar esta función en tu sitio web -ya sea a través de un plugin, búsqueda de Google, etc.- estas cajas tienen que permanecer visibles, fácilmente identificables y utilizables.

Antes de profundizar en los detalles de lo que hace exactamente un “buen” cuadro de búsqueda, vamos a dejar claro algo importante: no todos los sitios web requieren un cuadro de búsqueda. Por ejemplo, si estás diseñando un sitio simple que no se actualizará y cuyos propietarios se comunican con regularidad a través de las redes sociales, ¿cuál es el fin de realizar un cuadro de búsqueda? 

Ahora bien, un cuadro de búsqueda abarca dos simples componentes: un campo de entrada y una función de enviar. Entonces, no tiene por qué ser ostentoso, ya que debes considerarlo como una de las funciones básicas de tu sitio. Por lo tanto, si te encuentras evaluando la posibilidad de modificar el diseño, previamente debes considerar las siguientes preguntas:

* ¿La forma de la caja de búsqueda encaja en el diseño global?
* ¿Influye en su facilidad de uso?
* ¿Afectará su colocación, por lo que es difícil de encontrar?

Lo básico en este punto es que tus usuarios puedan encontrar lo que buscan de manera rápida y concreta, lo demás viene después.


3. Carros de compra fáciles de usar

Al igual que los cuadros de búsqueda, los carritos de compra deben ser ante todo funcionales. Sin embargo, si estás trabajando en el diseño de un sitio de comercio electrónico debes prestar especial atención a ésta característica, dado que es la principal forma en que el cliente puede interactuar con tu proyecto.

Debes considerar en este punto que los mejores carros de la compra son los que:

* Sirven como un recordatorio constante para que los usuarios que no han comprado lo hagan.
* Ofrecen el número de elementos que se han añadido.
* Puedes llevar un seguimiento de las compras mientras ves otros productos.
* Proporcionan un breve resumen de lo adquirido recientemente (junto con las fotos de dicho material).

Entonces, además de estos puntos, como decíamos antes, los carros de la compra conjuntamente de su función en sí, también es importante que “encajen” con el aspecto general del sitio y que sean fácilmente identificables.

Tu carrito de compras debería ser simple, identificable y funcional.


4. Páginas informativas sobre mantenimiento y error

Una gran cantidad de diseñadores eligen tomarse con humor las páginas de mantenimiento y error, lo cual es bastante comprensible teniendo en cuenta que si todo va bien, se deben ver lo menos posible. El inconveniente surge aquí cuando te olvidas de incorporar la información en estas páginas, como parte de tus diseños.

Te proponemos que las incorpores y las acompañes de un diseño que se amolde al general, ya que quedará mucho mejor. Puede ser un esquema simple, porque el título lo dice todo, también puedes informar lo que sucedió y proporcionar ayuda extra para volver a la página principal.

Además de que se vea bien, debe ser ante todo informativa. 

Algunos ejemplos: 

airbnb 404

hotdot 404


5. Tipografía legible

Al elegir la tipografía adecuada para tus diseños, hay un solo factor que debe eclipsar los demás: ¿es legible? Si estás diseñando un logotipo o un titular entonces es posible que puedas alejarte un poco de este punto con un tipo de letra más llamativa, pero si necesitas la atención de tus lectores durante un tiempo, es necesaria una tipografía legible.

Muchas plantillas de WordPress o Joomla vienen con una tipografía modelo, sin embargo realiza pruebas, ten presente la cantidad de texto que colocarás, divide en secciones y utiliza la fuente adecuada para poder conseguir que tus usuarios lean tu contenido.

El diseño adorna pero el contenido es básico para poder obtener tus objetivos.


Para terminar… 

A menudo es fácil caer en la trampa del atractivo visual sobre la sustancia, lo cual es especialmente perjudicial cuando se trata de sitios web, porque deben ser diseñados pensando todo el tiempo en el usuario.

Por lo tanto, si alguna vez te encuentras seducido por las últimas tendencias de diseño web, no pases por alto la siguiente lista de comprobación para determinar si se trata de una moda o un recurso efectivo:

* ¿Las llamadas a la acción son claras?
* ¿La función de búsqueda es utilizable?
* ¿Cómo afecta la practicidad de mis carritos de compra?
* ¿Las páginas de error son informativas?
* ¿El sitio es legible?

Ahora cuéntanos tú ¿cuál es tu regla de oro personal a la hora de armar y diseñar proyectos web?

Visto en Elegant Themes

Share on Pinterest

Deja un Comentario