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

514 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
514
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 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. 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. 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. 4. 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
  5. 5. 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.
  6. 6. 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.
  7. 7. 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.
  8. 8. 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.
  9. 9. 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]

×