SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario
Esquema:Esquema:
Definición.
Tipos de Usuario.
Elementos Visuales de la Interfaz de Usuario.
Tipos de Interfaz en un Sistema.
Salir de la
presentaciónUnidad 2
Definición:Definición:
Para la mayoría de los desarrolladores de software o programadores la interfaz
básica del usuario no es más que ventanas, menús, diálogos, gráficos, colores,
etc., y se olvidan del componente principal de la interfaz de usuario: ¡el usuario!.
Es por ello que hay que pensar en la buena presentación de una aplicación antes
que el propósito verdadero de la interfaz básica del usuario: facilitar la
interacción entre el usuario y la aplicación, o hacerle fácil al usuario
“interactuar" con la aplicación.
Esquema Salir de la
presentación
Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario
Tipos de Usuario:Tipos de Usuario: Existen diferentes tipos de usuarios los cuales se pueden
agrupar por sus conocimientos y experiencias en el área informática. Estos son:
Principiantes: Son aquellos que requieren conocer la máquina, interactuar con
ella y manejar las funciones básicas tales como: copiar, pegar, guardar un
archivo.
Intermedios: Son los que manejan las operaciones básicas, pero lo más
importante es que tienen interés de aprender y mucha curiosidad.
Avanzados: Estos, por supuesto, saben realizar las tareas operativas básicas
nombradas anteriormente y quizás un poco más. Y además les gusta mucho el
área tecnológica.
¿Que tipo de Usuario Eres Tú?¿Que tipo de Usuario Eres Tú?
Tema 2: Interfaz básica del usuarioTema 2: Interfaz básica del usuario
Esquema Salir de la
presentación
Elementos Visuales de la Interfaz Básica del Usuario:Elementos Visuales de la Interfaz Básica del Usuario:
• Pantalla de Presentación: Es la que aparece al inicio de cualquier aplicación,
como por ejemplo:
•Barra de Menú: Aparece en la parte superior de las aplicaciones bajo Windows,
nos ayuda a ver las diferentes opciones que ofrece el sistema para facilitar el
desarrollo de la aplicación.
Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario
Continuar
Pantalla inicial
del Acrobat
Reader
• Barra de Herramientas: Posee las funciones más utilizadas, puede ser
configurada por cada usuario adaptándola a sus necesidades. Esta es una barra
más útil que la de menú dado que puede ser configurada por el usuario y es más
directo su uso por medio de iconos (pequeña figura en la pantalla en
representación de un objeto o símbolo).
• Puntero del Ratón: Ayuda a saber donde estamos ubicados y por medio de
éste podemos activar (clic) las aplicaciones que deseamos.
• Colores y Resolución: Al realizar presentaciones, programas, en fin interfaz, el
programador debe tomar en cuenta criterios basados en que la aplicación puede
ser leída por cualquier tipo de usuario. Se le sugiere investigar la forma más
idónea para realizar sus presentaciones e interfaz de programas. Lea el siguiente
artículo http://www.acm.org/crossroads/espanol/xrds3-3/color.html. La
resolución es el número de puntos por unidad de medida que exhibe el monitor de
una computadora; a mayor número de puntos, mayor resolución.
Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario
Esquema Salir de la
presentación
Tipos de Interfaz en un sistema:Tipos de Interfaz en un sistema:
• Interfaz basada en caracteres o líneas de comandos: El usuario controla el
programa mediante el tecleo de comandos. La interfaz que se muestra en la figura
es la más utilizada en programas basados en línea de comandos, como por
ejemplo el MS-DOS.
Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario
Continuar
Estas son Ventanas
• Interfaz gráfica del usuario: Esta interfaz es más amigable, ya que el usuario
puede, a través de iconos (es una pequeña figura en la pantalla de una
computadora en representación de un objeto) y ventanas (es un panel para
insertar datos, pueden tener controles para cambiar su forma o tamaño) , escoger
que operación desea realizar. Un ejemplo de esta son las diferentes versiones de
Sistemas Operativos Windows (Windows 97, Windows 2000, Windows NT) y todos
los programas elaborados bajo ese ambiente.
Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario
Esquema Salir de la
presentación
Estos son iconos

