SlideShare una empresa de Scribd logo
1 de 16
DISEÑO DE INTERFAZ
INTEGRANTES:
BRENDA K. RAMÍREZ SALAZAR
ROMMEL DUARTE MONARREZ
INTERFAZ:
• Interfaz es un término que procede del vocablo inglés interface. En informática, esta
noción sirve para señalar a la conexión que se da de manera física y a nivel de utilidad
entre dispositivos o sistemas. La interfaz, por lo tanto, es una conexión entre dos
máquinas de cualquier tipo, a las cuales les brinda un soporte para la comunicación a
diferentes estratos.
• Es posible entender la interfaz como un espacio (el lugar donde se desarrolla la
interacción y el intercambio)
TIPOS DE INTERFAZ
• Una interfaz de hardware, a nivel de los dispositivos utilizados para
ingresar, procesar y entregar los datos: teclado, ratón y pantalla
visualizadora.
• Una interfaz de software, destinada a entregar información acerca de
los procesos y herramientas de control, a través de lo que el usuario
observa habitualmente en la pantalla.
• Una interfaz de Software-Hardware, que establece un puente entre la
máquina y las personas, permite a la máquina entender la instrucción
y al hombre entender el código binario traducido a información
legible.
Dentro de las Interfaces de Usuario se puede distinguir
básicamente tres tipos:
• INTERFAZ GRAFICA
Ventajas:
• · - Facilita el manejo de los procedimientos
• · - Cada comando puede ser visualizado en pantalla mediante una imagen que lo representa
• · - Proporciona mecanismos estándar de control como ventanas y cuadros de dialogo
• · - Permite interactuar al usuario con el sistema de una forma mas fácil.
Desventajas:
• · - Utiliza más recursos del sistema
• · - Es más complejo realizar un sistema de este tipo
• · - Son más costosos
INTERFAZ DE CONSOLA
Ventajas:
• · - Son más ligeras y ocupan menos recursos y espacios de almacenamiento.
• · - Son mas rápidas al hacer operaciones
Desventajas:
• · - No son fáciles de operar
• · - Hay que tener presente la funcionalidad de los comandos.
Ventajas y Desventajas de Interfaz Grafica, Consola, Y Web
• INTERFAZ WEB
Ventajas:
• · - Se operan de manera fácil ya que también realiza los procesos de
manera grafica.
• · - No son construidos para una plataforma.
• · - Los usuarios pueden accesar desde cualquier lugar.
Desventajas:
• · - Se requiere de una conexión a internet.
• · - Se necesita un servidor para quienes ofrecen servicios por medio de
aplicaciones web, o solo para retener los datos.
EL PROCESO DE DISEÑO DE LA INTERFAZ
DEL USUARIO
• El proceso de diseño de las interfaces de usuario es iterativo y se
puede representar mediante un modelo espiral similar al abordado
en la Unidad I.
• En la Figura siguiente se puede observar que el proceso de diseño de
interfaz de usuario acompaña cuatro actividades distintas:
• 1. Análisis y modelado de usuarios, tareas y entornos.
• 2. Diseño de la interfaz
• 3. Implementación de la interfaz
• 4. Validación de la interfaz
DISEÑO DE LA INTERFAZ DEL USUARIO
PASOS A SEGUIR
• Finalizado el Análisis de Tareas, quedan definidas detalladamente todas
(objetos y acciones) que requiere el usuario final y comienza la actividad del
Diseño de la Interfaz.
• ¿Cuáles son los pasos que hay que seguir para llevar a cabo el diseño de la
Interfaz?
• 1. Establecer los objetivos e intenciones para cada tarea.
• 2. Hacer corresponder cada objetivo/intención con una secuencia de acciones
específicas.
• 3. Especificar la secuencia de acciones: tareas y subtareas (escenario del
usuario), y la manera en que se ejecutarán en la interfaz.
• 4. Indicar el estado del sistema: aspecto que tiene la interfaz cuando se está
llevando a cabo el escenario del usuario.
• 5. Definir los mecanismo de control: objetos y acciones disponibles para que el
usuario altere el estado del sistema.
• 6. Mostrar cómo los mecanismos de control afectan al estado del sistema.
EL “FORMATO DE PANTALLA”
-Con posterioridad, se lleva a cabo el formato de pantalla.
-Es un proceso interactivo de diseño gráfico y en él efectuamos:
• A) colocación de iconos,
• B) definición de textos descriptivos en pantalla,
• C) especificación y títulos para ventanas,
• D) definición de elementos principales y secundarios del menú .
LOGIN
• Para accesar al sistema proporcione su nombre de usuario y contraseña y de
Click en el botón OK.
• En caso de que el usuario o la contraseña proporcionada sean incorrectos, el
sistema le mostrara un
• mensaje avisándole que no se encontró el usuario o la contraseña.
SOPORTE TÉCNICO
El soporte técnico es un rango de servicio que proporciona
asistencia con el hardware y software de una computadora , o
algún otro dispositivo electrónico o mecánico .
En general los servicios de soporte técnico tratan a ayudar al
usuario a resolver determinados problemas con algún producto en
vez de entrenar o personalizar, mientras hacen uso de servicios,
programas o dispositivos.
El soporte técnico se puede dar por distintos tipos de medio,
incluyendo:
- El correo electrónico
- Chat
- Software de aplicación
- Faxes
- Técnicos
aunque el mas común es el teléfono. En los últimos hay una tendencia
a la prestación de soporte técnico remoto , donde un técnico se
conecta al ordenador mediante una aplicación de conexión remota.
MANTENIMIENTO
• El estándar IEEE 1219 [IEEE,1993] define el mantenimiento del
software como “la modificación de un producto software después de
haber sido entregado [a los usuarios o clientes] con el fin de corregir
defectos, mejorar el rendimiento u otros atributo, o adaptarlo a un
cambio en el entorno”.
MANTENIMIENTO (2)
• En el estándar ISO 12207, de procesos del Ciclo de Vida del
Software[ISO/IEC , 1995] se establece que “el Proceso de Mantenimiento
contiene las actividades y tareas realizadas por el mantenedor. Este proceso
se activa cuando el producto software sufre modificaciones en el código y
la documentación asociada , debido a un problema o a la necesidad de
mejora o adaptación. El objetivo es modificar el producto software existente
preservando su integridad. Este proceso incluye la migración y retirada del
producto software . El proceso termina con la retirada del producto
software”. El mantenedor es la organización que proporciona el servicio de
mantenimiento.
MANTENIMIENTO (3)
• En otras fuentes bibliográficas clásicas aparecen definiciones
similares a las anteriores.
• Pressman [1998] dice que “la fase mantenimiento se centra en el
cambio que va asociado a la corrección de errores, a las adaptaciones
requeridas a medida que evoluciona el entorno del software , y a
cambios debidos a las mejoras producidas por los requisitos
cambiantes del cliente”.
Diseño de Interfaz

