SlideShare une entreprise Scribd logo
1  sur  12
PROTOTIPO



Ariel , Alejandro.
Prototipo

 Un prototipo es la única forma practica de
  diseñar y desarrollar interfaces graficas de
  usuario para sistemas de software.
 Cuando se construye un equipo se debe
  seguir una serie de etapas.
Prototipo

 Desarrollar los prototipos en papel y
  mostrárselo a los clientes.
 Se perfecciona el diseño del equipo, cada ves
  mas sofisticado y se pone a disposición de los
  usuarios para probarlo.
Prototipo

 La construcción del Prototipo en papel es
  poco costosa y muy efectiva. No ocupa
  desarrollar algún software ejecutable. Es una
  forma efectiva de mostrarle a los usuarios las
  pantallas y escenarios con los que van a
  interactuar.
Storyboard

 Es una serie de esbozos que ilustra una
  secuencia de interaccione, es menos
  manejable pero mas útil en algunos casos
  donde se propone una interfaces
Prototipo

 Después del Prototipo en papel se procede al
  Prototipo software del diseño de interface
 Este no debe presentar la función ejecutable
  sino solo la interface.
 Existen tres enfoque que pueden utilizarse
  para el prototipato de interfaces de usuario.
Prototipo

 ENFOQUE DIRIGIDO POR SECUENCIAS DE
  COMANDO:
 Es solo un estudio de ideas con los usuarios
  incluye elementos visuales, con botones y
  menús con secuencias y comandos asociadas.
  No hay ninguna aplicación lógica
Prototipo

 LENGUAGES DE PROGRAMACION
  VISUALES:
 Incorpora un potente entorno acceden a una
  gran variedad de objetos reutilizables .
Prototipo

 Prototipado basado en internet basados en
  navegadores de WEB en leguajes como java
  se ejecutan en el momento de cargar la
  pagina.
Evaluación de la interface.

 Su objetivo es evaluar la interface, la forma
  en que se utiliza y que cumpla los
  requerimientos del usuario.
Evaluación de la interface.

 La evaluación sistemática de un interface es
  un proceso caro e implica científicos y
  diseñadores gráficos, es posible que tenga
  que realizar un numero importante de
  experimentos con los usuarios típicos.
Evaluación de la interface.

 Existen técnicas menos costosas y sencillas
    para evaluar una interface:
   Cuestionarios que recopilan la opinión de los
    usuarios.
   Opinión de los usuarios al trabajar con el
    sistema.
   Videos de usos típicos del sistema.
   La inclusión del código del software que
    recopilan los recursos mas usados y los
    errores mas comunes.

Contenu connexe

Tendances

Desarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en ModelosDesarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en ModelosJuan Manuel Gonzalez Calleros
 
Diseño interfaz usuario
Diseño interfaz usuarioDiseño interfaz usuario
Diseño interfaz usuariooswaldo bernal
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuarioDNRstudios
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioYesith Valencia
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo bañoEleny30
 
Prototipado rapido de interfaces
Prototipado rapido de interfacesPrototipado rapido de interfaces
Prototipado rapido de interfacesNOEMI DORIS
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuarioDiego Rosas
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
Usabilidad de los sitios web, los métodos
Usabilidad de los sitios web, los métodosUsabilidad de los sitios web, los métodos
Usabilidad de los sitios web, los métodosJhoa Mattos
 
Diseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoDiseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoadrianazamora
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basicaUVM
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfazJose Luis Dorao
 

Tendances (19)

Desarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en ModelosDesarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en Modelos
 
Diseño interfaz usuario
Diseño interfaz usuarioDiseño interfaz usuario
Diseño interfaz usuario
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Interfaz gráfica del usuario
Interfaz gráfica del usuarioInterfaz gráfica del usuario
Interfaz gráfica del usuario
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo baño
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Pressman y sommerville, GUI
Pressman y sommerville, GUIPressman y sommerville, GUI
Pressman y sommerville, GUI
 
Prototipado rapido de interfaces
Prototipado rapido de interfacesPrototipado rapido de interfaces
Prototipado rapido de interfaces
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuario
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Usabilidad de los sitios web, los métodos
Usabilidad de los sitios web, los métodosUsabilidad de los sitios web, los métodos
Usabilidad de los sitios web, los métodos
 
Diseño de interfaz importancia y proceso
Diseño de interfaz importancia y procesoDiseño de interfaz importancia y proceso
Diseño de interfaz importancia y proceso
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 
Estándares para el diseño de interfaz
Estándares para el diseño de interfazEstándares para el diseño de interfaz
Estándares para el diseño de interfaz
 

En vedette

Especificacion software
Especificacion softwareEspecificacion software
Especificacion softwareinfobran
 
Introducción a C SHARP
Introducción a C SHARPIntroducción a C SHARP
Introducción a C SHARPinfobran
 
Impresoras
 Impresoras Impresoras
Impresorasinfobran
 