Weitere ähnliche Inhalte

Was ist angesagt?

03 7n1is exposicion-interfaz usuario
03 7n1is exposicion-interfaz usuario03 7n1is exposicion-interfaz usuario
03 7n1is exposicion-interfaz usuarioManuel Mujica
 
03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuarioManuel Mujica
 
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 taller-interfaz usuario
03 7n2is taller-interfaz usuario03 7n2is taller-interfaz usuario
03 7n2is taller-interfaz usuarioManuel Mujica
 
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleEl Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleJuan Pablo Bustos Thames
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
Diseño de interfaces gráficas de usuario
Diseño de interfaces gráficas de usuarioDiseño de interfaces gráficas de usuario
Diseño de interfaces gráficas de usuarioAlejo Andres
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuarioDiego Rosas
 
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)Eivar Rojas Castro
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioJoel lorenzo
 
Interfaz de un procesador de texto c1.i2. p3
Interfaz de un procesador de texto c1.i2. p3Interfaz de un procesador de texto c1.i2. p3
Interfaz de un procesador de texto c1.i2. p3DENIRAMIREZANDRADE
 
02 7n1is exposicion-tecnica-de-captura-de-datos
02 7n1is exposicion-tecnica-de-captura-de-datos02 7n1is exposicion-tecnica-de-captura-de-datos
02 7n1is exposicion-tecnica-de-captura-de-datosManuel Mujica
 
03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuarioManuel Mujica
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basicaUVM
 

Was ist angesagt? (19)

03 7n1is exposicion-interfaz usuario
03 7n1is exposicion-interfaz usuario03 7n1is exposicion-interfaz usuario
03 7n1is exposicion-interfaz usuario
 
Conceptos Básicos
Conceptos BásicosConceptos Básicos
Conceptos Básicos
 
03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario03 7n1is triptico-interfaz-usuario
03 7n1is triptico-interfaz-usuario
 
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 taller-interfaz usuario
03 7n2is taller-interfaz usuario03 7n2is taller-interfaz usuario
03 7n2is taller-interfaz usuario
 
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian SommervilleEl Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
El Proceso de Diseño de Interfaz del Usuario por Ian Sommerville
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Diseño de interfaces gráficas de usuario
Diseño de interfaces gráficas de usuarioDiseño de interfaces gráficas de usuario
Diseño de interfaces gráficas de usuario
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuario
 
Interfaz gráfica
Interfaz gráficaInterfaz gráfica
Interfaz gráfica
 
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
Principios de interface de usuario (Diplomado Creacion Apps Cont. Dig. U Ibague)
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Interfaz de un procesador de texto c1.i2. p3
Interfaz de un procesador de texto c1.i2. p3Interfaz de un procesador de texto c1.i2. p3
Interfaz de un procesador de texto c1.i2. p3
 
Pressman y sommerville, GUI
Pressman y sommerville, GUIPressman y sommerville, GUI
Pressman y sommerville, GUI
 
02 7n1is exposicion-tecnica-de-captura-de-datos
02 7n1is exposicion-tecnica-de-captura-de-datos02 7n1is exposicion-tecnica-de-captura-de-datos
02 7n1is exposicion-tecnica-de-captura-de-datos
 
Intrefaz
 Intrefaz Intrefaz
Intrefaz
 
03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario03 7n1is trabajo-interfaz usuario
03 7n1is trabajo-interfaz usuario
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 
Biachi
BiachiBiachi
Biachi
 

Ähnlich wie Interfaz de Usuario Básica

Ähnlich wie Interfaz de Usuario Básica (20)

Unidad II Tema 2
Unidad II Tema 2Unidad II Tema 2
Unidad II Tema 2
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
3490012.ppt
3490012.ppt3490012.ppt
3490012.ppt
 
