UI y UX ​

en esta parte debemos enteder como son las UI y UX no solo es aplicado en sitios web tambien en otras area, audiovisual es muy diferente pero similar debemos comprender a nuestro publico objetivo y lograr aplicar de forma correcta estos conceptos

UI ​

UI en español interfaces de usuario. es la vista que permite al usuario interactuar de manera efectiva con un sistema. es la suma entre la arquitectura de información con elementos visuales y patrones de interacción.

el UI da el "look & feel" al producto con la estructura de interacción de los elementos de la interfaz.

Dentro de las actividades que realiza un UI Designer, están:

• Diseño de interacción (cómo responde el sistema)
• Guías de interacción (estados del sistema)
• Diseño de elementos (botones, formularios)
• Diseño visual (iconos, imágenes)
• Guías de estilo (paletas de color, fonts)

Un UI Designer por lo general tiene estudios en:

• Diseño gráfico, Artes visuales
• Diseño industrial
• Tecnología, Desarrollo de Productos Digitales

UX ​

UX en español experiencia de usuario. es aquello que una persona percibe al interactuar con un producto o servicio. Logramos una buena UX al enfocarnos en diseñar productos útiles, usables y deseables, lo cual influye en que el usuario se sienta satisfecho, feliz y encantado.

Es muy común, que el término UX, se confunda con el de Usabilidad o UI. Pero vamos a dejarlo claro.

La Usabilidad es un atributo de una buena experiencia de usuario y la UI o Interfaz del Usuario es con lo que se interactúa.

Dentro de las actividades que realiza un UX Designer, están:

• Investigación (con stakeholders, etnográfica, entrevistas 1 a 1…)
• Evaluación (evaluaciones heurísticas, benchmarks, pruebas de usabilidad)
• Análisis de datos (KPI’s, métricas)
• Arquitectura de información

Una persona que se desempeña como UX Designer por lo general tiene conocimientos generales de:

• Psicología, Sociología o Antropología
• Tecnología, Desarrollo de Productos Digitales
• Comunicación, Marketing
• Negocios, Ventas
• Diseño Industrial, Gráfico

ejemplos ​

• UI: hay un botón que permite interactuar al usuario con el sistema (comprar).
• usabilidad: hay un botón que permite al usuario regresar, además me dice en qué moneda está el precio y me permite seleccionar la cantidad (previniendo errores).
• buen UX: Me hace decir ¡Wow! porque tiene una descripción que me dice qué ingredientes tiene, cuantas calorías y además me permite ¡agregarlo a mis favoritos para comprarlo rápido en otra ocasión!