Más contenido relacionado

La actualidad más candente

Ejemplo soa
Ejemplo soaEjemplo soa
Ejemplo soabrccq
 
Modelado Orientado a Objetos
Modelado Orientado a ObjetosModelado Orientado a Objetos
Modelado Orientado a ObjetosRafael Miranda
 
Metodologías de desarrollo de software
Metodologías de desarrollo de softwareMetodologías de desarrollo de software
Metodologías de desarrollo de softwareWilfredo Mogollón
 
Tabla comparativa- metodologías de desarrollo
Tabla comparativa-  metodologías de desarrolloTabla comparativa-  metodologías de desarrollo
Tabla comparativa- metodologías de desarrolloitsarellano
 
El Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanEl Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanJuan Pablo Bustos Thames
 
Modelo en cascada
Modelo en cascadaModelo en cascada
Modelo en cascadahome
 
Requerimientos en Ingenieria de Software
Requerimientos en Ingenieria de SoftwareRequerimientos en Ingenieria de Software
Requerimientos en Ingenieria de SoftwareKelvin Abdiel Alvarado
 
Técnicas para la Obtención de Requerimientos
Técnicas para la Obtención de RequerimientosTécnicas para la Obtención de Requerimientos
Técnicas para la Obtención de RequerimientosJuan Carlos Olivares Rojas
 
Interfaz de usuario
Interfaz de usuario Interfaz de usuario
Interfaz de usuario Iván Torres
 
Modelo requisitos UML
Modelo requisitos UMLModelo requisitos UML
Modelo requisitos UMLramirezjaime
 
Requerimientos de un sistema de información
Requerimientos de un sistema de informaciónRequerimientos de un sistema de información
Requerimientos de un sistema de informacióncamilo_flores
 

La actualidad más candente (20)

Ejemplo soa
Ejemplo soaEjemplo soa
Ejemplo soa
 
Ingeniería de software modelo incremental
Ingeniería de software  modelo incrementalIngeniería de software  modelo incremental
Ingeniería de software modelo incremental
 
Modelado Orientado a Objetos
Modelado Orientado a ObjetosModelado Orientado a Objetos
Modelado Orientado a Objetos
 
Metodologías de desarrollo de software
Metodologías de desarrollo de softwareMetodologías de desarrollo de software
Metodologías de desarrollo de software
 
