SlideShare una empresa de Scribd logo
1 de 7
Elaboración de Interfaz
   Gráfica de Usuario

  •   David Ruiz López
  •   Ana Itzamary Vásquez Medrano
  •   Zenón Hernández Hinojosa
  •   Andrea Martínez
  •   Oscar Fajardo Hernández
  •   Francisco Javier Basilio Ferrar
  •   Eduardo Esteban Fernández
   Las interfaces básicas de usuario son aquellas que
    incluyen               elementos              como
    menús, ventanas, teclado, ratón, los beeps y
    algunos otros sonidos que la computadora hace, y en
    general, todos aquellos canales por los cuales se
    permite la comunicación entre el ser humano y la
    computadora. La mejor interacción humano-
    máquina a través de una adecuada interfaz (Interfaz
    de Usuario), que le brinde tanto comodidad, como
    eficiencia.
Por sus siglas en inglés (Graphic User Interface) Es el término que
se utiliza para llamar al conjunto de elementos visuales
relacionados entre sí, que brinda un sistema o programa para que
el usuario interactúe en él.
Estos elementos de los que se hace mención son:

• Elemento gráfico
• Espacios para texto.
• Espacios para video.
• Espacios para animación
• Recursos de navegación
• Recursos educativos
• Recursos de apoyo
I. Recepción de Guión de Diseño
El proceso de creación de las interfaces
gráficas de usuario comienza cuando a partir
de un guión de diseño.

II. Creación del concepto
El objetivo de este proceso es la creación de
un concepto visual acorde a la temática de la
aplicación multimedia y el usuario final.
III. Desarrollo y presentación de propuestas de
diseño
Sobre la base del concepto desarrollado, se
realizan bocetos o propuestas de diseño para la
aplicación.

IV. Desarrollo de las pantallas
IV.I Elementos
IV.I.I Fondo (Background)
IV.I.II Espacio para texto
IV.I.III Espacios para video
IV.I.IV Espacios para imágenes
IV.I.V Botones e iconografía
IV.II Clasificación de las pantallas
IV.II.I Pantalla de inicio
IV.II.II Pantalla de contenido o menú
IV.II.III Pantalla de trabajo
IV.II.IV Pantalla de créditos

V. Armado de pantallas
Consiste en integrar los elementos necesarios que
se incluirán dentro de cada pantalla, de acuerdo
al tipo de pantalla que se trate.

VI. Revisión y entrega de pantallas

Más contenido relacionado

La actualidad más candente

Equipo 6 programacion hibrida
Equipo 6 programacion hibridaEquipo 6 programacion hibrida
Equipo 6 programacion hibrida
gabo
 
LA IMPORTANCIA DEL DIBUJO TÉCNICO EN LA INGENIERÍA
LA IMPORTANCIA DEL DIBUJO TÉCNICO EN LA INGENIERÍALA IMPORTANCIA DEL DIBUJO TÉCNICO EN LA INGENIERÍA
LA IMPORTANCIA DEL DIBUJO TÉCNICO EN LA INGENIERÍA
Nestor Rafael
 
Tópicos avanzados de programación eventos
Tópicos  avanzados  de programación   eventosTópicos  avanzados  de programación   eventos
Tópicos avanzados de programación eventos
Kanddy Mobylml
 
Unidad 3 topicos avanzados de programacion
Unidad 3 topicos avanzados de programacionUnidad 3 topicos avanzados de programacion
Unidad 3 topicos avanzados de programacion
Irving Che
 
13 tipos de diagramas uml, la metodología de desarrollo ágil de software y la...
13 tipos de diagramas uml, la metodología de desarrollo ágil de software y la...13 tipos de diagramas uml, la metodología de desarrollo ágil de software y la...
13 tipos de diagramas uml, la metodología de desarrollo ágil de software y la...
Uriel Herrera
 
EJERCICIOS DE ALGORITMOS
EJERCICIOS DE ALGORITMOSEJERCICIOS DE ALGORITMOS
EJERCICIOS DE ALGORITMOS
1002pc3
 
Ejercicio 2 diagrama de flujo
Ejercicio 2 diagrama de flujoEjercicio 2 diagrama de flujo
Ejercicio 2 diagrama de flujo
lisvancelis
 

La actualidad más candente (20)

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
 
Equipo 6 programacion hibrida
Equipo 6 programacion hibridaEquipo 6 programacion hibrida
Equipo 6 programacion hibrida
 
