SlideShare une entreprise Scribd logo
1  sur  10
Integrantes: Torres Damián
Madeira Damián

Fecha de Presentación: 13/11/2013
Asignatura: Metodología de sistemas I
Curso: 4to B
¿Qué es una interfaz de usuario?
Para interactuar con algún sistema, lo vamos a tener que hacer a través de algún medio.
Dicho medio es la interfaz, que va a actuar como límite y espacio común entre nosotros y
el sistema.
¿Por qué es importante la interfaz
de usuario?
Por el simple hecho de que el mejor
sistema o la herramienta perfecta, son inútiles si no
podemos interactuar con ellos. Una UI bien diseñada
optimiza la Relación Persona-Tarea-Máquina.
Una interfaz mal diseñada va a acarrear problemas
de usabilidad.

La capacidad que
tiene una
herramienta para
ayudar a cumplir
tareas específicas.

¿Qué es la usabilidad?

La apreciación: Es una medida de
las percepciones, opiniones,
sentimientos y actitudes
generadas en el Usuario por la
herramienta o sistema; una
medida, si se quiere, de su
seducción o elegancia.

La Usabilidad de
un sistema o
herramienta
esta dada por la
medida de

La facilidad de uso: está en
relación directa con la
eficiencia o efectividad,
medida como velocidad o
cantidad de posibles errores.

La facilidad de aprendizaje: es una medida del tiempo
requerido para trabajar con cierto grado de
eficiencia en el uso de la herramienta, y alcanzar un
cierto grado de retención de estos conocimientos
luego de cierto tiempo de no usar la herramienta o
sistema.
Para completar el proceso de desarrollo de una interfaz de usuario, se deben cumplir ciertos
pasos para garantizar buenos niveles de usabilidad en el producto final.

•Reuniones con responsables
para establecer una visión clara
de la interfaz a diseñar,
establecer objetivos de
usabilidad, crear perfiles de
usuario, describir y documentar
los requerimientos de
operativa de usuario, etc.

•Realizar encuestas para obtener
feedback de los usuarios, organizar
estudios de campo para obtener
información de cómo se está usando,
comprobar objetivos mediante tests de
usabilidad

•Diseño con papel y lápiz,
elaboración de prototipos,
elaboración de una
especificación de diseño,
realización de revisiones de
conceptos de diseño

Fase de análisis

Fase de diseño

Fase de
desarrollo

Fase de
implementación

•Realización de evaluaciones
heurísticas en curso, trabajar al lado
de los responsables finales de la
entrega según se va implementando
el diseño, organizar tests de
usabilidad inmediatamente a las
entregas
Composición de elementos en el diseño de la ventana
Estructura de la información y las tareas del
usuario en la aplicación.

La posición y la
jerarquía de los
elementos visuales
que componen la
ventana son de suma
importancia.

Se debe establecer
un orden de
prioridades para la
ubicación de los
elementos mas
importantes de la
ventana.

Ejemplo
Configuración
de
Tabulación.
Debe facilitarse la
comprensión del
orden de ejecución de
las tareas por parte
del usuario.

Punto focal en la ventana

En nuestra cultura
por lo general se lee
de izquierda a
derecha y de arriba
hacia abajo.

Por lo tanto

Los elementos más
importantes deben
estar situados en la
parte superior
izquierda de la
ventana
Composición de elementos en el diseño de la ventana
Estructura y consistencia entre ventanas

Botones

El Usuario

Etiqueta

Menús

Otros

Elementos
Estandarizados

Facilita

Haz que las acciones sean reversibles,
Siempre permite el "deshacer".

La asimilación
de la interfaz
por parte del
usuario.

Explora
A veces quieren saber que
pasaría si hiciesen una
acción potencialmente
peligrosa

Se Equivoca
Otras veces lo hacen por
accidente

Si es reversible

Los usuarios pueden
experimentar o equivocarse sin
problemas.
Composición de elementos en el diseño de la ventana
Legibilidad y flujo entre los elementos

Integración
Se logra al medir la relación entre el diseño visual
de la aplicación y las aplicaciones del sistema u otras
aplicaciones del entorno gráfico que se utilizan.

La alineación y el
espacio entre los
elementos de la
interfaz.