Tabla comparativa- metodologías de desarrollo
Tabla comparativa-  metodologías de desarrolloTabla comparativa-  metodologías de desarrollo
Tabla comparativa- metodologías de desarrollo
 
El Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanEl Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger Pressman
 
Metodologia Incremental
Metodologia IncrementalMetodologia Incremental
Metodologia Incremental
 
Modelo en cascada
Modelo en cascadaModelo en cascada
Modelo en cascada
 
Requerimientos en Ingenieria de Software
Requerimientos en Ingenieria de SoftwareRequerimientos en Ingenieria de Software
Requerimientos en Ingenieria de Software
 
Ensayo ingenieria de requisitos
Ensayo ingenieria de requisitosEnsayo ingenieria de requisitos
Ensayo ingenieria de requisitos
 
Metodologías de Desarrollo de Software
Metodologías de Desarrollo de SoftwareMetodologías de Desarrollo de Software
Metodologías de Desarrollo de Software
 
Técnicas para la Obtención de Requerimientos
Técnicas para la Obtención de RequerimientosTécnicas para la Obtención de Requerimientos
Técnicas para la Obtención de Requerimientos
 
Principios diseño del software
Principios diseño del software Principios diseño del software
Principios diseño del software
 
Proceso del Software
Proceso del Software Proceso del Software
Proceso del Software
 
Interfaz de usuario
Interfaz de usuario Interfaz de usuario
Interfaz de usuario
 
Modelo requisitos UML
Modelo requisitos UMLModelo requisitos UML
Modelo requisitos UML
 
Sistemas distribuidos pnn2
Sistemas distribuidos pnn2Sistemas distribuidos pnn2
Sistemas distribuidos pnn2
 
PSW Unidad 1 PROCESO DE SOFTWARE
PSW Unidad 1 PROCESO DE SOFTWAREPSW Unidad 1 PROCESO DE SOFTWARE
PSW Unidad 1 PROCESO DE SOFTWARE
 
Gestores de bases de datos cuadros comparativos
Gestores de bases de datos cuadros comparativosGestores de bases de datos cuadros comparativos
Gestores de bases de datos cuadros comparativos
 
Requerimientos de un sistema de información
Requerimientos de un sistema de informaciónRequerimientos de un sistema de información
Requerimientos de un sistema de información
 

Similar a Diseño de Interfaz

Caracteristicas de los Sistemas Operativos
Caracteristicas de los Sistemas OperativosCaracteristicas de los Sistemas Operativos
Caracteristicas de los Sistemas OperativosPablo Macon
 
Eje tematico 4
Eje tematico 4Eje tematico 4
Eje tematico 4EDISON
 
Monografia de sistemas operativos ofelia peña
Monografia de sistemas operativos ofelia peñaMonografia de sistemas operativos ofelia peña
Monografia de sistemas operativos ofelia peñaofeliatlv289
 
Sistemas!!!
Sistemas!!!Sistemas!!!
Sistemas!!!fabio623
 
Sistemas..!!
Sistemas..!!Sistemas..!!
Sistemas..!!fabio623
 
Sistemas!!
Sistemas!!Sistemas!!
Sistemas!!fabio623
 
Sistemas..!!
Sistemas..!!Sistemas..!!
Sistemas..!!fabio623
 
Presentación.pptx
Presentación.pptxPresentación.pptx
Presentación.pptxPilarLiriano
 
Sistemas operativos propio!
Sistemas operativos propio!Sistemas operativos propio!
Sistemas operativos propio!an32
 
TIPOS DE SOFTWARE
TIPOS DE SOFTWARETIPOS DE SOFTWARE
TIPOS DE SOFTWAREJenni2011
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativosIsa Tarazona
 
73fb5539f0bab09b614aa5c01ab8e69e.ppt
73fb5539f0bab09b614aa5c01ab8e69e.ppt73fb5539f0bab09b614aa5c01ab8e69e.ppt
73fb5539f0bab09b614aa5c01ab8e69e.pptjosephcruz207059
 
73fb5539f0bab09b614aa5c01ab8e69e.ppt
73fb5539f0bab09b614aa5c01ab8e69e.ppt73fb5539f0bab09b614aa5c01ab8e69e.ppt
73fb5539f0bab09b614aa5c01ab8e69e.pptGaloMian
 
Sistema Operativo Windows Capas Estructura
Sistema Operativo Windows Capas EstructuraSistema Operativo Windows Capas Estructura
Sistema Operativo Windows Capas EstructuraJairoMaxKevinMartine
 
Actividad
ActividadActividad
Actividadefrain
 

Similar a Diseño de Interfaz (20)

