SlideShare ist ein Scribd-Unternehmen logo

7. Prototipos Básicos (Intro HCI)

•Als PPT, PDF herunterladen•
•
Mario A Moreno Rocha
Mario A Moreno Rocha
Bildung
1 von 37
7 Prototipos Básicos
Contenido ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Modelo Humano Procesardor (MHP) ,[object Object],Memoria de largo plazo Memoria de trabajo Almacenamiento memoria visual Almacenamiento memoria auditiva Procesador perceptual Procesador cognoscitivo Procesador motor Ojos Oídos Dedos Búfers sensores (Dix)
Porqué desarrollar prototipos? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Fidelidad en prototipos ,[object Object],[object Object],[object Object],[object Object],[object Object]
Sketches de baja fidelidad
Storyboards de baja fidelidad ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
Porqué utilizar estos prototipos? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Materiales básicos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Construcción del modelo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Preparando para pruebas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Realizando las pruebas ,[object Object],[object Object],[object Object],[object Object],[object Object]
Cont. ,[object Object],[object Object],[object Object],[object Object],[object Object]
Desarrollo de la prueba ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cont. ,[object Object],[object Object],[object Object],[object Object],[object Object]
Evalúe los resultados ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ventajas de prototipos de baja fidelidad ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
El Mago de Oz
Técnica del Mago de Oz ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Técnica del Mago de Oz ,[object Object]
Uso de DENIM ,[object Object],[object Object],[object Object],[object Object],[object Object]
Qué es SILK? ,[object Object],[object Object]
Desarrollo de interfaces con DENIM ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ejemplo de SILK
Agregar funcionalidad…
Transformarlo en…
Demo de DEMIM http://dub.washington.edu/projects/denim/denim_daily_files/page149.html
Desventajas de herramientas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sketches en papel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Video
Utilizando SILK (DENIM) ,[object Object],[object Object],[object Object],antes después
Storyboards con SILK ,[object Object],[object Object],[object Object],[object Object]
 
Resumen ,[object Object],[object Object],[object Object],[object Object]
Tarea 6 ,[object Object],[object Object],[object Object],[object Object],[object Object]

Empfohlen

Analisis de Usabilidad GOMS: Goals, Objectives, Method, Selection of rules.
Analisis de Usabilidad GOMS: Goals, Objectives, Method, Selection of rules.Analisis de Usabilidad GOMS: Goals, Objectives, Method, Selection of rules.
Analisis de Usabilidad GOMS: Goals, Objectives, Method, Selection of rules.Sole Moris
 
Introducción al Diseño de Interacción Humano-Computadora
Introducción al Diseño de Interacción Humano-ComputadoraIntroducción al Diseño de Interacción Humano-Computadora
Introducción al Diseño de Interacción Humano-ComputadoraOmar Sosa-Tzec
 
Modelo requisitos UML
Modelo requisitos UMLModelo requisitos UML
Modelo requisitos UMLramirezjaime
 
Terminología de Redes
Terminología de RedesTerminología de Redes
Terminología de RedesElizabethDeSousa
 
metodología crystal clear
metodología crystal clear metodología crystal clear
metodología crystal clearJason José Martínez García
 
Diapositivas xp
Diapositivas xpDiapositivas xp
Diapositivas xpUniversidad Nororiental Gran Mariscal de Ayacucho
 
2 1 vistas arquitectonicas
2 1 vistas arquitectonicas2 1 vistas arquitectonicas
2 1 vistas arquitectonicaslandeta_p
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 CapasFani Calle
 

Empfohlen

Analisis de Usabilidad GOMS: Goals, Objectives, Method, Selection of rules.
Analisis de Usabilidad GOMS: Goals, Objectives, Method, Selection of rules.Analisis de Usabilidad GOMS: Goals, Objectives, Method, Selection of rules.
Analisis de Usabilidad GOMS: Goals, Objectives, Method, Selection of rules.Sole Moris
 
Introducción al Diseño de Interacción Humano-Computadora
Introducción al Diseño de Interacción Humano-ComputadoraIntroducción al Diseño de Interacción Humano-Computadora
Introducción al Diseño de Interacción Humano-ComputadoraOmar Sosa-Tzec
 
Modelo requisitos UML
Modelo requisitos UMLModelo requisitos UML
Modelo requisitos UMLramirezjaime
 
Terminología de Redes
Terminología de RedesTerminología de Redes
Terminología de RedesElizabethDeSousa
 
