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

Ejemplos de algoritmos en C básicos (aprendiendo a programar)
Ejemplos de algoritmos en C básicos (aprendiendo a programar)Ejemplos de algoritmos en C básicos (aprendiendo a programar)
Ejemplos de algoritmos en C básicos (aprendiendo a programar)
Kiim Kerrigan
 
Dispositivo de entrada y salida
Dispositivo de entrada y salidaDispositivo de entrada y salida
Dispositivo de entrada y salida
Deisy Johana Rocha
 
Ensayo redes de computadora
Ensayo   redes de computadoraEnsayo   redes de computadora
Ensayo redes de computadora
guestb10810c
 
21 problemas de algoritmo resueltos
21 problemas de algoritmo resueltos21 problemas de algoritmo resueltos
21 problemas de algoritmo resueltos
Roldan El Gato
 
Comandos del sistema operativo
Comandos del sistema operativoComandos del sistema operativo
Comandos del sistema operativo
JUANGUILLERMO17
 
Tipos de datos C#
Tipos de datos C#Tipos de datos C#
Tipos de datos C#
alex28Xx
 

La actualidad más candente (20)

Ejercicios resueltos de programacion
Ejercicios resueltos de programacionEjercicios resueltos de programacion
Ejercicios resueltos de programacion
 
Tipos de Datos y Operadores
Tipos de Datos y OperadoresTipos de Datos y Operadores
Tipos de Datos y Operadores
 
Ejemplos de algoritmos en C básicos (aprendiendo a programar)
Ejemplos de algoritmos en C básicos (aprendiendo a programar)Ejemplos de algoritmos en C básicos (aprendiendo a programar)
Ejemplos de algoritmos en C básicos (aprendiendo a programar)
 
Algoritmo Secuenciales
Algoritmo SecuencialesAlgoritmo Secuenciales
Algoritmo Secuenciales
 
Dispositivo de entrada y salida
Dispositivo de entrada y salidaDispositivo de entrada y salida
Dispositivo de entrada y salida
 
Clasificacion del software
Clasificacion del softwareClasificacion del software
Clasificacion del software
 
Presentación "Tópicos de programación"
Presentación "Tópicos de programación"Presentación "Tópicos de programación"
Presentación "Tópicos de programación"
 
Ensayo redes de computadora
Ensayo   redes de computadoraEnsayo   redes de computadora
Ensayo redes de computadora
 
Software de sistema
Software de sistemaSoftware de sistema
Software de sistema
 
21 problemas de algoritmo resueltos
21 problemas de algoritmo resueltos21 problemas de algoritmo resueltos
21 problemas de algoritmo resueltos
 
Comandos del sistema operativo
Comandos del sistema operativoComandos del sistema operativo
Comandos del sistema operativo
 
Tipos de datos C#
Tipos de datos C#Tipos de datos C#
Tipos de datos C#
 
Diagramas de flujo y pseint
Diagramas de flujo y pseint Diagramas de flujo y pseint
Diagramas de flujo y pseint
 
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 interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Algoritmo Con Condicionales Sobre Un Triangulo Y Sus Longitudes
Algoritmo Con Condicionales Sobre Un Triangulo Y Sus LongitudesAlgoritmo Con Condicionales Sobre Un Triangulo Y Sus Longitudes
Algoritmo Con Condicionales Sobre Un Triangulo Y Sus Longitudes
 
Interfaz de usuario
Interfaz de usuario Interfaz de usuario
Interfaz de usuario
 
3. definición de software
3. definición de software3. definición de software
3. definición de software
 
Infografia, Sistemas operativos-Mike Espinola.
Infografia, Sistemas operativos-Mike Espinola.Infografia, Sistemas operativos-Mike Espinola.
Infografia, Sistemas operativos-Mike Espinola.
 
Comandos java
Comandos javaComandos java
Comandos 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