Textos con alto
contraste.
Ayuda
consecuentemente
a la comprensión de
la ventanas.
Evita fondos grises
cuando haya texto.

Relación entre elementos
Utilizar tamaños de
letra que se lean
bien en los
monitores más
comunes.

Consiste en que los elementos de la interfaz que
tengan algún tipo de relación se ubiquen cerca unos
de otros.
Color
No debe ser considerado como una herramienta principal.
Se debe evitar mostrar información importante en función del color ya que, por ejemplo,
el usuario puede ser daltónico y no podrá percibir dicha información de forma correcta.
Por lo cual la interfaz perdería usabilidad.
Redacción de textos en la interfaz
Brevedad: eliminar las palabras
innecesarias y redactar textos
breves sin sacrificar la claridad y
facilidad de comprensión.

Lenguaje: Utilice la gramática correcta
y estándar, un lenguaje claro y
coherente en la interfaz mejora la
facilidad de uso de la aplicación.
Fuentes:
Ponencia sobre Diseño de Interfaces y Usabilidad,
http://www.gaiasur.com.ar/infoteca/siggraph99/diseno-de-interfaces-y-usabilidad.html#5
[Consulta: 11/11/2013 ]
Proceso de diseño del Interfaz de Usuario, http://www.webusable.com/useProcess.htm
[Consulta: 11/11/2013]
First Principles of Interaction Design, http://www.asktog.com/basics/firstPrinciples.html
[Consulta: 12/11/2013]
Universidad Central de Venezuela,
http://www.ucv.ve/fileadmin/user_upload/sadpro/Documentos/docencia_vol4_n2_2003/7_Art.4_
Gregoria_Romero.pdf [Consultado: 12/11/2013]

Contenu connexe

Tendances

Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuarioBayardo Medina
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioYesith Valencia
 
Interfaces de usuario1 uv(1)
Interfaces de usuario1 uv(1)Interfaces de usuario1 uv(1)
Interfaces de usuario1 uv(1)ml.taborda
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioSinea David
 
Desarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en ModelosDesarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en ModelosJuan Manuel Gonzalez Calleros
 
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
 
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
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioLucasDanielB
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de InterfacesWilly Aguirre
 
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
 
Procesos de diseño
Procesos de diseñoProcesos de diseño
Procesos de diseñoBryan Muñoz
 

Tendances (20)

Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz 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
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 
Interfaces de usuario1 uv(1)
Interfaces de usuario1 uv(1)Interfaces de usuario1 uv(1)
Interfaces de usuario1 uv(1)
 
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
 
Intrefaz
 Intrefaz Intrefaz
Intrefaz
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Alejandro,ariel prototipe
Alejandro,ariel prototipeAlejandro,ariel prototipe
Alejandro,ariel prototipe
 
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
 
Desarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en ModelosDesarrollo de Interfaces de Usuario Basadas en Modelos
Desarrollo de Interfaces de Usuario Basadas en Modelos
 
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)
 
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
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
Interfaz gráfica del usuario
Interfaz gráfica del usuarioInterfaz gráfica del usuario
Interfaz gráfica del usuario
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de Interfaces
 
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
 
Procesos de diseño
Procesos de diseñoProcesos de diseño
Procesos de diseño
 

En vedette

Sociedad En Comandita Simple - Fernando Restrepo Valencia
Sociedad En Comandita Simple - Fernando Restrepo ValenciaSociedad En Comandita Simple - Fernando Restrepo Valencia
Sociedad En Comandita Simple - Fernando Restrepo ValenciaFernando Restrepo Valencia
 
proyecto del curso
proyecto del cursoproyecto del curso
proyecto del cursojarrinson3
 
Alcance del proyecto
Alcance del proyectoAlcance del proyecto
Alcance del proyectoHector Javier
 
Trabajo estructura de_datos
Trabajo estructura de_datosTrabajo estructura de_datos
Trabajo estructura de_datosvicmz
 
E portafolio leidy-johannadelgado_201512_103
E portafolio leidy-johannadelgado_201512_103E portafolio leidy-johannadelgado_201512_103
E portafolio leidy-johannadelgado_201512_103LeidyJohanna400
 
Balanced scorecard material del participante
Balanced scorecard material del participanteBalanced scorecard material del participante
Balanced scorecard material del participantecriscrisar
 