metodología crystal clear
metodología crystal clear metodología crystal clear
metodología crystal clearJason José Martínez García
 
Diapositivas xp
Diapositivas xpDiapositivas xp
Diapositivas xpUniversidad Nororiental Gran Mariscal de Ayacucho
 
2 1 vistas arquitectonicas
2 1 vistas arquitectonicas2 1 vistas arquitectonicas
2 1 vistas arquitectonicaslandeta_p
 
Arquitectura 3 Capas
Arquitectura 3 CapasArquitectura 3 Capas
Arquitectura 3 CapasFani Calle
 
Programación del lado del cliente
Programación del lado del clienteProgramación del lado del cliente
Programación del lado del clienteGabriel Mondragón
 
Arquitectura multicapa
Arquitectura multicapaArquitectura multicapa
Arquitectura multicapauniv of pamplona
 
Arquitectura software.taxonomias.modularidad.001
Arquitectura software.taxonomias.modularidad.001Arquitectura software.taxonomias.modularidad.001
Arquitectura software.taxonomias.modularidad.001Jose Emilio Labra Gayo
 
Diseño de software
Diseño de softwareDiseño de software
Diseño de softwareRamiro Estigarribia Canese
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoAptitud Emprendedora
 
Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Percy Negrete
 
Crystal diapositiva
Crystal diapositivaCrystal diapositiva
Crystal diapositivaElena Estefanía Reyes
 
MVC
MVCMVC
MVCJoan Sebastián Ramírez Pérez
 
Estructura de un sistema operativo
Estructura de un sistema operativoEstructura de un sistema operativo
Estructura de un sistema operativoIan Berzeker Tovar
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de OroJuan Pablo Bustos Thames
 
Interacción humano computador
Interacción humano computadorInteracción humano computador
Interacción humano computadorJavier DemuVox
 
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioUTPL
 
Metodologia crystal
Metodologia crystalMetodologia crystal
Metodologia crystalJefferson Sánchez
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuarioRamiro Estigarribia Canese
 
Modelo de desarrollo concurrente
Modelo de desarrollo concurrenteModelo de desarrollo concurrente
Modelo de desarrollo concurrentesamuel ospino
 
Ingeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosIngeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosCesar Prado
 
Estimación de Proyectos de Software
Estimación de Proyectos de SoftwareEstimación de Proyectos de Software
Estimación de Proyectos de SoftwareAndrés Felipe Montoya Ríos
 
Proceso, modelos y metodos de ingenieria de software
Proceso, modelos y metodos de ingenieria de softwareProceso, modelos y metodos de ingenieria de software
Proceso, modelos y metodos de ingenieria de softwaresergio
 
Linea de Tiempo del HCI
Linea de Tiempo del HCILinea de Tiempo del HCI
Linea de Tiempo del HCIErnesto Silva
 
8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacción8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacciónDCU_MPIUA
 
DESARROLLO DE PROTOTIPOS
DESARROLLO DE PROTOTIPOSDESARROLLO DE PROTOTIPOS
DESARROLLO DE PROTOTIPOSUDEC
 
Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...
Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...
Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...Liliana Rodriguez
 

Weitere ähnliche Inhalte

Was ist angesagt?

Programación del lado del cliente
Programación del lado del clienteProgramación del lado del cliente
Programación del lado del clienteGabriel Mondragón
 
Arquitectura software.taxonomias.modularidad.001
Arquitectura software.taxonomias.modularidad.001Arquitectura software.taxonomias.modularidad.001
Arquitectura software.taxonomias.modularidad.001Jose Emilio Labra Gayo
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoAptitud Emprendedora
 
Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Percy Negrete
 
Estructura de un sistema operativo
Estructura de un sistema operativoEstructura de un sistema operativo
Estructura de un sistema operativoIan Berzeker Tovar
 
Interacción humano computador
Interacción humano computadorInteracción humano computador
Interacción humano computadorJavier DemuVox
 
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioUTPL
 
Modelo de desarrollo concurrente
Modelo de desarrollo concurrenteModelo de desarrollo concurrente
Modelo de desarrollo concurrentesamuel ospino
 
Ingeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosIngeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosCesar Prado
 
Proceso, modelos y metodos de ingenieria de software
Proceso, modelos y metodos de ingenieria de softwareProceso, modelos y metodos de ingenieria de software
Proceso, modelos y metodos de ingenieria de softwaresergio
 