Panel de control 4 . 6
Panel  de control 4 . 6Panel  de control 4 . 6
Panel de control 4 . 6
 
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
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Interfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptxInterfaces Gráficas de Usuario.pptx
Interfaces Gráficas de Usuario.pptx
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
Flash profesional 8[1]
Flash profesional 8[1]Flash profesional 8[1]
Flash profesional 8[1]
 
Sesion pp-2.doc
Sesion  pp-2.docSesion  pp-2.doc
Sesion pp-2.doc
 
Unidad 5 interfaces-trabajo c.i.27.902.634
Unidad 5 interfaces-trabajo c.i.27.902.634Unidad 5 interfaces-trabajo c.i.27.902.634
Unidad 5 interfaces-trabajo c.i.27.902.634
 
Panel de control
Panel de controlPanel de control
Panel de control
 
Panel de control de Windows
Panel de control de WindowsPanel de control de Windows
Panel de control de Windows
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuario
 
Exposición eje temático N° 4
Exposición eje temático N° 4Exposición eje temático N° 4
Exposición eje temático N° 4
 
Ib tema3b
Ib tema3bIb tema3b
Ib tema3b
 
D4 gestion de software y aplicación
D4   gestion de software y aplicaciónD4   gestion de software y aplicación
D4 gestion de software y aplicación
 
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
 
Interfaz humana
Interfaz humanaInterfaz humana
Interfaz humana
 

Mehr von Zamantha Gonzalez Universidad Nacional Abierta

Mehr von Zamantha Gonzalez Universidad Nacional Abierta (20)

Elementos del diseño visual
Elementos del diseño visualElementos del diseño visual
Elementos del diseño visual
 
Instructivo Autocorreccion Pruebas Objetivas UNA
Instructivo Autocorreccion Pruebas Objetivas UNAInstructivo Autocorreccion Pruebas Objetivas UNA
Instructivo Autocorreccion Pruebas Objetivas UNA
 
Estrategias
EstrategiasEstrategias
Estrategias
 
Aspectos básicos de google classroom
Aspectos básicos de google classroomAspectos básicos de google classroom
Aspectos básicos de google classroom
 
Lineamientos curso de iniciación 2017 1
Lineamientos curso de iniciación 2017 1Lineamientos curso de iniciación 2017 1
Lineamientos curso de iniciación 2017 1
 
Presentacion telemática educativa
Presentacion telemática educativaPresentacion telemática educativa
Presentacion telemática educativa
 
Uso y creacion de unidades
Uso y creacion de unidadesUso y creacion de unidades
Uso y creacion de unidades
 
Estrategias objetivo 8
Estrategias objetivo 8Estrategias objetivo 8
Estrategias objetivo 8
 
Estrategias objetivo 7
Estrategias objetivo 7Estrategias objetivo 7
Estrategias objetivo 7
 
Estrategias objetivo 6
Estrategias objetivo 6Estrategias objetivo 6
Estrategias objetivo 6
 
Estrategias objetivo 5
Estrategias objetivo 5Estrategias objetivo 5
Estrategias objetivo 5
 
Geolocalización móvil
Geolocalización móvilGeolocalización móvil
Geolocalización móvil
 
Realidad aumentada
Realidad aumentadaRealidad aumentada
Realidad aumentada
 
Traductores de lenguaje
Traductores de lenguajeTraductores de lenguaje
Traductores de lenguaje
 
Tipos de datos en pascal
Tipos de datos en pascalTipos de datos en pascal
Tipos de datos en pascal
 
EVERNOTE
EVERNOTEEVERNOTE
EVERNOTE
 
Encuentro inicial
Encuentro inicialEncuentro inicial
Encuentro inicial
 
Encuentro inicial estudiantes primer semestre
Encuentro inicial estudiantes primer semestreEncuentro inicial estudiantes primer semestre
Encuentro inicial estudiantes primer semestre
 
Tipos de datos
Tipos de datosTipos de datos
Tipos de datos
 
Traductores de lenguaje
Traductores de lenguajeTraductores de lenguaje
Traductores de lenguaje
 