3490012.ppt
3490012.ppt3490012.ppt
3490012.ppt
 
Caracteristicas de los Sistemas Operativos
Caracteristicas de los Sistemas OperativosCaracteristicas de los Sistemas Operativos
Caracteristicas de los Sistemas Operativos
 
Eje tematico 4
Eje tematico 4Eje tematico 4
Eje tematico 4
 
Cap5 ssoo-ft
Cap5 ssoo-ftCap5 ssoo-ft
Cap5 ssoo-ft
 
Estructura so
Estructura soEstructura so
Estructura so
 
Monografia de sistemas operativos ofelia peña
Monografia de sistemas operativos ofelia peñaMonografia de sistemas operativos ofelia peña
Monografia de sistemas operativos ofelia peña
 
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
 
Sistemas!!!
Sistemas!!!Sistemas!!!
Sistemas!!!
 
Sistemas..!!
Sistemas..!!Sistemas..!!
Sistemas..!!
 
Sistemas!!
Sistemas!!Sistemas!!
Sistemas!!
 
Sistemas..!!
Sistemas..!!Sistemas..!!
Sistemas..!!
 
Presentación.pptx
Presentación.pptxPresentación.pptx
Presentación.pptx
 
Sistemas operativos propio!
Sistemas operativos propio!Sistemas operativos propio!
Sistemas operativos propio!
 
TIPOS DE SOFTWARE
TIPOS DE SOFTWARETIPOS DE SOFTWARE
TIPOS DE SOFTWARE
 
SISTEMA OPERATIVO
SISTEMA OPERATIVOSISTEMA OPERATIVO
SISTEMA OPERATIVO
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativos
 
73fb5539f0bab09b614aa5c01ab8e69e.ppt
73fb5539f0bab09b614aa5c01ab8e69e.ppt73fb5539f0bab09b614aa5c01ab8e69e.ppt
73fb5539f0bab09b614aa5c01ab8e69e.ppt
 
73fb5539f0bab09b614aa5c01ab8e69e.ppt
73fb5539f0bab09b614aa5c01ab8e69e.ppt73fb5539f0bab09b614aa5c01ab8e69e.ppt
73fb5539f0bab09b614aa5c01ab8e69e.ppt
 
Sistema Operativo Windows Capas Estructura
Sistema Operativo Windows Capas EstructuraSistema Operativo Windows Capas Estructura
Sistema Operativo Windows Capas Estructura
 
Actividad
ActividadActividad
Actividad
 