Linea de Tiempo del HCI
Linea de Tiempo del HCILinea de Tiempo del HCI
Linea de Tiempo del HCIErnesto Silva
 
8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacción8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacciónDCU_MPIUA
 

Was ist angesagt? (20)

Programación del lado del cliente
Programación del lado del clienteProgramación del lado del cliente
Programación del lado del cliente
 
Arquitectura multicapa
Arquitectura multicapaArquitectura multicapa
Arquitectura multicapa
 
Arquitectura software.taxonomias.modularidad.001
Arquitectura software.taxonomias.modularidad.001Arquitectura software.taxonomias.modularidad.001
Arquitectura software.taxonomias.modularidad.001
 
Diseño de software
Diseño de softwareDiseño de software
Diseño de software
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyecto
 
Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?Modelos mentales - ¿Cómo piensan nuestros usuarios?
Modelos mentales - ¿Cómo piensan nuestros usuarios?
 
Crystal diapositiva
Crystal diapositivaCrystal diapositiva
Crystal diapositiva
 
MVC
MVCMVC
MVC
 
Estructura de un sistema operativo
Estructura de un sistema operativoEstructura de un sistema operativo
Estructura de un sistema operativo
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
Interacción humano computador
Interacción humano computadorInteracción humano computador
Interacción humano computador
 
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de Usuario
 
Metodologia crystal
Metodologia crystalMetodologia crystal
Metodologia crystal
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Modelo de desarrollo concurrente
Modelo de desarrollo concurrenteModelo de desarrollo concurrente
Modelo de desarrollo concurrente
 
Ingeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosIngeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientos
 
Estimación de Proyectos de Software
Estimación de Proyectos de SoftwareEstimación de Proyectos de Software
Estimación de Proyectos de Software
 
Proceso, modelos y metodos de ingenieria de software
Proceso, modelos y metodos de ingenieria de softwareProceso, modelos y metodos de ingenieria de software
Proceso, modelos y metodos de ingenieria de software
 
Linea de Tiempo del HCI
Linea de Tiempo del HCILinea de Tiempo del HCI
Linea de Tiempo del HCI
 
8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacción8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacción
 

Andere mochten auch

DESARROLLO DE PROTOTIPOS
DESARROLLO DE PROTOTIPOSDESARROLLO DE PROTOTIPOS
DESARROLLO DE PROTOTIPOSUDEC
 
Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...
Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...
Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...Liliana Rodriguez
 
Webinar prototipado y usabilidad
Webinar prototipado y usabilidadWebinar prototipado y usabilidad
Webinar prototipado y usabilidadIEBSchool
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoIxDA Mendoza
 
Diseño Prototipo Estrategia Docente
Diseño Prototipo Estrategia DocenteDiseño Prototipo Estrategia Docente
Diseño Prototipo Estrategia DocenteOlga Gamboa
 
Prototype (patron de disenio)
Prototype (patron de disenio)Prototype (patron de disenio)
Prototype (patron de disenio)Jhonny Zaruma
 
Evaluacion Cuantitativa GOMS
Evaluacion Cuantitativa GOMSEvaluacion Cuantitativa GOMS
Evaluacion Cuantitativa GOMSDavid Aguila
 
2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcciónkamui002
 
Taller Prototipos EngineUp Peru - Abril 2011
Taller Prototipos EngineUp Peru - Abril 2011Taller Prototipos EngineUp Peru - Abril 2011
Taller Prototipos EngineUp Peru - Abril 2011Sebastian Gonzalez G.
 
Taller Construcción de Prototipos - Engine Up El Salvador
Taller Construcción de Prototipos - Engine Up El SalvadorTaller Construcción de Prototipos - Engine Up El Salvador
Taller Construcción de Prototipos - Engine Up El SalvadorP3 Ventures
 
Qué Es IngenieríA
Qué Es IngenieríAQué Es IngenieríA
Qué Es IngenieríAfjellul
 
Seguimos practicando m.v.c.l. mr.u.v.
Seguimos practicando m.v.c.l. mr.u.v.Seguimos practicando m.v.c.l. mr.u.v.
Seguimos practicando m.v.c.l. mr.u.v.Giuliana Tinoco
 
Desarrollo por prototipos
Desarrollo por prototipos Desarrollo por prototipos
Desarrollo por prototipos katherineperea
 
