SlideShare a Scribd company logo
1 of 10
Download to read offline
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
Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
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]

More Related Content

What's hot

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
 

What's hot (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
 

Viewers also liked

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
 

Viewers also liked (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
 

Similar to 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
 

Similar to 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
 

Recently uploaded

El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosLCristinaForchue
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfOBr.global
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfodalistar77
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETGermán Küber
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...RaymondCode
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxPaolaCarolinaCarvaja
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidaddanik1023m
 
Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025Festibity
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx Emialexsolar
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfymiranda2
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfJoseAlejandroPerezBa
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfalejandrogomezescoto
 

Recently uploaded (14)

El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimosEl diseño de Algoritmos Paralelos.pdf - analisis de algortimos
El diseño de Algoritmos Paralelos.pdf - analisis de algortimos
 
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdfInmersión global en ciberseguridad e IA en la conferencia RSA.pdf
Inmersión global en ciberseguridad e IA en la conferencia RSA.pdf
 
Los mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdfLos mejores simuladores de circuitos electrónicos.pdf
Los mejores simuladores de circuitos electrónicos.pdf
 
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NETDe Código a Ejecución: El Papel Fundamental del MSIL en .NET
De Código a Ejecución: El Papel Fundamental del MSIL en .NET
 
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
Actividad 14: Diseño de Algoritmos Paralelos Actividad 14: Diseño de Algoritm...
 
Matriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docxMatriz de integración de tecnologías- Paola Carvajal.docx
Matriz de integración de tecnologías- Paola Carvajal.docx
 
Inteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidadInteligencia artificial dentro de la contabilidad
Inteligencia artificial dentro de la contabilidad
 
Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025Hazte partner: Club Festibity 2024 - 2025
Hazte partner: Club Festibity 2024 - 2025
 
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura SilvaBEDEC Sostenibilidad, novedades 2024 - Laura Silva
BEDEC Sostenibilidad, novedades 2024 - Laura Silva
 
VIDEOS DE APOYO.docx E
VIDEOS DE APOYO.docx                                  EVIDEOS DE APOYO.docx                                  E
VIDEOS DE APOYO.docx E
 
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdfPresentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
Presentación - Diseño de Algoritmos Paralelos - Grupo 2.pdf
 
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdfTENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
TENDENCIAS DE IA Explorando el futuro de la tecnologia.pdf
 
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdfActividad 14_ Diseño de Algoritmos Paralelos.pdf
Actividad 14_ Diseño de Algoritmos Paralelos.pdf
 
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier FolchBEDEC Proyecto y obra , novedades 2024 - Xavier Folch
BEDEC Proyecto y obra , novedades 2024 - Xavier Folch
 

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
  • 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]