Diseño de Interfaz

  • 1. DISEÑO DE INTERFAZ INTEGRANTES: BRENDA K. RAMÍREZ SALAZAR ROMMEL DUARTE MONARREZ
  • 2. INTERFAZ: • Interfaz es un término que procede del vocablo inglés interface. En informática, esta noción sirve para señalar a la conexión que se da de manera física y a nivel de utilidad entre dispositivos o sistemas. La interfaz, por lo tanto, es una conexión entre dos máquinas de cualquier tipo, a las cuales les brinda un soporte para la comunicación a diferentes estratos. • Es posible entender la interfaz como un espacio (el lugar donde se desarrolla la interacción y el intercambio)
  • 3. TIPOS DE INTERFAZ • Una interfaz de hardware, a nivel de los dispositivos utilizados para ingresar, procesar y entregar los datos: teclado, ratón y pantalla visualizadora. • Una interfaz de software, destinada a entregar información acerca de los procesos y herramientas de control, a través de lo que el usuario observa habitualmente en la pantalla. • Una interfaz de Software-Hardware, que establece un puente entre la máquina y las personas, permite a la máquina entender la instrucción y al hombre entender el código binario traducido a información legible. Dentro de las Interfaces de Usuario se puede distinguir básicamente tres tipos:
  • 4. • INTERFAZ GRAFICA Ventajas: • · - Facilita el manejo de los procedimientos • · - Cada comando puede ser visualizado en pantalla mediante una imagen que lo representa • · - Proporciona mecanismos estándar de control como ventanas y cuadros de dialogo • · - Permite interactuar al usuario con el sistema de una forma mas fácil. Desventajas: • · - Utiliza más recursos del sistema • · - Es más complejo realizar un sistema de este tipo • · - Son más costosos INTERFAZ DE CONSOLA Ventajas: • · - Son más ligeras y ocupan menos recursos y espacios de almacenamiento. • · - Son mas rápidas al hacer operaciones Desventajas: • · - No son fáciles de operar • · - Hay que tener presente la funcionalidad de los comandos. Ventajas y Desventajas de Interfaz Grafica, Consola, Y Web
  • 5. • INTERFAZ WEB Ventajas: • · - Se operan de manera fácil ya que también realiza los procesos de manera grafica. • · - No son construidos para una plataforma. • · - Los usuarios pueden accesar desde cualquier lugar. Desventajas: • · - Se requiere de una conexión a internet. • · - Se necesita un servidor para quienes ofrecen servicios por medio de aplicaciones web, o solo para retener los datos.
  • 6. EL PROCESO DE DISEÑO DE LA INTERFAZ DEL USUARIO • El proceso de diseño de las interfaces de usuario es iterativo y se puede representar mediante un modelo espiral similar al abordado en la Unidad I. • En la Figura siguiente se puede observar que el proceso de diseño de interfaz de usuario acompaña cuatro actividades distintas: • 1. Análisis y modelado de usuarios, tareas y entornos. • 2. Diseño de la interfaz • 3. Implementación de la interfaz • 4. Validación de la interfaz
  • 7.
  • 8. DISEÑO DE LA INTERFAZ DEL USUARIO PASOS A SEGUIR • Finalizado el Análisis de Tareas, quedan definidas detalladamente todas (objetos y acciones) que requiere el usuario final y comienza la actividad del Diseño de la Interfaz. • ¿Cuáles son los pasos que hay que seguir para llevar a cabo el diseño de la Interfaz? • 1. Establecer los objetivos e intenciones para cada tarea. • 2. Hacer corresponder cada objetivo/intención con una secuencia de acciones específicas. • 3. Especificar la secuencia de acciones: tareas y subtareas (escenario del usuario), y la manera en que se ejecutarán en la interfaz. • 4. Indicar el estado del sistema: aspecto que tiene la interfaz cuando se está llevando a cabo el escenario del usuario. • 5. Definir los mecanismo de control: objetos y acciones disponibles para que el usuario altere el estado del sistema. • 6. Mostrar cómo los mecanismos de control afectan al estado del sistema.
  • 9. EL “FORMATO DE PANTALLA” -Con posterioridad, se lleva a cabo el formato de pantalla. -Es un proceso interactivo de diseño gráfico y en él efectuamos: • A) colocación de iconos, • B) definición de textos descriptivos en pantalla, • C) especificación y títulos para ventanas, • D) definición de elementos principales y secundarios del menú .
  • 10. LOGIN • Para accesar al sistema proporcione su nombre de usuario y contraseña y de Click en el botón OK. • En caso de que el usuario o la contraseña proporcionada sean incorrectos, el sistema le mostrara un • mensaje avisándole que no se encontró el usuario o la contraseña.
  • 11. SOPORTE TÉCNICO El soporte técnico es un rango de servicio que proporciona asistencia con el hardware y software de una computadora , o algún otro dispositivo electrónico o mecánico . En general los servicios de soporte técnico tratan a ayudar al usuario a resolver determinados problemas con algún producto en vez de entrenar o personalizar, mientras hacen uso de servicios, programas o dispositivos.
  • 12. El soporte técnico se puede dar por distintos tipos de medio, incluyendo: - El correo electrónico - Chat - Software de aplicación - Faxes - Técnicos aunque el mas común es el teléfono. En los últimos hay una tendencia a la prestación de soporte técnico remoto , donde un técnico se conecta al ordenador mediante una aplicación de conexión remota.
  • 13. MANTENIMIENTO • El estándar IEEE 1219 [IEEE,1993] define el mantenimiento del software como “la modificación de un producto software después de haber sido entregado [a los usuarios o clientes] con el fin de corregir defectos, mejorar el rendimiento u otros atributo, o adaptarlo a un cambio en el entorno”.
  • 14. MANTENIMIENTO (2) • En el estándar ISO 12207, de procesos del Ciclo de Vida del Software[ISO/IEC , 1995] se establece que “el Proceso de Mantenimiento contiene las actividades y tareas realizadas por el mantenedor. Este proceso se activa cuando el producto software sufre modificaciones en el código y la documentación asociada , debido a un problema o a la necesidad de mejora o adaptación. El objetivo es modificar el producto software existente preservando su integridad. Este proceso incluye la migración y retirada del producto software . El proceso termina con la retirada del producto software”. El mantenedor es la organización que proporciona el servicio de mantenimiento.
  • 15. MANTENIMIENTO (3) • En otras fuentes bibliográficas clásicas aparecen definiciones similares a las anteriores. • Pressman [1998] dice que “la fase mantenimiento se centra en el cambio que va asociado a la corrección de errores, a las adaptaciones requeridas a medida que evoluciona el entorno del software , y a cambios debidos a las mejoras producidas por los requisitos cambiantes del cliente”.