logoCoderhouse.png
Ë
By Hernan Lucio • February 8, 2016

20 tips para un proyecto de (re) diseño web

El principio más importante a tener en cuenta a la hora de encarar el diseño web, es que todas las decisiones se tomen basadas en las necesidades del usuario. Esto nos permitirá crear sitios fáciles de usar y usuarios más activos, que generen un impacto positivo en nuestro negocio. Estos beneficios se logran gracias a la filosofía: “El diseño de experiencia de usuario (UX)”.

Como toda disciplina humanista, carece de fórmulas mágicas. Pero a continuación delineamos unas pautas básicas y mejores prácticas que nos permitirán obtener una mayor fidelización de nuestros clientes:

1.- Target

Tal como mencionamos al principio, lo primero que tenemos que tener en cuenta es que diseñamos para personas. Definir el perfil del usuario modelo o target nos permitirá diseñar para la persona que va a usar el sitio.

2.- Contenido

Puntos a tener en cuenta a la hora de elaborar el contenido que vamos a exponer:

    1. Generar textos claros y concisos, entendibles para el usuario.
    2. Crear botones y links claros y visibles.
    3. Revisar en detalle la ortografía: Nada nos hará ver menos profesionales que una tilde o coma de más o menos.
    4. Crear jerarquías visuales y claras: los usuarios no leen, sólo se limitan a escanear el 20% del texto que ven.
    5. Internacionalizar el contenido.
    6. Hablar el lenguaje del usuario: evitar usar palabras técnicas.

3.- Navegación

Debemos generar una navegación clara y amigable. El usuario debe saber en todo momento en qué parte de la web se encuentra y cómo moverse a través del sitio.

4.- Diseño

No reinventes la rueda: Respeta los patrones de diseño. Por ejemplo, normalmente el logo de un sitio debe ir arriba a la izquierda y el buscador arriba a la derecha. Si rompemos un patrón tiene que tener un sentido, de lo contrario, estaremos generando mayor confusión en nuestros usuarios.

5.- Scroll

Mantener el scroll siempre visible (Above the fold): el diseño del sitio debe invitar a que el usuario navegue la página.

6.- Imágenes

Todas las imágenes que usemos deberán aportar información o apuntar a generar un vínculo emocional con nuestro usuario.

7.- Formularios

Crear formularios simples: los usuarios no quieren perder tiempo completando datos, es preferible hacer un formulario sencillo e ir pidiendo más información a medida que el usuario navega nuestra web.

8.- Ingreso libre

No obligar el ingreso y registro: es fundamental permitir que el usuario pueda navegar una parte del sitio sin tener que registrarse.

9.- Evitar distracciones

Quitar las distracciones de los flujos sensibles, como por ejemplo simplificar el header y footer en los flujos de compra.

10.- El usuario tiene el control

El usuario debe sentir que el sitio hace lo que él quiere, no al revés.

11.- Arquitectura de Información

Diseñar la Arquitectura de información: ¿Cómo le vamos a hablar al usuario? ¿Cómo va a acceder al resto de las páginas? Esto debe ser pensado y testeado con usuarios reales.

12.- Crear diseños con consistencia

No debemos cambiar las decisiones de diseño todo el tiempo. Si el botón de registro es verde y está arriba a la derecha, que se mantenga de esta manera en el resto de las páginas. Hacer cambios al azar genera confusión y mayor carga cognitiva.

13.- Compatibilidad

Realizar testeos de calidad nos permite que nuestro sitio funcione en diferentes navegadores y dispositivos.

14.- Responsive

Hacer un diseño responsivo: este es un factor clave. Las visitas a través de dispositivos móviles en algunos casos supera el ingreso a través de computadoras. Por otro lado, es un factor decisivo de posicionamiento SEO: Google castiga los sitios que no son responsive mostrándolos en las últimas páginas.

15.- Flat design

Lograr diseños sobrios, simples, planos (flat). Menos es más.

16.- Detalles

Otorgar la importancia que los detalles merecen: prestar atención al buen diseño del sitio es correcto, sin embargo, no debemos olvidar las interacciones que deben hacer los usuarios con él. Las interacciones se diseñan.

17.- Mobile first

Diseña primero para teléfonos: comienza diseñando para un smartphone para escalar al resto de los dispositivos.

18.- Estado del sistema

Estado del sistema: dar feedback de lo que el sitio está haciendo.

19.- Prevenir errores

Y desarrollar pautas de acciones en caso de que sucedan, responder rápido y buscar la mejor salida posible.

20.- El usuario manda

No olvidar las pruebas de usabilidad: los usuarios son los que nos van a decir si el diseño funciona o no. Tené en cuenta:

    1. Facilidad: ¿cuán fácil es entender la web?
    2. Eficiencia: una vez entendido ¿cuánto tardan los usuarios en realizar tareas básicas?
    3. Satisfacción: ¿cuán agradable es usar el sitio?

¿Conocen algún otro tip infaltable a la hora de diseñar un sitio web? ¡Compártenos tus consejos!