Prototipos en el proceso de diseño
Prototipos en el proceso de diseñoPrototipos en el proceso de diseño
Prototipos en el proceso de diseñoSantiago Bustelo
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuarioPercy Negrete
 
Modelo de prototipo
Modelo de prototipoModelo de prototipo
Modelo de prototipoyanezcabrera
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))King-eClient
 

Andere mochten auch (20)

DESARROLLO DE PROTOTIPOS
DESARROLLO DE PROTOTIPOSDESARROLLO DE PROTOTIPOS
DESARROLLO DE PROTOTIPOS
 
Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...
Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...
Diseño de Evaluación de Prototipos de Interfaz para un Sistema Gestor de Obje...
 
Elaboración de prototipos
Elaboración de prototiposElaboración de prototipos
Elaboración de prototipos
 
Webinar prototipado y usabilidad
Webinar prototipado y usabilidadWebinar prototipado y usabilidad
Webinar prototipado y usabilidad
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyecto
 
Diseño Prototipo Estrategia Docente
Diseño Prototipo Estrategia DocenteDiseño Prototipo Estrategia Docente
Diseño Prototipo Estrategia Docente
 
Prototype (patron de disenio)
Prototype (patron de disenio)Prototype (patron de disenio)
Prototype (patron de disenio)
 
Proyecto de diseño
Proyecto de diseñoProyecto de diseño
Proyecto de diseño
 
Evaluacion Cuantitativa GOMS
Evaluacion Cuantitativa GOMSEvaluacion Cuantitativa GOMS
Evaluacion Cuantitativa GOMS
 
2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción
 
Taller Prototipos EngineUp Peru - Abril 2011
Taller Prototipos EngineUp Peru - Abril 2011Taller Prototipos EngineUp Peru - Abril 2011
Taller Prototipos EngineUp Peru - Abril 2011
 
Taller Construcción de Prototipos - Engine Up El Salvador
Taller Construcción de Prototipos - Engine Up El SalvadorTaller Construcción de Prototipos - Engine Up El Salvador
Taller Construcción de Prototipos - Engine Up El Salvador
 
Qué Es IngenieríA
Qué Es IngenieríAQué Es IngenieríA
Qué Es IngenieríA
 
Seguimos practicando m.v.c.l. mr.u.v.
Seguimos practicando m.v.c.l. mr.u.v.Seguimos practicando m.v.c.l. mr.u.v.
Seguimos practicando m.v.c.l. mr.u.v.
 
Desarrollo por prototipos
Desarrollo por prototipos Desarrollo por prototipos
Desarrollo por prototipos
 
Prototipos en el proceso de diseño
Prototipos en el proceso de diseñoPrototipos en el proceso de diseño
Prototipos en el proceso de diseño
 
Modelo GOMS
Modelo GOMSModelo GOMS
Modelo GOMS
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
 
Modelo de prototipo
Modelo de prototipoModelo de prototipo
Modelo de prototipo
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
 

Ähnlich wie 7. Prototipos Básicos (Intro HCI)

Prototipos de interfaces
Prototipos de interfacesPrototipos de interfaces
Prototipos de interfacesMariana Salgado
 
Taller de prototipado iterativo
Taller de prototipado iterativoTaller de prototipado iterativo
Taller de prototipado iterativoMartín S
 
Prototipando experiencias de usuario
Prototipando experiencias de usuarioPrototipando experiencias de usuario
Prototipando experiencias de usuarioUX Nights
 
INGENIERIA DE LA INTERFAZ
INGENIERIA DE LA INTERFAZINGENIERIA DE LA INTERFAZ
INGENIERIA DE LA INTERFAZGeorge Vendrell
 
Diseño centrado en el usuario (1).ppt
Diseño centrado en el usuario (1).pptDiseño centrado en el usuario (1).ppt
Diseño centrado en el usuario (1).pptthfniZmba
 
Interfases de usuario avanzadas y su relacion con el cerebro humano
Interfases de usuario avanzadas y su relacion con el cerebro humanoInterfases de usuario avanzadas y su relacion con el cerebro humano
Interfases de usuario avanzadas y su relacion con el cerebro humanoChristian Strevel
 
01. Prototipado rápido: teoría
01. Prototipado rápido: teoría01. Prototipado rápido: teoría
01. Prototipado rápido: teoríaAnalía Basualdo
 
Taller UX: Prototipado rápido
Taller UX: Prototipado rápidoTaller UX: Prototipado rápido
Taller UX: Prototipado rápidoIxDA Mendoza
 
