Programa Nacional de Formación en InformáticaUnidad Curricular: Ingeniería del Software II Módulo: Fundamentos del Diseño de Software 1 ¿En qué se basa el diseño de Interfaz? Aplicación de principios y estándares Análisis de interfaces exitosas Evaluaciones de usabilidad Resultados de estudios en el área cognitiva, social, educativa, entre otros Estudios empíricos 2 ¿Principios, Estándares o Patrones? ¿Ventajas y desventajas del uso de principios? ¿Ventajas y desventajas del uso de estándares? Otra opción: Uso de Patrones de Interacción 3 Estándares o Patrones? ¿Ventajas y desventajas del uso de principios? ¿Ventajas y desventajas del uso de estándares? Otra opción: Uso de Patrones de Interacción 4 .¿Principios. en un contexto dado Problema – Contexto – Solución 5 .Patrón de Interacción Un Patrón de Interacción Describe una solución exitosa a un problema recurrente concerniente a la interfaz de usuario. ya que se definen a partir de los criterios de usabilidad .Patrón de Interacción: Características Promueven la buenos diseños reutilización de los Acortan el tiempo en que un diseñador novato adquiere experiencia Son una excelente alternativa para desarrollar interfaces usables para la WEB. Patrón de Interacción: Antecedentes Patrón de Interacción y Patrón de Diseño de Software son conceptos diferentes Los Patrones de Interacción describen relaciones visuales. estéticas y de satisfacción Existen colecciones de patrones en el Web. . Patrones Patrones de arquitectura: expresan un esquema organizativo estructural fundamental para sistemas software Patrones de diseño: expresan esquemas para definir estructuras de diseño (o sus relaciones) con las que se construirán software Idiomas: Patrones de bajo nivel específicos para un lenguaje de programación o entorno concreto Interacción: Patrones que permiten el diseño de interfaces web . su contexto y la solución Generalizar una solución Facilitar la comunicación entre miembros de distintas disciplinas Registrar el conocimiento y la experiencia Facilitar el prototipaje de la interfaz de usuario La construcción de software usable .Patrón de Interacción: Utilidad Describir un problema. Patrón de Interacción: Taxonomía Notación Categoría Patrones de Dominio Patrones de Sistema Patrones de Tareas Patrones de Elementos Compuestos Patrones de Elementos Simples Patrones de Usuario . la madurez del patrón. según el autor. Autor El nombre comunica la idea central.Patrón de Interacción: Estructura Nombre. Confianza. La confianza es. La clasificación indica tipo de patrón. El autor es quién realiza el patrón Problema Problema que resuelve este patrón Solución Solución que ha mostrado tener éxito en este contexto Contexto Condición(es) en la(s) cual(es) se puede usar el patrón Fuerzas Conflictos que pueden restringir la solución Usabilidad Describe el impacto de usabilidad en la interfaz al aplicar el patrón Consecuencias Describe los resultados de aplicar el patrón Ejemplos/Contraej emplos Muestra soluciones exitosas y/o de mal uso del patrón Patrones Relacionados Otros patrones 2011 con los que está relacionado este patrón 11 . Clasificación. Autor Formatos de datos de fechas Martijn van Welie Problema El usuario desea introducir datos de fechas y no desea preocuparse por la sintaxis del dato. Solución Permitir que el usuario elija la fecha de un calendario tal como se encuentra en el mundo real y que sólo realice selección (el usuario no tipea).Patrón de Interacción: Ejemplo Nombre. Contexto Todos los sistemas que requieran que el usuario introduzca fechas (importante en interfaces internacionales) Fuerzas •Los datos de fechas tienen múltiples sintaxis •Convenciones culturales determinan la sintaxis esperada Usabilidad Minimizar carga cognitiva y prevenir errores . com cuyas tareas son buscar producto y preparar orden. . inicia con un patrón de dominio Comercio Electrónico que referencia uno de sistema amazon. La representación en la interfaz de la tarea preparar orden contiene un elemento compuesto denominado carrito de compras.Patrón de Interacción: Organización D T2 T1 Menú Se muestra un lenguaje de patrones. Patrón de Interacción: Desarrollo de Software Modelo de desarrollo de software OO y la construcción de la IU . Patrón de Interacción: Método CIU Método para la Construcción de Interfaz de Usuario El objetivo principal del método es el desarrollo de un prototipo de la interfaz de usuario El método se inscribe en los modelos de desarrollo de software evolutivos y basados en el prototipaje El método debe ser incorporado a un proceso de desarrollo de software OO que contemple el resto del ciclo de vida del sistema . Patrón de Interacción: Método CIU El proceso de desarrollo OO debe cumplir ciertas características: Basado en las funcionalidades del sistema Soportado en arquitecturas Iterativo Incremental . Patrón de Interacción: Método CIU . Patrón de Interacción: Método CIU Prototipo . Método CIU (el proceso) . Método CIU: características Facilita la construcción de software usable Requiere la participación del usuario en la construcción de la interfaz Provee un medio de comunicación sencillo y legible. a ser utilizado por el grupo de desarrollo multidisciplinario Facilita la integración entre la Ingeniería de Software y la Interacción HumanoComputador . Método CIU: características Minimiza el tiempo de desarrollo de la interfaz de usuario. Incorporar el prototipaje de la IU al proceso de desarrollo de software. promoviendo el reuso. Patrones = Nuevo Problema: Gestión Componentes de componentes reutilizables . las listas de términos por categorías. operaciones. las relaciones entre ellos. . etc. la conformación de los objetos. etc.“Repaso” Modelo de Casos de Uso Define todos los escenarios posibles a partir de las interacciones del usuario Modelo Objeto del Dominio Para su realización se identifican los objetos que se encuentran en el dominio de la aplicación. Se analiza el modelo de Casos de Uso. Ahorcado: Modelos Iniciales Ejemplo . Ahorcado: Modelo de Casos de Uso . Ahorcado: Modelo del Dominio . De Diseño .Ahorcado: Patrón de Interacción Grupo de Fund. Ahorcado: Patrón de Interacción . Ahorcado: Patrón de Interacción Grupo de Fund. De Diseño . Ahorcado: Patrón de Interacción . Ahorcado: Lenguaje de Patrones . Ahorcado: Modelo Objetos de Interfaz Reificación . Ahorcado: Modelo Objetos de Interfaz Prototipo . Importante . . El Proceso de construir el Lenguaje de Patrones es una forma de construir la Usabilidad de la Interfaz . . mit.ac.com/ypatterns/) .cmis.welie.edu/~jtidwell/interaction_patterns.yahoo.html).com/online.Consultar http://www.com) Common Ground: a Pattern Language for Human-Computer Interface Design. Martijn van Welie (www.uk/research/patterns/home.colorschemer. Brighton Usability Pattern Collection Usability Group at the University of Brighton (http://www.html Collection of Patterns in Users Interface Design.brighton. Jenifer Tidwell (http://www.html) Librería de patrones Yahoo (http://developer.