Cuadro de Mando Integral
Cuadro de Mando IntegralCuadro de Mando Integral
Cuadro de Mando Integralabraxas69
 
Estructura tc mtto_equipos_computo_839312
Estructura tc mtto_equipos_computo_839312Estructura tc mtto_equipos_computo_839312
Estructura tc mtto_equipos_computo_839312amado_1969
 
Gestión del Talento Humano
Gestión del Talento HumanoGestión del Talento Humano
Gestión del Talento Humanocyberleon95
 
áRea comunicación integral iv ciclo 4º rutas
áRea comunicación integral iv ciclo 4º rutasáRea comunicación integral iv ciclo 4º rutas
áRea comunicación integral iv ciclo 4º rutasSonia Rojas
 
Guia aprendizaje modelo pedagógico
Guia aprendizaje modelo pedagógicoGuia aprendizaje modelo pedagógico
Guia aprendizaje modelo pedagógicoEduardo Cuervo
 
Unidad iv capacitacion
Unidad iv capacitacionUnidad iv capacitacion
Unidad iv capacitacionrichard rivera
 
Infome programa de_formación_titulada
Infome programa de_formación_tituladaInfome programa de_formación_titulada
Infome programa de_formación_tituladaCuaicalJavier
 
Métodos y técnicas
Métodos y técnicasMétodos y técnicas
Métodos y técnicasunc20111vero
 
Ficha 488956 497405 497426_administracion del soporte tecnico (1)
Ficha 488956 497405 497426_administracion del soporte tecnico (1)Ficha 488956 497405 497426_administracion del soporte tecnico (1)
Ficha 488956 497405 497426_administracion del soporte tecnico (1)kvnprz07
 

En vedette (20)

Grafos
GrafosGrafos
Grafos
 
Sociedad En Comandita Simple - Fernando Restrepo Valencia
Sociedad En Comandita Simple - Fernando Restrepo ValenciaSociedad En Comandita Simple - Fernando Restrepo Valencia
Sociedad En Comandita Simple - Fernando Restrepo Valencia
 
proyecto del curso
proyecto del cursoproyecto del curso
proyecto del curso
 
Alcance del proyecto
Alcance del proyectoAlcance del proyecto
Alcance del proyecto
 
Trabajo estructura de_datos
Trabajo estructura de_datosTrabajo estructura de_datos
Trabajo estructura de_datos
 
E portafolio leidy-johannadelgado_201512_103
E portafolio leidy-johannadelgado_201512_103E portafolio leidy-johannadelgado_201512_103
E portafolio leidy-johannadelgado_201512_103
 
Balanced scorecard material del participante
Balanced scorecard material del participanteBalanced scorecard material del participante
Balanced scorecard material del participante
 
Comercio electronico
Comercio electronicoComercio electronico
Comercio electronico
 
Cuadro de Mando Integral
Cuadro de Mando IntegralCuadro de Mando Integral
Cuadro de Mando Integral
 
Estructura tc mtto_equipos_computo_839312
Estructura tc mtto_equipos_computo_839312Estructura tc mtto_equipos_computo_839312
Estructura tc mtto_equipos_computo_839312
 
Gestión del Talento Humano
Gestión del Talento HumanoGestión del Talento Humano
Gestión del Talento Humano
 
áRea comunicación integral iv ciclo 4º rutas
áRea comunicación integral iv ciclo 4º rutasáRea comunicación integral iv ciclo 4º rutas
áRea comunicación integral iv ciclo 4º rutas
 
Guia aprendizaje modelo pedagógico
Guia aprendizaje modelo pedagógicoGuia aprendizaje modelo pedagógico
Guia aprendizaje modelo pedagógico
 
177137298 sistem-as
177137298 sistem-as177137298 sistem-as
177137298 sistem-as
 
Unidad iv capacitacion
Unidad iv capacitacionUnidad iv capacitacion
Unidad iv capacitacion
 
Unidad i y ii
Unidad i y iiUnidad i y ii
Unidad i y ii
 
Infome programa de_formación_titulada
Infome programa de_formación_tituladaInfome programa de_formación_titulada
Infome programa de_formación_titulada
 
