13 Diseño web

13 Diseño web
Marketing 2 work

 
Play/Pause Episode
00:00 / 21:26
Rewind 30 Seconds
1X

Qué es el diseño web

Antes que nada vamos a aclarar que no es lo mismo el diseño web que el desarrollador web. En este podcast hablaremos sobre el diseñador web y en el siguiente sobre el desarrollador web. Dos profesiones muy cercanas, se podría decir incluso de la mano, pero que no son lo mismo.

El diseño web es la actividad donde planificamos y diseñamos como va a ser la estética de la web. En este proceso estamos diseñando la experiencia del usuario mediante el diseño de su interfaz, la usabilidad, los puntos de interacción incluso la arquitectura de la información.

Para hacer este trabajo debemos de tener en cuenta herramientas de diseño gráfico, y conocimiento básicos de maquetación web HTML5 y CSS3. Lo ideal es conocer más que lo básico, y tener nociones sobre qué tecnologías se van a implementar en el proyecto Si se utilizarán CMS o si se desarrollará una plataforma a medida.

Qué es UX

UX viene de las siglas en inglés User Experience, o en español Experiencia de Usuario. Un buen diseño UX debe estar centrado en diseñar productos útiles, fáciles de usar y deseados por por el usuario. Y, sí, hablamos de productos en general, no tiene porqué ser una web, desde un bote a una mesa pasando por productos digitales.
Todo esto genera unas emociones y sentimientos en el usuario que es lo que conforma el proceso. Debemos lograr que el usuario se sienta satisfecho, feliz y encantado.

Qué es UI

UI o User Interface, por sus siglas en inglés, es la forma de interactuar con un sistema.
Esto se logra con una determinada arquitectura de la información, con una distribución de elementos visuales y todo ello debe generar unos patrones de interacción concretos.

El encargado de diseño de UI debe trabajar de la mano del desarrollador para saber qué opciones son viables a la hora de diseñar una interfaz web, ya sea para dispositivos de sobremesa, portátiles o pequeños dispositivos.

Diferencias entre UX y UI

La principal diferencia es que la UI es una parte de la UX. La experiencia de usuario engloba mucho más que el diseño, es la experiencia en sí desde que el usuario accede a la web hasta que se marcha. La capa de UI es la responsable del aspecto visual de la web colores, tipografías y elementos.

Qué elementos afecta al diseño web

  1. Diseño responsive: la web debe ser adaptable a todo tipo de dispositivos. Desde pantallas de varias decenas de pulgadas a smartwatch, pasando por dispositivos de escritorio, portátiles, tablets y smartphone.
  2. La legibilidad debe ser adecuada, tanto con un diseño y tamaño de tipografía que ayude a leer, como una redacción adecuada.
  3. Existen patrones de uso y lectura en dispositivos digitales que varían de una cultura a otra, y los debemos de conocer para favorecer la experiencia del usuario en nuestra web
  4. El diseño no debe estar reñido con la velocidad de carga de la web. Es importante conocer los diversos formatos y opciones disponibles para los elementos de la web. No es lo mismo las opciones de un jpg, un png, un gift o un vídeo, y todas ellas dan información visual.

Qué profesiones podemos incluir dentro del diseño web

Hay diversas profesiones que se engloban dentro del diseño web, algunas de ellas son:

  1. Diseñador gráfico
  2. Diseñador UX
  3. Diseñador UI
  4. Maquetador web
  5. Ilustrador
  6. Diseñador de tipografías
  7. Diseñador de Themes de WordPress
  8. Implementador WordPress

Conclusión

A modo de conclusión podemos definir las ventajas de un diseño web de calidad:

  1. La primera impresión es lo que cuenta, un buen diseño hace mucho
  2. Mejores resultados SEO, gracias a una carga rápida y la buena legibilidad
  3. Una buena experiencia de usuario hace más accesible el negocio y deja mejor recuerdo
  4. Un mejor recuerdo favorece un aumento del marketing positivo boca-oreja
  5. Un mayor tráfico en la web con buen diseño, generalmente conlleva a un mayor número de conversiones, y por tanto a una mayor generación de ingresos