Generacion de Sistemas Operativos
Generacion de Sistemas OperativosGeneracion de Sistemas Operativos
Generacion de Sistemas Operativos
 
Pruebas de escritorio
Pruebas de escritorioPruebas de escritorio
Pruebas de escritorio
 
LA IMPORTANCIA DEL DIBUJO TÉCNICO EN LA INGENIERÍA
LA IMPORTANCIA DEL DIBUJO TÉCNICO EN LA INGENIERÍALA IMPORTANCIA DEL DIBUJO TÉCNICO EN LA INGENIERÍA
LA IMPORTANCIA DEL DIBUJO TÉCNICO EN LA INGENIERÍA
 
Algoritmo de la ecuación cuadrática
Algoritmo de la ecuación cuadráticaAlgoritmo de la ecuación cuadrática
Algoritmo de la ecuación cuadrática
 
Tópicos avanzados de programación eventos
Tópicos  avanzados  de programación   eventosTópicos  avanzados  de programación   eventos
Tópicos avanzados de programación eventos
 
Principios del RUP
Principios del RUPPrincipios del RUP
Principios del RUP
 
Unidad 3 topicos avanzados de programacion
Unidad 3 topicos avanzados de programacionUnidad 3 topicos avanzados de programacion
Unidad 3 topicos avanzados de programacion
 
Diseño arquitectónico
Diseño arquitectónicoDiseño arquitectónico
Diseño arquitectónico
 
Tópicos Avanzados de Programación - Unidad 3 programacion concurrente
Tópicos Avanzados de Programación - Unidad 3 programacion concurrenteTópicos Avanzados de Programación - Unidad 3 programacion concurrente
Tópicos Avanzados de Programación - Unidad 3 programacion concurrente
 
Introduccion a la programacion
Introduccion a la programacionIntroduccion a la programacion
Introduccion a la programacion
 
Tópicos Avanzados de Programación - Unidad 1 GUI
Tópicos Avanzados de Programación - Unidad 1 GUITópicos Avanzados de Programación - Unidad 1 GUI
Tópicos Avanzados de Programación - Unidad 1 GUI
 
Transformaciones lineales de la reflexión y rotación en forma matricial en 2D
Transformaciones lineales de la reflexión y rotación en forma matricial en 2DTransformaciones lineales de la reflexión y rotación en forma matricial en 2D
Transformaciones lineales de la reflexión y rotación en forma matricial en 2D
 
Cuadro comparativo
Cuadro comparativoCuadro comparativo
Cuadro comparativo
 
13 tipos de diagramas uml, la metodología de desarrollo ágil de software y la...
13 tipos de diagramas uml, la metodología de desarrollo ágil de software y la...13 tipos de diagramas uml, la metodología de desarrollo ágil de software y la...
13 tipos de diagramas uml, la metodología de desarrollo ágil de software y la...
 
EJERCICIOS DE ALGORITMOS
EJERCICIOS DE ALGORITMOSEJERCICIOS DE ALGORITMOS
EJERCICIOS DE ALGORITMOS
 
Calculadora con operaciones básicas en java
Calculadora con operaciones básicas en javaCalculadora con operaciones básicas en java
Calculadora con operaciones básicas en java
 
Ejercicio 2 diagrama de flujo
Ejercicio 2 diagrama de flujoEjercicio 2 diagrama de flujo
Ejercicio 2 diagrama de flujo
 
Api java
Api javaApi java
Api java
 

Similar a Elaboración de Interfaces

Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
Daniiela10
 
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Karlita Jimenez
 
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Karlita Jimenez
 
Clase 1
Clase 1Clase 1
Clase 1
UPTM
 

Similar a Elaboración de Interfaces (20)

producción de Multimedia y los Diseño Grupo 2.pptx
producción de Multimedia y los Diseño Grupo 2.pptxproducción de Multimedia y los Diseño Grupo 2.pptx
producción de Multimedia y los Diseño Grupo 2.pptx
 
Interfaz humana
Interfaz humanaInterfaz humana
Interfaz humana
 
Taller n°3 patricio vimos
Taller n°3 patricio vimosTaller n°3 patricio vimos
Taller n°3 patricio vimos
 
Taller 3 jose luis rodriguez- ICH-Clase invertida
Taller 3  jose luis rodriguez- ICH-Clase invertidaTaller 3  jose luis rodriguez- ICH-Clase invertida
Taller 3 jose luis rodriguez- ICH-Clase invertida
 