Métodos y técnicas
Métodos y técnicasMétodos y técnicas
Métodos y técnicas
 
Ficha 488956 497405 497426_administracion del soporte tecnico (1)
Ficha 488956 497405 497426_administracion del soporte tecnico (1)Ficha 488956 497405 497426_administracion del soporte tecnico (1)
Ficha 488956 497405 497426_administracion del soporte tecnico (1)
 
Tamara 2009
Tamara 2009Tamara 2009
Tamara 2009
 

Similaire à Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I

Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuarioCin Fagundez
 
Interfaz De Usuario
Interfaz De UsuarioInterfaz De Usuario
Interfaz De Usuariodjyami
 
Diseño de interfases de entrada y salida
Diseño de interfases de entrada y salidaDiseño de interfases de entrada y salida
Diseño de interfases de entrada y salidamariqueve
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz graficalautaropa
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz graficalautaropa
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01hucarre
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01hucarre
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuarioManuel Mujica
 
Diseño centrado en el usuario (1).ppt
Diseño centrado en el usuario (1).pptDiseño centrado en el usuario (1).ppt
Diseño centrado en el usuario (1).pptthfniZmba
 
Nora22
Nora22Nora22
Nora22JHECAR
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioDidier Alexander
 
Diseño de interfaces de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuarioDiego Rosas
 
INGENIERIA DE LA INTERFAZ
INGENIERIA DE LA INTERFAZINGENIERIA DE LA INTERFAZ
INGENIERIA DE LA INTERFAZGeorge Vendrell
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz webAlexis Morillo
 

Similaire à Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I (20)

Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuario
 
Interfaz De Usuario
Interfaz De UsuarioInterfaz De Usuario
Interfaz De Usuario
 
Diseño de interfases de entrada y salida
Diseño de interfases de entrada y salidaDiseño de interfases de entrada y salida
Diseño de interfases de entrada y salida
 
Técnica
Técnica Técnica
Técnica
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01
 
Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01Universidadautnomadeaguascalientes 101201081351-phpapp01
Universidadautnomadeaguascalientes 101201081351-phpapp01
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Diseño centrado en el usuario (1).ppt
Diseño centrado en el usuario (1).pptDiseño centrado en el usuario (1).ppt
Diseño centrado en el usuario (1).ppt
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Diseño de Interfaces.pdf
Diseño de Interfaces.pdfDiseño de Interfaces.pdf
Diseño de Interfaces.pdf
 
Nora22
Nora22Nora22
Nora22
 
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 de usuario
Diseño de interfaces de usuarioDiseño de interfaces de usuario
Diseño de interfaces de usuario
 
INGENIERIA DE LA INTERFAZ
INGENIERIA DE LA INTERFAZINGENIERIA DE LA INTERFAZ
INGENIERIA DE LA INTERFAZ
 
Diseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptxDiseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptx
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Usabilidad1
Usabilidad1Usabilidad1
Usabilidad1
 

Dernier

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 

