Diseño web
Iván Fernández V.
Construyendo Interfaz de Usuario
¿Qué es el diseño web?
El diseño web es un área enfocada a planificar, diseñar, mantener y crear interfaces digitales.
¿Qué implica el diseño web?
¿Diferencia entre Arte & Diseño?
Las diferencias entre el arte y el diseño pueden ser:
-
El propósito con el que se crean
-
La manera con la que el público o audiencia interactúa con ellos
-
La función que cumplen
-
Las habilidades de quien los realiza
El arte pregunta, el diseño responde.
Cuando decimos que el arte y el diseño sirven y son creados con diferentes propósitos, es porque el arte es creado desde los sentimientos mientras que el diseño esta creado para dar solución a un problema de comunicación.
Retomando el punto inicial...
¿Qué implica el diseño web?
Ya vimos la diferencia entre arte y diseño, que el diseño gráfico se enfoca en la tipografía, colores y demás elementos visuales que en conjunto logran producir y comunicar un mensaje.
En el diseño web, los elementos gráficos se mantienen, pero no necesariamente tienen que ser un formato estático.
Una de sus ventajas es precisamente la capacidad de poder combinar elementos fijos o estáticos con elementos interactivos.
Motion Graphics, ilustraciones, slides, audio y video, son algunos elementos que los diseñadores pueden integrar, lo que les da una mayor libertad para poder comunicar el mensaje y las intenciones del sitio con respecto al usuario.
¿Qué es un diseñador web y cuáles son sus funciones?
El diseño web implica muchas habilidades y conocimientos, las cuales dependen del diseñador.
El principal papel de un diseñador web es encontrar el equilibrio perfecto entre la estética y la funcionalidad del sitio que está creando.
Algunas habilidades
- Utilizar programas como Photoshop, Sketch, Figma etc. para poder diseñar el producto final de la web.
- Crear el diseño en función del branding de la empresa, y tenerlo muy presente al momento de llevarlo a cabo.
- Resolver problemas relacionados con la experiencia del usuario.
- Generar los elementos gráficos que la web requiera.
- Utiliza y está familiarizado con el lenguaje HTML, CSS y JavaScript.
Elementos del diseño web
El tiempo de carga
El obtener la atención de un lead es un gran logro, sin embargo de nada te va a servir si tu sitio está lento y tarda más de 30 segundos en abrir.
Usabilidad
Aquí nos referimos a que sin importar quién acceda a tu sitio, el usuario pueda entender cómo está organizado y cómo funciona. Esto evitará que se frustre y lo abandone porque no encuentra lo que está buscando.
Legibilidad
Se refiere a los elementos que la conforman, por ejemplo los colores de las diferentes secciones deben ser amigables y no cansar la vista del lector. De lo contrario podría aumentar la tasa de abandono.
Diseño web vs UX design
Diseño de interfaz
Experiencia de usuario
Objetivo
Aportar, desde el inicio, la visión global de un proyecto multiplataforma desde la perspectiva de la metodología de Diseño Centrado en el Usuario, siguiendo paso a paso sus fases.
Qué se aprenderá...
- Conceptos claves.
- Técnicas y estándares.
- Conceptualización y Arquitectura.
- Metodología ágil.
Teórico-Practico
¿Qué es?
Diseño de Interfaces, o UI
-
Centra su atención en el medio.
-
Selección y distribución de los elementos.
-
Diseño de Interfaces no equivale a Diseño Gráfico.
Experiencia de Usuario, o UX
Experiencia de Usuario.
- Se enfoca en el usuario y su motivación
- Experiencia antes, durante y después de la interacción
- Del análisis de experiencia parte la interfaz
- Validación con usuarios
Diseño de Interacción, o IxD
Se trata de definir las formas de operar la interfaz, los flujos de operación y las respuestas del sistema.
En definitiva, pone el foco en el contacto entre el usuario y el artefacto.
¿Por qué es importante conocer la diferencia entre
UI / UX / IxD?
Asistencia
4 horas a la semana
64 hrs al Semestre
6 faltas permitidas