Tipos sitemas operativos
Tipos sitemas operativosTipos sitemas operativos
Tipos sitemas operativosinfobran
 
Sistemas operativos 1
Sistemas operativos 1Sistemas operativos 1
Sistemas operativos 1infobran
 

En vedette (7)

Especificacion software
Especificacion softwareEspecificacion software
Especificacion software
 
Introducción a C SHARP
Introducción a C SHARPIntroducción a C SHARP
Introducción a C SHARP
 
Impresoras
 Impresoras Impresoras
Impresoras
 
Sistemas
 Sistemas Sistemas
Sistemas
 
Biachi
BiachiBiachi
Biachi
 
Tipos sitemas operativos
Tipos sitemas operativosTipos sitemas operativos
Tipos sitemas operativos
 
Sistemas operativos 1
Sistemas operativos 1Sistemas operativos 1
Sistemas operativos 1
 

Similaire à Alejandro,ariel prototipe

Alejandroarielprototipe
AlejandroarielprototipeAlejandroarielprototipe
Alejandroarielprototipekevinwm17
 
Alejandroarielprototipe
AlejandroarielprototipeAlejandroarielprototipe
Alejandroarielprototipekevinwm17
 
Trabajo bañott
Trabajo bañottTrabajo bañott
Trabajo bañottEleny30
 
Modelo De Construccion De Prototipados
Modelo De Construccion De PrototipadosModelo De Construccion De Prototipados
Modelo De Construccion De Prototipadoslivia1988
 
Seminario: Prototipado y Wireframes
Seminario: Prototipado y WireframesSeminario: Prototipado y Wireframes
Seminario: Prototipado y WireframesMiguel Gea
 
Presentac..[1]
Presentac..[1]Presentac..[1]
Presentac..[1]msv3
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01hucarre
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01hucarre
 
Ingeniería de software
Ingeniería de software Ingeniería de software
Ingeniería de software jevo1994
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz webAlexis Morillo
 
Interfaces usuario
Interfaces usuarioInterfaces usuario
Interfaces usuariosarinoemi
 
Interfaces usuario
Interfaces usuarioInterfaces usuario
Interfaces usuariosarinoemi
 
Prototipado de pantallas para toma de requisitos
Prototipado de pantallas para toma de requisitosPrototipado de pantallas para toma de requisitos
Prototipado de pantallas para toma de requisitosEmmerson Miranda
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoGaby Bolaños Gomez
 
Prototipos en Papel
Prototipos en PapelPrototipos en Papel
Prototipos en Papelncor_narbe
 

Similaire à Alejandro,ariel prototipe (20)

Alejandro,ariel prototipe
Alejandro,ariel prototipeAlejandro,ariel prototipe
Alejandro,ariel prototipe
 
Alejandroarielprototipe
AlejandroarielprototipeAlejandroarielprototipe
Alejandroarielprototipe
 
Alejandroarielprototipe
AlejandroarielprototipeAlejandroarielprototipe
Alejandroarielprototipe
 
Trabajo bañott
Trabajo bañottTrabajo bañott
Trabajo bañott
 
Modelo De Construccion De Prototipados
Modelo De Construccion De PrototipadosModelo De Construccion De Prototipados
Modelo De Construccion De Prototipados
 
Seminario: Prototipado y Wireframes
Seminario: Prototipado y WireframesSeminario: Prototipado y Wireframes
Seminario: Prototipado y Wireframes
 
Presentac..[1]
Presentac..[1]Presentac..[1]
Presentac..[1]
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01
 
Ingeniería de software
Ingeniería de software Ingeniería de software
Ingeniería de software
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Interfaces usuario
Interfaces usuarioInterfaces usuario
Interfaces usuario
 
Interfaces usuario
Interfaces usuarioInterfaces usuario
Interfaces usuario
 
3490012.ppt
3490012.ppt3490012.ppt
3490012.ppt
 
Prototipado de pantallas para toma de requisitos
Prototipado de pantallas para toma de requisitosPrototipado de pantallas para toma de requisitos
Prototipado de pantallas para toma de requisitos
 
Interfaz gráfica de usuario 2015-2016
Interfaz gráfica de usuario 2015-2016Interfaz gráfica de usuario 2015-2016
Interfaz gráfica de usuario 2015-2016
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónico
 
Desktop
DesktopDesktop
Desktop
 
Prototipos en Papel
Prototipos en PapelPrototipos en Papel
Prototipos en Papel
 

Plus de infobran

Servicios de sistemas
Servicios de sistemasServicios de sistemas
Servicios de sistemasinfobran
 
Lenguajes de programacion web
Lenguajes de programacion webLenguajes de programacion web
Lenguajes de programacion webinfobran
 
Introducción a net
Introducción a netIntroducción a net
Introducción a netinfobran
 
Examen trianual informatica
Examen trianual informaticaExamen trianual informatica
Examen trianual informaticainfobran
 
