SlideShare una empresa de Scribd logo
1 de 10
Diseño de interfaz
Se concentran en tres áreas:
El diseño de interfaces entre componentes de software.

 El diseño de interfaces entre el software y otros consumidores de información

que no son humanos.
El diseño de interfaz entre un ser humano.
Tres Reglas de oro para el diseño de
la interfaz
1.   Dar el control al usuario.

1.   Reducir la carga en la memoria del usuario

1.   Lograr que la interfaz sea consistente.
Dar el control al usuario.

  Durante la sesión de acopio de
requisitos para un nuevo e importante
sistema de información, acerca de los
atributos de la interfaz grafica orientada
a ventanas.
Reducir la carga en la memoria del
usuario.
  Una interfaz de usuario bien diseñada no dependerá de la memoria de este.
Siempre que sea posible, el sistema debe “recordar” la información pertinente y
ayudar al usuario con un escenario de interacción que le facilite el uso de la
memoria.
  Define los principios de diseño que logran que una interfaz reduzca la carga de
memoria que recae en el usuario.
Lograr que la interfaz sea
consistente
La interfaz debe adquirir y presentar la información de manera
consistente.
Esto implica que:
Toda la información visual esta organizada de acuerdo con un estándar de diseño

que se mantenga en todas las presentaciones de pantalla.
Los mecanismos de entrada se restrinjan a un conjunto limitado que se    utiliza
de manera consistente en toda la aplicación.
Los mecanismos para ir de una tarea a otra se hayan definido e

    implementado de manera consistente.
Mandel MANDEL97 define un conjunto de principios de diseño que ayudan a
construir una interfaz consistente
Análisis y diseño de la interfaz de
usuario.
  El proceso general para analizar y diseñar una interfaz de usuario empieza con la
creación de diferentes modelos de función del sistema (como se percibe desde el
exterior). se emplean herramientas para crear prototipos e implantar finalmente
el modelo de diseño, y los usuarios finales evalúan la calidad de resultado.
Modelos del análisis y diseño de
la interfaz.
   Cuando se analiza y diseña una interfaz de usuario entran en juego cuatro
modelos diferentes.
 Un ingeniero humano (o el ingeniero del software) establece un modelo del
usuario; el ingeniero del software crea un modelo del diseño; el usuario final
desarrolla una imagen mental que suele denominarse modelo mental del usuario
o percepción del sistema, y quienes implementan el sistema crean un modelo de
la implementación.
ANÁLISIS DE CONTENIDO DE PANTALLA
Lleva la presentación de diferentes tipos de
contenido, el contenido de la pantalla esta basado en
caracteres. Ejemplo, una hoja de calculo, pantallas
graficas un histograma un modelo como archivos de
audio.
Análisis del Entorno de Trabajo.
Hackos y Redish analizan la importancia del AET
cuando afirman:
Que la gente no trabaja aislada . Si los productos que
se diseñan no se amoldan al entorno es posible que
su uso resulte difícil.
 Pasos del Diseño del Interfaz.
APLICACIÓN DE LOS PASOS DEL DISEÑO DE LA INTERFAZ



Un poso importante en el diseño de la interfaz es la definición de los objetivos..Se
identifican objetos de distinto origen y aplicación.
CASO DE USO PRELIMINAR.
En este caso de uso se identifican las tareas del propietario, los objetos y los elementos
siguientes:
Tiene acceso al sistema hogar seguro.

•Ingresa un ID y una contraseña para acceso remoto.

•Revisar el estatus del sistema.

• Arma o desarma el sistema hogar seguro.

• Despliega el plano de la casa y las ubicaciones de los sensores.

• Despliega zona en el plano de la casa.

•Cambia zonas en el plano de la casa.

• Despliega ubicaciones de las cámaras de video o el plano de la casa.

• Selecciona visualmente una cámara de video.

•Despliega o acerca las cámaras de video.

Más contenido relacionado

La actualidad más candente

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
 
Presentación1(2)
 Presentación1(2) Presentación1(2)
Presentación1(2)infobran
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basicaUVM
 
Fundamentos básicos para el diseño de software
Fundamentos básicos para el diseño de softwareFundamentos básicos para el diseño de software
Fundamentos básicos para el diseño de softwaremichellvillegas3
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfacesLuis Carlos Aceves
 
Tp metodología interfaz de usuario - UTN FRA
Tp metodología interfaz de usuario - UTN FRATp metodología interfaz de usuario - UTN FRA
Tp metodología interfaz de usuario - UTN FRAGladys Cachi
 