Interacción Humano Computador
Interacción Humano ComputadorInteracción Humano Computador
Interacción Humano ComputadorMario Solarte
 
5. Prototipado
5. Prototipado5. Prototipado
5. PrototipadoDCU_MPIUA
 
Investigación y testing de usuarios
Investigación y testing de usuariosInvestigación y testing de usuarios
Investigación y testing de usuariosSoftware Guru
 
IxDA BA Mobile 20 julio 2010
IxDA BA Mobile 20 julio 2010IxDA BA Mobile 20 julio 2010
IxDA BA Mobile 20 julio 2010Santiago Bustelo
 
C5 prototipo diu_mododecompatibilidad_
C5 prototipo diu_mododecompatibilidad_C5 prototipo diu_mododecompatibilidad_
C5 prototipo diu_mododecompatibilidad_Julio Pari
 
Consejos de un perro viejo programador
Consejos de un perro viejo programadorConsejos de un perro viejo programador
Consejos de un perro viejo programadorBraulio Diez Botella
 
Disenadores desarrolladores y viceversa
Disenadores desarrolladores y viceversaDisenadores desarrolladores y viceversa
Disenadores desarrolladores y viceversaAbel Sutilo
 
Características de las Apps
Características de las AppsCaracterísticas de las Apps
Características de las AppsKatherine Haro
 

Ähnlich wie 7. Prototipos Básicos (Intro HCI) (20)

Prototipos de interfaces
Prototipos de interfacesPrototipos de interfaces
Prototipos de interfaces
 
Taller de prototipado iterativo
Taller de prototipado iterativoTaller de prototipado iterativo
Taller de prototipado iterativo
 
Prototipando experiencias de usuario
Prototipando experiencias de usuarioPrototipando experiencias de usuario
Prototipando experiencias de usuario
 
Hci ceneval 2
Hci ceneval 2Hci ceneval 2
Hci ceneval 2
 
INGENIERIA DE LA INTERFAZ
INGENIERIA DE LA INTERFAZINGENIERIA DE LA INTERFAZ
INGENIERIA DE LA INTERFAZ
 
Diseño centrado en el usuario (1).ppt
Diseño centrado en el usuario (1).pptDiseño centrado en el usuario (1).ppt
Diseño centrado en el usuario (1).ppt
 
Interfases de usuario avanzadas y su relacion con el cerebro humano
Interfases de usuario avanzadas y su relacion con el cerebro humanoInterfases de usuario avanzadas y su relacion con el cerebro humano
Interfases de usuario avanzadas y su relacion con el cerebro humano
 
MM-Equipo1..pdf
MM-Equipo1..pdfMM-Equipo1..pdf
MM-Equipo1..pdf
 
01. Prototipado rápido: teoría
01. Prototipado rápido: teoría01. Prototipado rápido: teoría
01. Prototipado rápido: teoría
 
Taller UX: Prototipado rápido
Taller UX: Prototipado rápidoTaller UX: Prototipado rápido
Taller UX: Prototipado rápido
 
Alternativas metodológicas
Alternativas metodológicasAlternativas metodológicas
Alternativas metodológicas
 
Interacción Humano Computador
Interacción Humano ComputadorInteracción Humano Computador
Interacción Humano Computador
 
5. Prototipado
5. Prototipado5. Prototipado
5. Prototipado
 
Diseño de Interfaces.pdf
Diseño de Interfaces.pdfDiseño de Interfaces.pdf
Diseño de Interfaces.pdf
 
Investigación y testing de usuarios
Investigación y testing de usuariosInvestigación y testing de usuarios
Investigación y testing de usuarios
 
IxDA BA Mobile 20 julio 2010
IxDA BA Mobile 20 julio 2010IxDA BA Mobile 20 julio 2010
IxDA BA Mobile 20 julio 2010
 
C5 prototipo diu_mododecompatibilidad_
C5 prototipo diu_mododecompatibilidad_C5 prototipo diu_mododecompatibilidad_
C5 prototipo diu_mododecompatibilidad_
 
Consejos de un perro viejo programador
Consejos de un perro viejo programadorConsejos de un perro viejo programador
Consejos de un perro viejo programador
 
Disenadores desarrolladores y viceversa
Disenadores desarrolladores y viceversaDisenadores desarrolladores y viceversa
Disenadores desarrolladores y viceversa
 
