04 7n2is presentacion diseno dialogos

3,139 views

Published on

Lineamientos para el diseño de diálogos. Diálogos y áreas de trabajo. Retroalimentación del usuario. Diseño de consultas. Búsqueda en la web.

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

  • Be the first to like this

No Downloads
Views
Total views
3,139
On SlideShare
0
From Embeds
0
Number of Embeds
1,871
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

04 7n2is presentacion diseno dialogos

  1. 1. TEMA A TRATAR: DISEÑO DE DIALOGOS DE INTERFACE<br />INTEGRANTES:<br />Mario Reyes<br />Lorena Manzano<br />Juan Arenas<br />Yavic Arambarrios<br />Johanna Suarez<br />Marielyn Espina<br />EQUIPO N° 4<br />
  2. 2. HISTORIA <br />La interfaz de usuario, al igual que el hardware, ha pasado por una serie de generaciones y se pueden clasificar cronológicamente como sigue:<br />1945: no existía ningún paradigma de interfaz de usuario, y se hacía acceso directo de forma manual al hardware. <br />1945–1955: programación en modo batch o por lotes. La primera generación de interfaces no era interactiva, ya que la interacción entre el sistema y el usuario se restringía a un único punto en el tiempo. Todos los mandatos del usuario tenían que ser especificados antes de que el usuario conociera el resultado de cualquiera de ellos. <br />
  3. 3. <ul><li>1955–1965: lenguajes de mandatos. También denominadas interfaces en línea. Los sistemas de tiempo compartido se inventaron alrededor de 1960 como un medio para permitir a varios usuarios tener acceso simultáneo interactivo a un único servidor. Uno de los problemas principales de estos sistemas es la pequeña cantidad de recursos de ordenador disponibles para soportar la interfaz de cualquier usuario, por lo que, a menudo, se utilizan interfaces en línea
  4. 4. 1965–1980: pantallas completas con menús estrictamente jerárquicos. El espacio de diseño de la interfaz es de dos dimensiones. Un uso clásico de la pantalla completa es el de los diálogos para rellenar informes, en los que el usuario tiene un número de campos etiquetados que puede editar en la secuencia que desee. Estos diálogos todavía existen en las interfaces modernas en forma de cajas de diálogo, las cuales son más dinámicas que los informes tradicionales, ya que contienen menús desplegables y ayuda para que el usuario rellene el informe.</li></li></ul><li>1980–1995: ventanas, iconos, menús y ratón. También denominadas interfaces gráficas de usuario. La mayoría de las interfaces actuales de usuario pertenecen a esta categoría, a veces denominada sistemas WIMP (Windows, Icons, Menus and Pointingdevice). <br />1995-Futuro: interfaces no basadas en mandatos. La próxima generación de interfaces ya se está desarrollando [NIELSEN, 1993b]. Es probable que la tendencia de las generaciones previas continúe, y que la dimensión de las interfaces de usuario aumente de 2.5 a 3 o más dimensiones. Las formas comunes de añadir una dimensión a las interfaces de usuario consisten en añadir tiempo (en forma de animación), sonido o voz, así como una verdadera tercera dimensión espacial en forma de sistemas de realidad virtual. <br />
  5. 5. MENUS<br />TIPOS DE MENÚS:<br /><ul><li>MENÚS DE TIPO ÍNDICE,mediante una lista de palabras o frases muy cortas que describen o indican lo que la opción puede hacer.
  6. 6. MENÚS MEDIANTE PEQUEÑOS ICONOS,que describen las acciones que el programa ofrece en un momento determinado. Encontrar estos iconos no es tarea fácil en general. Los dibujos deberían indicar la acción que su selección desencadena.
  7. 7. MENÚSANIDADOS:Los menús se pueden presentar como menús de menús o menús anidados. Cada opción del menú abre otro menú y la selección final se hace en las hojas del árbol de menús. Este recorrido de un árbol de selecciones no debe ser muy profundo, máximo 3 niveles. Generalmente los submenús se abren a la derecha ya hacia abajo.
  8. 8. MENÚS PULL-DOWN (EMERGENTES): Este menú se desenrolla hacia abajo al pisar la cabeza del menú.</li></li></ul><li>FORMATOS DE PREGUNTA/RESPUESTA<br />VENTANAS DE LLENADO <br />DE FORMULARIOS<br />LENGUAJE DE <br />COMANDOS<br />
  9. 9. PRINCIPIOS DE DISEÑO GUI<br />
  10. 10. PROCESO DE DESARROLLO DE LA GUI:<br /> 1.Análisis de usuarios, <br /> tareas y entorno<br />2. Diseño de la GUI: <br />3. Implementación<br />
  11. 11. VALIDACIÓN <br />ESTÁNDARES GUI <br />Las guías de estilo pueden ayudar a proporcionar una estructura que puede guiar a los diseñadores, pueden tener una gran variedad de formas y pueden ser obtenidas en diferentes sitios: <br />Artículos de revistas y Manuales y guías de estilo de empresas de software. Lo importante a retener es que tienen que ser aplicadas con cuidado. <br />PRINCIPIOS:<br /> Organiza los diseños sin especificar los métodos para obtener los objetivos.<br />
  12. 12. PREECE (1994):<br /><ul><li>Estudiar la población de usuarios
  13. 13. Reducir la carga cognitiva </li></ul>SIMSOMP (1985):<br /><ul><li>Deja el control a los usuarios
  14. 14. No cargues la memoria de trabajo
  15. 15. Es preciso ser consistente </li></ul>SCHNEIDERMAN (1992) :<br /><ul><li>Permite a los usuarios experimentados atajos
  16. 16. Permite que se puedan deshacer acciones
  17. 17. Reduce la carga cognitiva de la memoria a corto termino </li></li></ul><li>2.DIRECTRICES:<br />Cada principio en general es un objetivo, pero no dice cómo conseguirlo <br /> a. Directrices – Brown <br /><ul><li>Promover consistencia entre los diseñadores responsables de partes diferentes de la interface
  18. 18. Utiliza verbos en la barra de título en cuadros de diálogo de funciones
  19. 19. No pongas botones de cerrar en diálogos modales </li></ul>3.ESTANDARES:<br /> Desarrollar estándares para la interface, es para hacer los desarrollos de software más fáciles y seguros, estableciendo unos requisitos mínimos de fabricación, eliminando inconsistencias y variaciones innecesarias en las interfaces. <br />
  20. 20. 3.1 de facto<br /><ul><li>Documento preliminar
  21. 21. Enmiendas
  22. 22. Aprobación
  23. 23. Ejemplo: Ansi C </li></ul>3.2 de jures<br /><ul><li>ISO. Asociación internacional de estándares
  24. 24. ANSI. Instituto Nacional Americano para estándares
  25. 25. IEEE. Instituto de Ingenieros Eléctricos y Electrónicos americano
  26. 26. CEN. Comité Europeo para la estandarización.
  27. 27. JIS. Instituto Japonés para estándares </li></li></ul><li>GRACIAS….<br />

×