Examen diego
Examen diegoExamen diego
Examen diegoinfobran
 
Desarrollo sitios web
Desarrollo sitios webDesarrollo sitios web
Desarrollo sitios webinfobran
 
Especificacion software
Especificacion softwareEspecificacion software
Especificacion softwareinfobran
 
Diagramas flujo
Diagramas flujoDiagramas flujo
Diagramas flujoinfobran
 
Cultura de la calidad
Cultura de la calidadCultura de la calidad
Cultura de la calidadinfobran
 
Arboles(2)
Arboles(2)Arboles(2)
Arboles(2)infobran
 
Presentación
 Presentación Presentación
Presentacióninfobran
 
Trabajo individual
Trabajo individualTrabajo individual
Trabajo individualinfobran
 
Practica diagramas
Practica diagramasPractica diagramas
Practica diagramasinfobran
 
Practica algoritmos
Practica algoritmosPractica algoritmos
Practica algoritmosinfobran
 

Plus de infobran (20)

Servicios de sistemas
Servicios de sistemasServicios de sistemas
Servicios de sistemas
 
Lenguajes de programacion web
Lenguajes de programacion webLenguajes de programacion web
Lenguajes de programacion web
 
Introducción a net
Introducción a netIntroducción a net
Introducción a net
 
Examen trianual informatica
Examen trianual informaticaExamen trianual informatica
Examen trianual informatica
 
Examen diego
Examen diegoExamen diego
Examen diego
 
Desarrollo sitios web
Desarrollo sitios webDesarrollo sitios web
Desarrollo sitios web
 
Grafos
GrafosGrafos
Grafos
 
Especificacion software
Especificacion softwareEspecificacion software
Especificacion software
 
Diagramas flujo
Diagramas flujoDiagramas flujo
Diagramas flujo
 
Cultura de la calidad
Cultura de la calidadCultura de la calidad
Cultura de la calidad
 
Ch10 13
Ch10 13Ch10 13
Ch10 13
 
Arboles
ArbolesArboles
Arboles
 
Arboles(2)
Arboles(2)Arboles(2)
Arboles(2)
 
Presentación
 Presentación Presentación
Presentación
 
Marco
 Marco Marco
Marco
 
While
WhileWhile
While
 
Trabajo individual
Trabajo individualTrabajo individual
Trabajo individual
 
Practica diagramas
Practica diagramasPractica diagramas
Practica diagramas
 
Practica algoritmos
Practica algoritmosPractica algoritmos
Practica algoritmos
 
Pascal
PascalPascal
Pascal
 

Alejandro,ariel prototipe

  • 2. Prototipo  Un prototipo es la única forma practica de diseñar y desarrollar interfaces graficas de usuario para sistemas de software.  Cuando se construye un equipo se debe seguir una serie de etapas.
  • 3. Prototipo  Desarrollar los prototipos en papel y mostrárselo a los clientes.  Se perfecciona el diseño del equipo, cada ves mas sofisticado y se pone a disposición de los usuarios para probarlo.
  • 4. Prototipo  La construcción del Prototipo en papel es poco costosa y muy efectiva. No ocupa desarrollar algún software ejecutable. Es una forma efectiva de mostrarle a los usuarios las pantallas y escenarios con los que van a interactuar.
  • 5. Storyboard  Es una serie de esbozos que ilustra una secuencia de interaccione, es menos manejable pero mas útil en algunos casos donde se propone una interfaces
  • 6. Prototipo  Después del Prototipo en papel se procede al Prototipo software del diseño de interface  Este no debe presentar la función ejecutable sino solo la interface.  Existen tres enfoque que pueden utilizarse para el prototipato de interfaces de usuario.
  • 7. Prototipo  ENFOQUE DIRIGIDO POR SECUENCIAS DE COMANDO:  Es solo un estudio de ideas con los usuarios incluye elementos visuales, con botones y menús con secuencias y comandos asociadas. No hay ninguna aplicación lógica
  • 8. Prototipo  LENGUAGES DE PROGRAMACION VISUALES:  Incorpora un potente entorno acceden a una gran variedad de objetos reutilizables .
  • 9. Prototipo  Prototipado basado en internet basados en navegadores de WEB en leguajes como java se ejecutan en el momento de cargar la pagina.
  • 10. Evaluación de la interface.  Su objetivo es evaluar la interface, la forma en que se utiliza y que cumpla los requerimientos del usuario.
  • 11. Evaluación de la interface.  La evaluación sistemática de un interface es un proceso caro e implica científicos y diseñadores gráficos, es posible que tenga que realizar un numero importante de experimentos con los usuarios típicos.
  • 12. Evaluación de la interface.  Existen técnicas menos costosas y sencillas para evaluar una interface:  Cuestionarios que recopilan la opinión de los usuarios.  Opinión de los usuarios al trabajar con el sistema.  Videos de usos típicos del sistema.  La inclusión del código del software que recopilan los recursos mas usados y los errores mas comunes.