Características de las Apps
Características de las AppsCaracterísticas de las Apps
Características de las Apps
 

Mehr von Mario A Moreno Rocha

Definición del Examen Final (UTM 2017)
Definición del Examen Final (UTM 2017)Definición del Examen Final (UTM 2017)
Definición del Examen Final (UTM 2017)Mario A Moreno Rocha
 
¿Cómo haría yo el 3er parcial?
¿Cómo haría yo el 3er parcial?¿Cómo haría yo el 3er parcial?
¿Cómo haría yo el 3er parcial?Mario A Moreno Rocha
 
6. Administración de la Calidad de Software
6. Administración de la Calidad de Software6. Administración de la Calidad de Software
6. Administración de la Calidad de SoftwareMario A Moreno Rocha
 
Ingeniería de Software (UTM) - Tercer Examen Parcial
Ingeniería de Software (UTM) - Tercer Examen ParcialIngeniería de Software (UTM) - Tercer Examen Parcial
Ingeniería de Software (UTM) - Tercer Examen ParcialMario A Moreno Rocha
 
4. Diseño e Implementación de Software
4. Diseño e Implementación de Software4. Diseño e Implementación de Software
4. Diseño e Implementación de SoftwareMario A Moreno Rocha
 
2. Administración de Proyectos de Software (UTM 2071)
2. Administración de Proyectos de Software (UTM 2071)2. Administración de Proyectos de Software (UTM 2071)
2. Administración de Proyectos de Software (UTM 2071)Mario A Moreno Rocha
 
1. introducción a la Ingeniería de Software (UTM 2071)
1. introducción a la Ingeniería de Software (UTM 2071)1. introducción a la Ingeniería de Software (UTM 2071)
1. introducción a la Ingeniería de Software (UTM 2071)Mario A Moreno Rocha
 
Plan de Estudios Ingeniería de Software (2071)
Plan de Estudios Ingeniería de Software (2071)Plan de Estudios Ingeniería de Software (2071)
Plan de Estudios Ingeniería de Software (2071)Mario A Moreno Rocha
 
Presentación Ingeniería de Software (2071)
Presentación Ingeniería de Software (2071)Presentación Ingeniería de Software (2071)
Presentación Ingeniería de Software (2071)Mario A Moreno Rocha
 
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)Mario A Moreno Rocha
 
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)Una Aproximación a la Interacción Humano-Computadora (ITD 2015)
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)Mario A Moreno Rocha
 
UX Nights Vol. 4 Estudios Contextuales
UX Nights Vol. 4 Estudios ContextualesUX Nights Vol. 4 Estudios Contextuales
UX Nights Vol. 4 Estudios ContextualesMario A Moreno Rocha
 
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...Mario A Moreno Rocha
 
Capítulo 8: Usabilidad y experiencia de usuario
Capítulo 8: Usabilidad y experiencia de usuarioCapítulo 8: Usabilidad y experiencia de usuario
Capítulo 8: Usabilidad y experiencia de usuarioMario A Moreno Rocha
 
Oportunidades de estancias y prácticas en la UTM 2014-2015
Oportunidades de estancias y prácticas en la UTM 2014-2015Oportunidades de estancias y prácticas en la UTM 2014-2015
Oportunidades de estancias y prácticas en la UTM 2014-2015Mario A Moreno Rocha
 

Mehr von Mario A Moreno Rocha (20)

UsaLab presentation (ENG)
UsaLab presentation (ENG)UsaLab presentation (ENG)
UsaLab presentation (ENG)
 
Definición del Examen Final (UTM 2017)
Definición del Examen Final (UTM 2017)Definición del Examen Final (UTM 2017)
Definición del Examen Final (UTM 2017)
 
¿Cómo haría yo el 3er parcial?
¿Cómo haría yo el 3er parcial?¿Cómo haría yo el 3er parcial?
¿Cómo haría yo el 3er parcial?
 
7. Mantenimiento de Software
7. Mantenimiento de Software7. Mantenimiento de Software
7. Mantenimiento de Software
 
7. Mantenimiento de Software
7. Mantenimiento de Software7. Mantenimiento de Software
7. Mantenimiento de Software
 
6. Administración de la Calidad de Software
6. Administración de la Calidad de Software6. Administración de la Calidad de Software
6. Administración de la Calidad de Software
 
