DesignUI-UX

Human Computer INTERACTIon

INGENIERÍADE SOFTWARE

Tolima, Colombia

human computerinteraction

RAE

Ingeniería de software

• Reconocer la importancia de UI + UX

• Identificar conceptos fundamentales, aplicaciones, retos, tendencias y herramientas de HCI.

Tolima, Colombia

Diseño UI/UX

“UX (User Experience) Lo que un usuario piensa, siente o percibe cuando interactúa con un producto o servicio. Principios fundamentales de UX: <> Usabilidad <> Accesibilidad <> Interacción usuario-producto Experiencia con el producto/servicio: fácil, difícil? intuitiva, cercana, confusa? navegación complicada?”

“Prácticas claves de UX:- La investigación del usuario - Pruebas de usabilidad - Arquitectura de la información - Diseño de la interacción - Estrategia del contenido - Diseño visual - Recolección de datos Los mejores UX designers? Conocimiento multidisciplinario”

“UI (User Interface)Lo que se usa para interactuar con un producto o servicio.(Botones, texto, imágenes...)Se encarga del aspecto visual, del diseño gráfico del producto. - WebApp, Smartphones, - Aplicaciones de escritorio. Componentes principales: Diseño de interacción, guías de interacción, diseño de elementos, diseño visual, guía de estilo.”

“Errores comunes vs Tips de Diseño: AnimaciónBrandingLenguaje de diseño (patrones) Interactividad Diseño responsive Tipografía Transiciones Prototipos de UI”

“Cuál es el Éxito de un proyecto digital? Un diseño bonito no puede tener unainterfaz confusa para navegar, y unabuena experiencia de usuario puede verse afectada por un mal diseño de la interfaz gráfica, que convierte la experiencia de la aplicación en algo desagradable. UX + UIProductos que tengan UX en su alma!

“Ejemplo de aplicación del Diseño UX en un flujo de compra" Herramientas de diseño IHC ->

“La parte más importante de la tecnología son las PERSONAS que la utilizan". GUI solo para los ingenieros de sistemas? DCU El diseño debe ser centrado en el usuario.

"El olvido está lleno de memoria"

FACTORES dE usabilidad

Ley de Jakob (nielsen)

• EFECTIVIDAD
• EFICIENCIA
• SATISFACCIÓN DE USUARIOS

Usabilidad WEB: <> Facilidad de aprendizaje<> Prevención de errores<> Consistencia sistema-mundo real<> Reconocer antes que recordar <> Control y libertad del usuario.

CALIDAD DE USO

Usabilidad objetivaUsabilidad subjetiva Diseño de las primeras GUI Usabilidad en objetos cotidianos Norma ISO/IEC 25010. Computación afectiva.

FACES

Captura de pantalla del Faces. https://www.luxand.com/facesdk/

UI + UX

INTERACCIÓNUSUARIO - PRODUCTO

UX sin usuarios no es UX

1> WAI: Web Accessibility Initiative

2> W3C

3> WCAG <> Niveles de acceso Web: A, AA, AAA

¿Cuál es el nivel mínimo aceptado en Europa y USA?

ACCESIBILIDAD

<> MVP: Minimum Viable Product. Mark Robinson (2001)

<> LEAN Startup: Eric Ries & Steve Blank

<> Principio: "Construir-Medir-Aprender" <> Killer Feature-> un producto real: aplicación/sitio Web

<> Para qué sirve un MVP ? <> Cuáles son las ventajas ? <> Algunos ejemplos de MVP

Qué es MVP?

gracias!

gustavo.martinez@unibague.edu.co