Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
10
Interfaz de Usuario Integrantes: Torres Damián Madeira Damián Fecha de Presentación: 13/11/2013 Asignatura: Metodología de sistemas I Curso: 4to B
-
Upload
damian873 -
Category
Technology
-
view
403 -
download
1
description
Transcript of Actividad Diseño de Interfaces Gráficas de Usuario - Metodologia de Sistemas I
Interfaz de Usuario
Integrantes: Torres Damián Madeira
Damián
Fecha de Presentación: 13/11/2013Asignatura: 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 yel 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 apreciación: Es una medida de las percepciones, opiniones, sentimientos y actitudes generadas en el Usuario por laherramienta o sistema; una medida, si se quiere, de su seducción o elegancia.
¿Qué es la usabilidad?
La Usabilidad de un sistema o herramienta esta dada por la medida de
La capacidad que tiene una herramienta para ayudar a cumplir tareas específicas.
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.
•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
•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
•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.
Fase de análisis
Fase de diseño
Fase de implementaci
ón
Fase de desarrollo
Para completar el proceso de desarrollo de una interfaz de usuario, se deben cumplir ciertospasos para garantizar buenos niveles de usabilidad en el producto final.
Pautas a tener en cuenta en la definición de la
Interfaz de usuario
Estructura de la información y las tareas del usuario en la aplicación.
Composición de elementos en el diseño de la ventana
La posición y la jerarquía de los elementos visuales
que componen la ventana son de suma
importancia.
Debe facilitarse la comprensión del orden de
ejecución de las tareas por parte del usuario.
Ejemplo Configuración de Tabulación.
Punto focal en la ventana
Se debe establecer un
orden de prioridades para
la ubicación de los elementos mas
importantes de 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
Estructura y consistencia entre ventanas
Composición de elementos en el diseño de la ventana
Elementos Estandarizados
Menús
Botones Etiqueta
Otros
Facilita
La asimilación
de la interfaz por parte del
usuario.
Haz que las acciones sean reversibles, Siempre permite el "deshacer".
El Usuario
Los usuarios pueden experimentar o equivocarse sin
problemas.
Si es reversible
Se Equivoca Otras veces lo hacen
por accidente
ExploraA veces quieren saber que pasaría si hiciesen
una acción potencialmente
peligrosa
Composición de elementos en el diseño de la ventana
Consiste en que los elementos de la interfaz que tengan algún tipo de relación se ubiquen cerca unos de otros.
Se logra al medir la relación entre el diseño visualde la aplicación y las aplicaciones del sistema u otras aplicaciones del entorno gráfico que se utilizan.
Legibilidad y flujo entre los elementos
La alineación y el espacio entre los elementos de la interfaz.
Textos con alto contraste.
Evita fondos grises cuando haya texto.
Utilizar tamaños de letra que se lean bien en los monitores más comunes.
Ayuda consecuentemente
a la comprensión de la
ventanas.
Integración
Relación entre elementos
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.
El color es una forma de información secundaria: evite confiar en el color como único medio de informar una condición o valor.
Aplique un conjunto limitado de colores: La elección de colores debe darse en función de los intereses del usuario: edad, cultura, conocimientos, etc.Por ejemplo los colores apagados suelen ser los mas apropiados para aplicaciones académicas, mientras que una elección de colores primarios y cálidos es correcta para el público infantil.
Uso de Paletas: Brinda una apariencia de unificación,consistencia y formalidad, minimizando la creación de distractores visuales.
Matiz, resplandor y contrasteUna buena interfaz de usuario se anticipa a necesidades como por ejemplo las de los usuarios con desórdenes visuales, proporcionando opciones de personalización de los colores.Sin embargo siempre es conveniente que la aplicación venga configurada por defecto con una cuidadosa selección de contrastes y colores.
Disposición de la ventanaEl layout es la posición que ocupan los elementos unos respecto a otros en una ventana. Un layout limpio es crucial para crear un flujo visual de informaciónsin problemas para el usuario.
Redacción de textos en la interfaz
Brevedad: eliminar las palabrasinnecesarias 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]