Ingeniería de Software (UTM) - Tercer Examen Parcial
Ingeniería de Software (UTM) - Tercer Examen ParcialIngeniería de Software (UTM) - Tercer Examen Parcial
Ingeniería de Software (UTM) - Tercer Examen Parcial
 
5. Métodos de Prueba de Software
5. Métodos de Prueba de Software5. Métodos de Prueba de Software
5. Métodos de Prueba de Software
 
4. Diseño e Implementación de Software
4. Diseño e Implementación de Software4. Diseño e Implementación de Software
4. Diseño e Implementación de Software
 
3. Análisis de Requerimientos
3. Análisis de Requerimientos3. Análisis de Requerimientos
3. Análisis de Requerimientos
 
2. Administración de Proyectos de Software (UTM 2071)
2. Administración de Proyectos de Software (UTM 2071)2. Administración de Proyectos de Software (UTM 2071)
2. Administración de Proyectos de Software (UTM 2071)
 
1. introducción a la Ingeniería de Software (UTM 2071)
1. introducción a la Ingeniería de Software (UTM 2071)1. introducción a la Ingeniería de Software (UTM 2071)
1. introducción a la Ingeniería de Software (UTM 2071)
 
Plan de Estudios Ingeniería de Software (2071)
Plan de Estudios Ingeniería de Software (2071)Plan de Estudios Ingeniería de Software (2071)
Plan de Estudios Ingeniería de Software (2071)
 
Presentación Ingeniería de Software (2071)
Presentación Ingeniería de Software (2071)Presentación Ingeniería de Software (2071)
Presentación Ingeniería de Software (2071)
 
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)
Redes Sociales: Una vuelta por el mundo (Expo Orienta 2015)
 
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)Una Aproximación a la Interacción Humano-Computadora (ITD 2015)
Una Aproximación a la Interacción Humano-Computadora (ITD 2015)
 
UX Nights Vol. 4 Estudios Contextuales
UX Nights Vol. 4 Estudios ContextualesUX Nights Vol. 4 Estudios Contextuales
UX Nights Vol. 4 Estudios Contextuales
 
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...
Desarrollando un estudio de usabilidad para sitios gubernamentales mexicanos:...
 
Capítulo 8: Usabilidad y experiencia de usuario
Capítulo 8: Usabilidad y experiencia de usuarioCapítulo 8: Usabilidad y experiencia de usuario
Capítulo 8: Usabilidad y experiencia de usuario
 
Oportunidades de estancias y prácticas en la UTM 2014-2015
Oportunidades de estancias y prácticas en la UTM 2014-2015Oportunidades de estancias y prácticas en la UTM 2014-2015
Oportunidades de estancias y prácticas en la UTM 2014-2015
 

Kürzlich hochgeladen

SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSYadi Campos
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesMarisolMartinez707897
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfapunteshistoriamarmo
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOluismii249
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024IES Vicent Andres Estelles
 
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptxEL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptxsisimosolorzano
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfAlfaresbilingual
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxNadiaMartnez11
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024IES Vicent Andres Estelles
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxiemerc2024
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfpatriciaines1993
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docSESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docRodneyFrankCUADROSMI
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Juan Martín Martín
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfGruberACaraballo
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 

Kürzlich hochgeladen (20)

SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VSSEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
SEPTIMO SEGUNDO PERIODO EMPRENDIMIENTO VS
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptxEL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
EL HABITO DEL AHORRO en tu idea emprendedora22-04-24.pptx
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docxTALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
TALLER DE DEMOCRACIA Y GOBIERNO ESCOLAR-COMPETENCIAS N°3.docx
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docSESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024Tema 11. Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 

7. Prototipos Básicos (Intro HCI)

Hinweis der Redaktion

  1. Widgets behave: e.g., the “elevator” of the sketched scrollbar can be dragged up & down. The designer may need to specify additional behavior to illustrate the sequencing between widgets. Transformation requires some guidance to finalize details of the UI (e.g., textual labels, colors) At this point, programmers can add callbacks and constraints that include the application-specific code to complete the application.
  2. Quickly sketch a design idea Work on overall layout and structure (NOT look) Iterate on the design rapidly with design team
  3. This is NOT just a sketching program. We also want behavior!
  4. and after several iterations.... There aren’t many successful examples of supporting these early stages of UI design. Need to keep the fluidity of paper and still unleash the power of the computer. It is a hard problem and something like this has never been done before!!