Elementos de programacion
Elementos de programacionElementos de programacion
Elementos de programacionAlma1009
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
Metodos alternativos 4
Metodos alternativos 4Metodos alternativos 4
Metodos alternativos 4Blanca Duran
 
Campos de acción Ingenieria de Software
Campos de acción Ingenieria de SoftwareCampos de acción Ingenieria de Software
Campos de acción Ingenieria de SoftwareArnold Torres
 
Diseno de software_-_gabriel_gonzalez
Diseno de software_-_gabriel_gonzalezDiseno de software_-_gabriel_gonzalez
Diseno de software_-_gabriel_gonzalezGabrielGonzalez463
 
Expo equipo 2 Pruebas basicas de usabilidad utilizando tecnicas de pensamiento
Expo equipo 2 Pruebas basicas de usabilidad utilizando tecnicas de pensamientoExpo equipo 2 Pruebas basicas de usabilidad utilizando tecnicas de pensamiento
Expo equipo 2 Pruebas basicas de usabilidad utilizando tecnicas de pensamientoUVM
 
Sofware
SofwareSofware
Sofwareyanipp
 
Ingenieria de software
Ingenieria de softwareIngenieria de software
Ingenieria de softwareDiaxz Salgado
 

La actualidad más candente (19)

Especificacion software
Especificacion softwareEspecificacion software
Especificacion software
 
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
 
Presentación1(2)
 Presentación1(2) Presentación1(2)
Presentación1(2)
 
Intrefaz
 Intrefaz Intrefaz
Intrefaz
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 
Biachi
BiachiBiachi
Biachi
 
Fundamentos básicos para el diseño de software
Fundamentos básicos para el diseño de softwareFundamentos básicos para el diseño de software
Fundamentos básicos para el diseño de software
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfaces
 
Tp metodología interfaz de usuario - UTN FRA
Tp metodología interfaz de usuario - UTN FRATp metodología interfaz de usuario - UTN FRA
Tp metodología interfaz de usuario - UTN FRA
 
Elementos de programacion
Elementos de programacionElementos de programacion
Elementos de programacion
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Metodos alternativos 4
Metodos alternativos 4Metodos alternativos 4
Metodos alternativos 4
 
Clase 04 diseno_ui
Clase 04 diseno_uiClase 04 diseno_ui
Clase 04 diseno_ui
 
Campos de acción Ingenieria de Software
Campos de acción Ingenieria de SoftwareCampos de acción Ingenieria de Software
Campos de acción Ingenieria de Software
 
Diseno de software_-_gabriel_gonzalez
Diseno de software_-_gabriel_gonzalezDiseno de software_-_gabriel_gonzalez
Diseno de software_-_gabriel_gonzalez
 
Expo equipo 2 Pruebas basicas de usabilidad utilizando tecnicas de pensamiento
Expo equipo 2 Pruebas basicas de usabilidad utilizando tecnicas de pensamientoExpo equipo 2 Pruebas basicas de usabilidad utilizando tecnicas de pensamiento
Expo equipo 2 Pruebas basicas de usabilidad utilizando tecnicas de pensamiento
 
Sofware
SofwareSofware
Sofware
 
Estandares del grado 8
Estandares del grado 8Estandares del grado 8
Estandares del grado 8
 
Ingenieria de software
Ingenieria de softwareIngenieria de software
Ingenieria de software
 

Destacado

Ejercicio tipos de deformaciones 4ºeso
Ejercicio tipos de deformaciones   4ºesoEjercicio tipos de deformaciones   4ºeso
Ejercicio tipos de deformaciones 4ºesojiesquinas
 
Thompson rpo2012
Thompson rpo2012Thompson rpo2012
Thompson rpo2012RPO America
 
Deployment And Change Management
Deployment And Change ManagementDeployment And Change Management
Deployment And Change ManagementOwen Winkler
 
Nhp Conference Feb 2004
Nhp Conference Feb 2004Nhp Conference Feb 2004
Nhp Conference Feb 2004pierrecharest
 
Mark van de Crommert (Remotely.tv) @MPJC2012
Mark van de Crommert (Remotely.tv) @MPJC2012Mark van de Crommert (Remotely.tv) @MPJC2012
Mark van de Crommert (Remotely.tv) @MPJC2012Media Perspectives
 