Dernier (11)

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I

  • 1. Integrantes: Torres Damián Madeira Damián Fecha de Presentación: 13/11/2013 Asignatura: Metodología de sistemas I Curso: 4to B
  • 2. ¿Qué es una interfaz de usuario? Para interactuar con algún sistema, lo vamos a tener que hacer a través de algún medio. Dicho medio es la interfaz, que va a actuar como límite y espacio común entre nosotros y el sistema. ¿Por qué es importante la interfaz de usuario? Por el simple hecho de que el mejor sistema o la herramienta perfecta, son inútiles si no podemos interactuar con ellos. Una UI bien diseñada optimiza la Relación Persona-Tarea-Máquina. Una interfaz mal diseñada va a acarrear problemas de usabilidad. La capacidad que tiene una herramienta para ayudar a cumplir tareas específicas. ¿Qué es la usabilidad? La apreciación: Es una medida de las percepciones, opiniones, sentimientos y actitudes generadas en el Usuario por la herramienta o sistema; una medida, si se quiere, de su seducción o elegancia. La Usabilidad de un sistema o herramienta esta dada por la medida de La facilidad de uso: está en relación directa con la eficiencia o efectividad, medida como velocidad o cantidad de posibles errores. La facilidad de aprendizaje: es una medida del tiempo requerido para trabajar con cierto grado de eficiencia en el uso de la herramienta, y alcanzar un cierto grado de retención de estos conocimientos luego de cierto tiempo de no usar la herramienta o sistema.
  • 3. Para completar el proceso de desarrollo de una interfaz de usuario, se deben cumplir ciertos pasos para garantizar buenos niveles de usabilidad en el producto final. •Reuniones con responsables para establecer una visión clara de la interfaz a diseñar, establecer objetivos de usabilidad, crear perfiles de usuario, describir y documentar los requerimientos de operativa de usuario, etc. •Realizar encuestas para obtener feedback de los usuarios, organizar estudios de campo para obtener información de cómo se está usando, comprobar objetivos mediante tests de usabilidad •Diseño con papel y lápiz, elaboración de prototipos, elaboración de una especificación de diseño, realización de revisiones de conceptos de diseño Fase de análisis Fase de diseño Fase de desarrollo Fase de implementación •Realización de evaluaciones heurísticas en curso, trabajar al lado de los responsables finales de la entrega según se va implementando el diseño, organizar tests de usabilidad inmediatamente a las entregas
  • 4.
  • 5. Composición de elementos en el diseño de la ventana Estructura de la información y las tareas del usuario en la aplicación. La posición y la jerarquía de los elementos visuales que componen la ventana son de suma importancia. Se debe establecer un orden de prioridades para la ubicación de los elementos mas importantes de la ventana. Ejemplo Configuración de Tabulación. Debe facilitarse la comprensión del orden de ejecución de las tareas por parte del usuario. Punto focal en la ventana En nuestra cultura por lo general se lee de izquierda a derecha y de arriba hacia abajo. Por lo tanto Los elementos más importantes deben estar situados en la parte superior izquierda de la ventana
  • 6. Composición de elementos en el diseño de la ventana Estructura y consistencia entre ventanas Botones El Usuario Etiqueta Menús Otros Elementos Estandarizados Facilita Haz que las acciones sean reversibles, Siempre permite el "deshacer". La asimilación de la interfaz por parte del usuario. Explora A veces quieren saber que pasaría si hiciesen una acción potencialmente peligrosa Se Equivoca Otras veces lo hacen por accidente Si es reversible Los usuarios pueden experimentar o equivocarse sin problemas.
  • 7. Composición de elementos en el diseño de la ventana Legibilidad y flujo entre los elementos Integración Se logra al medir la relación entre el diseño visual de la aplicación y las aplicaciones del sistema u otras aplicaciones del entorno gráfico que se utilizan. La alineación y el espacio entre los elementos de la interfaz. Textos con alto contraste. Ayuda consecuentemente a la comprensión de la ventanas. Evita fondos grises cuando haya texto. Relación entre elementos Utilizar tamaños de letra que se lean bien en los monitores más comunes. Consiste en que los elementos de la interfaz que tengan algún tipo de relación se ubiquen cerca unos de otros.
  • 8. Color No debe ser considerado como una herramienta principal. Se debe evitar mostrar información importante en función del color ya que, por ejemplo, el usuario puede ser daltónico y no podrá percibir dicha información de forma correcta. Por lo cual la interfaz perdería usabilidad.
  • 9. Redacción de textos en la interfaz Brevedad: eliminar las palabras innecesarias y redactar textos breves sin sacrificar la claridad y facilidad de comprensión. Lenguaje: Utilice la gramática correcta y estándar, un lenguaje claro y coherente en la interfaz mejora la facilidad de uso de la aplicación.
  • 10. Fuentes: Ponencia sobre Diseño de Interfaces y Usabilidad, http://www.gaiasur.com.ar/infoteca/siggraph99/diseno-de-interfaces-y-usabilidad.html#5 [Consulta: 11/11/2013 ] Proceso de diseño del Interfaz de Usuario, http://www.webusable.com/useProcess.htm [Consulta: 11/11/2013] First Principles of Interaction Design, http://www.asktog.com/basics/firstPrinciples.html [Consulta: 12/11/2013] Universidad Central de Venezuela, http://www.ucv.ve/fileadmin/user_upload/sadpro/Documentos/docencia_vol4_n2_2003/7_Art.4_ Gregoria_Romero.pdf [Consultado: 12/11/2013]