SlideShare una empresa de Scribd logo
1 de 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]

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Destacado

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
 

Destacado (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 a 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 a 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
 

Último

CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzzAlexandergo5
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesEdomar AR
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOnarvaezisabella21
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfedepmariaperez
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificialcynserafini89
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1ivanapaterninar
 

Último (20)

CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
tarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzztarea de exposicion de senati zzzzzzzzzz
tarea de exposicion de senati zzzzzzzzzz
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
Los Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, AplicacionesLos Microcontroladores PIC, Aplicaciones
Los Microcontroladores PIC, Aplicaciones
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
Trabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdfTrabajo de tecnología excel avanzado.pdf
Trabajo de tecnología excel avanzado.pdf
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificial
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1Guía de Registro slideshare paso a paso 1
Guía de Registro slideshare paso a paso 1
 

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]