Esfuerzos mecánicos y zanc
Esfuerzos mecánicos y zancEsfuerzos mecánicos y zanc
Esfuerzos mecánicos y zancDomi Salvo
 
Esfuerzo y flexión
Esfuerzo y flexiónEsfuerzo y flexión
Esfuerzo y flexiónjuliofer1
 
Esfuerzo y deformacion
Esfuerzo y deformacion Esfuerzo y deformacion
Esfuerzo y deformacion LenderRamos
 
ESFUERZO Y DEFORMACION
ESFUERZO Y DEFORMACIONESFUERZO Y DEFORMACION
ESFUERZO Y DEFORMACIONmaholyleal
 
ESFUERZO Y DEFORMACION
ESFUERZO Y DEFORMACIONESFUERZO Y DEFORMACION
ESFUERZO Y DEFORMACIONJENNIS RENGEL
 
Ejercicios tema 1
Ejercicios tema 1 Ejercicios tema 1
Ejercicios tema 1 Miguel Rosas
 
Resistencia de Materiales
Resistencia de MaterialesResistencia de Materiales
Resistencia de MaterialesSamary Paez
 
Estructuras 1º ESO: Tipos de esfuerzos
Estructuras 1º ESO: Tipos de esfuerzosEstructuras 1º ESO: Tipos de esfuerzos
Estructuras 1º ESO: Tipos de esfuerzostictecnologia
 
solucionario diseño de elementos de maquinas robert mott 4ta edicion
solucionario diseño de elementos de maquinas robert mott 4ta edicionsolucionario diseño de elementos de maquinas robert mott 4ta edicion
solucionario diseño de elementos de maquinas robert mott 4ta edicionJunior Aguilar Serna
 

Destacado (17)

Ejercicio tipos de deformaciones 4ºeso
Ejercicio tipos de deformaciones   4ºesoEjercicio tipos de deformaciones   4ºeso
Ejercicio tipos de deformaciones 4ºeso
 
Thompson rpo2012
Thompson rpo2012Thompson rpo2012
Thompson rpo2012
 
Deployment And Change Management
Deployment And Change ManagementDeployment And Change Management
Deployment And Change Management
 
Is my shoe art?
Is my shoe art?Is my shoe art?
Is my shoe art?
 
Nhp Conference Feb 2004
Nhp Conference Feb 2004Nhp Conference Feb 2004
Nhp Conference Feb 2004
 
Mark van de Crommert (Remotely.tv) @MPJC2012
Mark van de Crommert (Remotely.tv) @MPJC2012Mark van de Crommert (Remotely.tv) @MPJC2012
Mark van de Crommert (Remotely.tv) @MPJC2012
 
RakulogSeminer081120
RakulogSeminer081120RakulogSeminer081120
RakulogSeminer081120
 
Esfuerzos mecánicos y zanc
Esfuerzos mecánicos y zancEsfuerzos mecánicos y zanc
Esfuerzos mecánicos y zanc
 
Esfuerzo y flexión
Esfuerzo y flexiónEsfuerzo y flexión
Esfuerzo y flexión
 
Esfuerzo y deformacion
Esfuerzo y deformacion Esfuerzo y deformacion
Esfuerzo y deformacion
 
ESFUERZO Y DEFORMACION
ESFUERZO Y DEFORMACIONESFUERZO Y DEFORMACION
ESFUERZO Y DEFORMACION
 
ESFUERZO Y DEFORMACION
ESFUERZO Y DEFORMACIONESFUERZO Y DEFORMACION
ESFUERZO Y DEFORMACION
 
Método de deformaciones angulares
Método de deformaciones angularesMétodo de deformaciones angulares
Método de deformaciones angulares
 
Ejercicios tema 1
Ejercicios tema 1 Ejercicios tema 1
Ejercicios tema 1
 
Resistencia de Materiales
Resistencia de MaterialesResistencia de Materiales
Resistencia de Materiales
 
Estructuras 1º ESO: Tipos de esfuerzos
Estructuras 1º ESO: Tipos de esfuerzosEstructuras 1º ESO: Tipos de esfuerzos
Estructuras 1º ESO: Tipos de esfuerzos
 
solucionario diseño de elementos de maquinas robert mott 4ta edicion
solucionario diseño de elementos de maquinas robert mott 4ta edicionsolucionario diseño de elementos de maquinas robert mott 4ta edicion
solucionario diseño de elementos de maquinas robert mott 4ta edicion
 

Similar a Trabajo bañott