Interfaz de Usuario Básica

  • 1. Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario Esquema:Esquema: Definición. Tipos de Usuario. Elementos Visuales de la Interfaz de Usuario. Tipos de Interfaz en un Sistema. Salir de la presentaciónUnidad 2
  • 2. Definición:Definición: Para la mayoría de los desarrolladores de software o programadores la interfaz básica del usuario no es más que ventanas, menús, diálogos, gráficos, colores, etc., y se olvidan del componente principal de la interfaz de usuario: ¡el usuario!. Es por ello que hay que pensar en la buena presentación de una aplicación antes que el propósito verdadero de la interfaz básica del usuario: facilitar la interacción entre el usuario y la aplicación, o hacerle fácil al usuario “interactuar" con la aplicación. Esquema Salir de la presentación Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario
  • 3. Tipos de Usuario:Tipos de Usuario: Existen diferentes tipos de usuarios los cuales se pueden agrupar por sus conocimientos y experiencias en el área informática. Estos son: Principiantes: Son aquellos que requieren conocer la máquina, interactuar con ella y manejar las funciones básicas tales como: copiar, pegar, guardar un archivo. Intermedios: Son los que manejan las operaciones básicas, pero lo más importante es que tienen interés de aprender y mucha curiosidad. Avanzados: Estos, por supuesto, saben realizar las tareas operativas básicas nombradas anteriormente y quizás un poco más. Y además les gusta mucho el área tecnológica. ¿Que tipo de Usuario Eres Tú?¿Que tipo de Usuario Eres Tú? Tema 2: Interfaz básica del usuarioTema 2: Interfaz básica del usuario Esquema Salir de la presentación
  • 4. Elementos Visuales de la Interfaz Básica del Usuario:Elementos Visuales de la Interfaz Básica del Usuario: • Pantalla de Presentación: Es la que aparece al inicio de cualquier aplicación, como por ejemplo: •Barra de Menú: Aparece en la parte superior de las aplicaciones bajo Windows, nos ayuda a ver las diferentes opciones que ofrece el sistema para facilitar el desarrollo de la aplicación. Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario Continuar Pantalla inicial del Acrobat Reader
  • 5. • Barra de Herramientas: Posee las funciones más utilizadas, puede ser configurada por cada usuario adaptándola a sus necesidades. Esta es una barra más útil que la de menú dado que puede ser configurada por el usuario y es más directo su uso por medio de iconos (pequeña figura en la pantalla en representación de un objeto o símbolo). • Puntero del Ratón: Ayuda a saber donde estamos ubicados y por medio de éste podemos activar (clic) las aplicaciones que deseamos. • Colores y Resolución: Al realizar presentaciones, programas, en fin interfaz, el programador debe tomar en cuenta criterios basados en que la aplicación puede ser leída por cualquier tipo de usuario. Se le sugiere investigar la forma más idónea para realizar sus presentaciones e interfaz de programas. Lea el siguiente artículo http://www.acm.org/crossroads/espanol/xrds3-3/color.html. La resolución es el número de puntos por unidad de medida que exhibe el monitor de una computadora; a mayor número de puntos, mayor resolución. Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario Esquema Salir de la presentación
  • 6. Tipos de Interfaz en un sistema:Tipos de Interfaz en un sistema: • Interfaz basada en caracteres o líneas de comandos: El usuario controla el programa mediante el tecleo de comandos. La interfaz que se muestra en la figura es la más utilizada en programas basados en línea de comandos, como por ejemplo el MS-DOS. Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario Continuar
  • 7. Estas son Ventanas • Interfaz gráfica del usuario: Esta interfaz es más amigable, ya que el usuario puede, a través de iconos (es una pequeña figura en la pantalla de una computadora en representación de un objeto) y ventanas (es un panel para insertar datos, pueden tener controles para cambiar su forma o tamaño) , escoger que operación desea realizar. Un ejemplo de esta son las diferentes versiones de Sistemas Operativos Windows (Windows 97, Windows 2000, Windows NT) y todos los programas elaborados bajo ese ambiente. Tema 2: Interfaz Básica del UsuarioTema 2: Interfaz Básica del Usuario Esquema Salir de la presentación Estos son iconos