Taller 3- Jose Luis Rodriguez- IHC-Clase Invertida
Taller 3- Jose Luis Rodriguez- IHC-Clase InvertidaTaller 3- Jose Luis Rodriguez- IHC-Clase Invertida
Taller 3- Jose Luis Rodriguez- IHC-Clase Invertida
 
DHTIC Interfaz de Usuario
DHTIC Interfaz de UsuarioDHTIC Interfaz de Usuario
DHTIC Interfaz de Usuario
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Hipertexto
HipertextoHipertexto
Hipertexto
 
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
 
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02Tema1interaccionpersonaordenador2013 130922161327-phpapp02
Tema1interaccionpersonaordenador2013 130922161327-phpapp02
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativos
 
Interfaz de usuario TALLER 8 HUGUITO LUPERA
Interfaz de usuario TALLER 8 HUGUITO LUPERA Interfaz de usuario TALLER 8 HUGUITO LUPERA
Interfaz de usuario TALLER 8 HUGUITO LUPERA
 
Clase 1
Clase 1Clase 1
Clase 1
 
Diseño de interfaz
Diseño de interfazDiseño de interfaz
Diseño de interfaz
 
La Informatica y la Educacion
La Informatica y la EducacionLa Informatica y la Educacion
La Informatica y la Educacion
 
MULTIMEDIA
MULTIMEDIAMULTIMEDIA
MULTIMEDIA
 
El computador desde el punto de vista del usuario
El computador desde el punto de vista del usuarioEl computador desde el punto de vista del usuario
El computador desde el punto de vista del usuario
 
El computador desde el punto de vista del usuario
El computador desde el punto de vista del usuarioEl computador desde el punto de vista del usuario
El computador desde el punto de vista del usuario
 
Actividad no. 1
Actividad no. 1Actividad no. 1
Actividad no. 1
 
Clase Invertida e Interfaz de Usuario Paola Mendez
Clase Invertida e Interfaz de Usuario Paola MendezClase Invertida e Interfaz de Usuario Paola Mendez
Clase Invertida e Interfaz de Usuario Paola Mendez
 

Elaboración de Interfaces

  • 1. Elaboración de Interfaz Gráfica de Usuario • David Ruiz López • Ana Itzamary Vásquez Medrano • Zenón Hernández Hinojosa • Andrea Martínez • Oscar Fajardo Hernández • Francisco Javier Basilio Ferrar • Eduardo Esteban Fernández
  • 2. Las interfaces básicas de usuario son aquellas que incluyen elementos como menús, ventanas, teclado, ratón, los beeps y algunos otros sonidos que la computadora hace, y en general, todos aquellos canales por los cuales se permite la comunicación entre el ser humano y la computadora. La mejor interacción humano- máquina a través de una adecuada interfaz (Interfaz de Usuario), que le brinde tanto comodidad, como eficiencia.
  • 3. Por sus siglas en inglés (Graphic User Interface) Es el término que se utiliza para llamar al conjunto de elementos visuales relacionados entre sí, que brinda un sistema o programa para que el usuario interactúe en él. Estos elementos de los que se hace mención son: • Elemento gráfico • Espacios para texto. • Espacios para video. • Espacios para animación • Recursos de navegación • Recursos educativos • Recursos de apoyo
  • 4.
  • 5. I. Recepción de Guión de Diseño El proceso de creación de las interfaces gráficas de usuario comienza cuando a partir de un guión de diseño. II. Creación del concepto El objetivo de este proceso es la creación de un concepto visual acorde a la temática de la aplicación multimedia y el usuario final.
  • 6. III. Desarrollo y presentación de propuestas de diseño Sobre la base del concepto desarrollado, se realizan bocetos o propuestas de diseño para la aplicación. IV. Desarrollo de las pantallas IV.I Elementos IV.I.I Fondo (Background) IV.I.II Espacio para texto IV.I.III Espacios para video IV.I.IV Espacios para imágenes IV.I.V Botones e iconografía
  • 7. IV.II Clasificación de las pantallas IV.II.I Pantalla de inicio IV.II.II Pantalla de contenido o menú IV.II.III Pantalla de trabajo IV.II.IV Pantalla de créditos V. Armado de pantallas Consiste en integrar los elementos necesarios que se incluirán dentro de cada pantalla, de acuerdo al tipo de pantalla que se trate. VI. Revisión y entrega de pantallas