DISEÑO DE INTERFAZ DE USUARIO.ppt.pptx
DISEÑO DE INTERFAZ DE USUARIO.ppt.pptxDISEÑO DE INTERFAZ DE USUARIO.ppt.pptx
DISEÑO DE INTERFAZ DE USUARIO.ppt.pptxssuserffa00a
 
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
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuariotaninof
 
Interfaz De Usuario
Interfaz De UsuarioInterfaz De Usuario
Interfaz De Usuariodjyami
 
Fundamentos de Diseño - Grupo Delta
Fundamentos de Diseño - Grupo DeltaFundamentos de Diseño - Grupo Delta
Fundamentos de Diseño - Grupo DeltaNicola Pizzi Castro
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuarioBayardo Medina
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz webAlexis Morillo
 
Ingenieria de requerimientos
Ingenieria de requerimientos Ingenieria de requerimientos
Ingenieria de requerimientos Miguel Sanchez
 
Prototipando experiencias de usuario
Prototipando experiencias de usuarioPrototipando experiencias de usuario
Prototipando experiencias de usuarioUX Nights
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioDidier Alexander
 
Alejandroarielprototipe
AlejandroarielprototipeAlejandroarielprototipe
Alejandroarielprototipekevinwm17
 

Similar a Trabajo bañott (20)

DISEÑO DE INTERFAZ DE USUARIO.ppt.pptx
DISEÑO DE INTERFAZ DE USUARIO.ppt.pptxDISEÑO DE INTERFAZ DE USUARIO.ppt.pptx
DISEÑO DE INTERFAZ DE USUARIO.ppt.pptx
 
3490012.ppt
3490012.ppt3490012.ppt
3490012.ppt
 
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
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Diseño de la interfaz de usuario
Diseño de la interfaz de usuarioDiseño de la interfaz de usuario
Diseño de la interfaz de usuario
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Hci
HciHci
Hci
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuario
 
Capitulo ii ihc_2020_buap_a
Capitulo ii ihc_2020_buap_aCapitulo ii ihc_2020_buap_a
Capitulo ii ihc_2020_buap_a
 
Interfaz De Usuario
Interfaz De UsuarioInterfaz De Usuario
Interfaz De Usuario
 
Fundamentos de Diseño - Grupo Delta
Fundamentos de Diseño - Grupo DeltaFundamentos de Diseño - Grupo Delta
Fundamentos de Diseño - Grupo Delta
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
conceptos de redes
conceptos de redesconceptos de redes
conceptos de redes
 
Ingenieria de requerimientos
Ingenieria de requerimientos Ingenieria de requerimientos
Ingenieria de requerimientos
 
Hmi1
Hmi1Hmi1
Hmi1
 
Prototipando experiencias de usuario
Prototipando experiencias de usuarioPrototipando experiencias de usuario
Prototipando experiencias 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
 
Alejandroarielprototipe
AlejandroarielprototipeAlejandroarielprototipe
Alejandroarielprototipe
 

Más de Eleny30

Preguntas realizadas
Preguntas realizadasPreguntas realizadas
Preguntas realizadasEleny30
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo bañoEleny30
 
Pasos para subir diapositiva al blog mediante el programa slideshare
Pasos para subir diapositiva al blog mediante el programa slidesharePasos para subir diapositiva al blog mediante el programa slideshare
Pasos para subir diapositiva al blog mediante el programa slideshareEleny30
 
Proyecto interactivo
Proyecto interactivoProyecto interactivo
Proyecto interactivoEleny30
 
Proyecto interactivo
Proyecto interactivoProyecto interactivo
Proyecto interactivoEleny30
 
Proyecto interactivo
Proyecto interactivoProyecto interactivo
Proyecto interactivoEleny30
 
Proyecto interactivo
Proyecto interactivoProyecto interactivo
Proyecto interactivoEleny30
 
Proyecto interactivo
Proyecto interactivoProyecto interactivo
Proyecto interactivoEleny30
 
Perifericos
PerifericosPerifericos
PerifericosEleny30
 

Más de Eleny30 (9)

Preguntas realizadas
Preguntas realizadasPreguntas realizadas
Preguntas realizadas
 
Trabajo baño
Trabajo bañoTrabajo baño
Trabajo baño
 
Pasos para subir diapositiva al blog mediante el programa slideshare
Pasos para subir diapositiva al blog mediante el programa slidesharePasos para subir diapositiva al blog mediante el programa slideshare
Pasos para subir diapositiva al blog mediante el programa slideshare
 
Proyecto interactivo
Proyecto interactivoProyecto interactivo
Proyecto interactivo
 
Proyecto interactivo
Proyecto interactivoProyecto interactivo
Proyecto interactivo
 
Proyecto interactivo
Proyecto interactivoProyecto interactivo
Proyecto interactivo
 
Proyecto interactivo
Proyecto interactivoProyecto interactivo
Proyecto interactivo
 
Proyecto interactivo
Proyecto interactivoProyecto interactivo
Proyecto interactivo
 
Perifericos
PerifericosPerifericos
Perifericos
 

Trabajo bañott

  • 1.
  • 2. Diseño de interfaz Se concentran en tres áreas: El diseño de interfaces entre componentes de software.  El diseño de interfaces entre el software y otros consumidores de información que no son humanos. El diseño de interfaz entre un ser humano.
  • 3. Tres Reglas de oro para el diseño de la interfaz 1. Dar el control al usuario. 1. Reducir la carga en la memoria del usuario 1. Lograr que la interfaz sea consistente.
  • 4. Dar el control al usuario. Durante la sesión de acopio de requisitos para un nuevo e importante sistema de información, acerca de los atributos de la interfaz grafica orientada a ventanas.
  • 5. Reducir la carga en la memoria del usuario. Una interfaz de usuario bien diseñada no dependerá de la memoria de este. Siempre que sea posible, el sistema debe “recordar” la información pertinente y ayudar al usuario con un escenario de interacción que le facilite el uso de la memoria. Define los principios de diseño que logran que una interfaz reduzca la carga de memoria que recae en el usuario.
  • 6. Lograr que la interfaz sea consistente La interfaz debe adquirir y presentar la información de manera consistente. Esto implica que: Toda la información visual esta organizada de acuerdo con un estándar de diseño que se mantenga en todas las presentaciones de pantalla. Los mecanismos de entrada se restrinjan a un conjunto limitado que se utiliza de manera consistente en toda la aplicación. Los mecanismos para ir de una tarea a otra se hayan definido e implementado de manera consistente. Mandel MANDEL97 define un conjunto de principios de diseño que ayudan a construir una interfaz consistente
  • 7. Análisis y diseño de la interfaz de usuario. El proceso general para analizar y diseñar una interfaz de usuario empieza con la creación de diferentes modelos de función del sistema (como se percibe desde el exterior). se emplean herramientas para crear prototipos e implantar finalmente el modelo de diseño, y los usuarios finales evalúan la calidad de resultado.
  • 8. Modelos del análisis y diseño de la interfaz. Cuando se analiza y diseña una interfaz de usuario entran en juego cuatro modelos diferentes. Un ingeniero humano (o el ingeniero del software) establece un modelo del usuario; el ingeniero del software crea un modelo del diseño; el usuario final desarrolla una imagen mental que suele denominarse modelo mental del usuario o percepción del sistema, y quienes implementan el sistema crean un modelo de la implementación.
  • 9. ANÁLISIS DE CONTENIDO DE PANTALLA Lleva la presentación de diferentes tipos de contenido, el contenido de la pantalla esta basado en caracteres. Ejemplo, una hoja de calculo, pantallas graficas un histograma un modelo como archivos de audio. Análisis del Entorno de Trabajo. Hackos y Redish analizan la importancia del AET cuando afirman: Que la gente no trabaja aislada . Si los productos que se diseñan no se amoldan al entorno es posible que su uso resulte difícil. Pasos del Diseño del Interfaz.
  • 10. APLICACIÓN DE LOS PASOS DEL DISEÑO DE LA INTERFAZ Un poso importante en el diseño de la interfaz es la definición de los objetivos..Se identifican objetos de distinto origen y aplicación. CASO DE USO PRELIMINAR. En este caso de uso se identifican las tareas del propietario, los objetos y los elementos siguientes: Tiene acceso al sistema hogar seguro. •Ingresa un ID y una contraseña para acceso remoto. •Revisar el estatus del sistema. • Arma o desarma el sistema hogar seguro. • Despliega el plano de la casa y las ubicaciones de los sensores. • Despliega zona en el plano de la casa. •Cambia zonas en el plano de la casa. • Despliega ubicaciones de las cámaras de video o el plano de la casa. • Selecciona visualmente una cámara de video. •Despliega o acerca las cámaras de video.