Interacción persona-ordenador. Diseño de sistemas interactivos. Los sistemas interactivos se caracterizan por la importancia del diálogo con el usuario. La interfaz determina en gran medida la percepción e impresión que el usuario posee de una aplicación. El usuario no está interesado en la estructura interna de una aplicación, sino en cómo usarla. Diseño centrado en el usuario: El proceso de diseño debe estar centrado en el usuario para recoger sus necesidades y mejorar su experiencia de uso. El objetivo del sistema interactivo es permitir al usuario conseguir un objetivo concreto en un dominio de aplicación. Como debe ser desarrollado el sistema interactivo para asegurar la usabilidad. Como puede la usabilidad de un sistema interactivo ser evaluada o medida. Qué es un prototipo? Es una implementación parcial, pero concreta, del diseño de un sistema Se realiza con la finalidad de explorar los aspectos interactivos del sistema, incluyendo su usabilidad, accesibilidad y funcionalidad. Permite: Comunicación entre todos los componentes del equipo de desarrollo y los usuarios Participación, para integrar activamente a los usuarios en el desarrollo Permiten a los diseñadores explorar diversos conceptos del diseño antes de establecer los definitivos Permiten evaluar el sistema desde las primeras fases del desarrollo (facilitan la exploración de ideas sobre nuevos conceptos tecnológicos) Son el primer paso para que ideas abstractas sean concretas, visibles y testeables Mejoran la calidad y la completitud de las especificaciones funcionales del sistema 1
Storyboard Tienen su origen en la industria cinematográfica. Consisten en una serie de dibujos o imágenes dispuestos en formato secuencial de viñetas que representan cómo un determinado sistema será usado durante la consecución de una determinada tarea. Un storyboard, es una serie de cuadros en la cual se muestran las acciones que se realizarán en los programas. El estilo es lo de menos, puede ser a mano, color, blanco y negro, digital, etc. La idea es plasmar que es lo que se quiere hacer antes de realizar el programa. Supongamos que un cliente necesita un programa, lo más probable es que te diga de manera verbal lo que quiere, esto resulta una idea borrosa, por lo que es necesario plasmarlo para visualizarlo y confirmar sus expectativas. El storyboard permite que el usuario final forme parte en el diseño y no sea mero espectador, además son una herramienta útil para hacerlos participar y evaluar el sistema desde las primeras fases del desarrollo del programa. El Storyboard plasma lo más importante que ocurre durante el programa y me indica los puntos principales del diseño gráfico de mi programa y hacia dónde voy (es guía principal de lo que haré). Permite además crear diferentes vistas del sistema en las primeras etapas de su implementación de la manera más rápida y barata posible, resulta especialmente indicados para aquellos proyectos en los que la implantación del nuevo sistema cambiará la forma de trabajar o de realizar ciertas tareas de las personas afectadas por él y no es adecuado para comprobar aspectos referentes a la interactividad del sistema, aunque sí que será útil como material de soporte, tanto para asegurarse que el diseñador ha comprendido el problema como para discutir detalles con los usuarios, implicados y responsables del proyecto acerca de su funcionamiento. 2
DSAUPO A la hora de diseñar la interfaz gráfica de un sistema es necesario tomar en cuenta 4 puntos. 1) A qué público está dirigida la interfaz. a. Los niños: necesitan un bonito y simple de navegar además de usar un lenguaje claro. b. Los estudiantes: estos buscan información accesible y una navegación rápida. c. Profesionales: esto engloba a los que a los que ya desempeñan cierta actividad profesional ya sea el diseño, la arquitectura, la construcción,etc. 3
d. Los ciudadanos: esta es más general, se trata de un sitio para los ciudadanos como los del gobierno o los de política. e. Los veteranos: personas mayores, necesitan una interfaz simple y alto contraste entre texto y fondo. 2) Elegir colores apropiados para la actividad Rojo: acción, energía, fuerza, pasión, fuego, calor, energía, ambición. Un color masculino fuerte. El rojo es un buen color para llamar a la acción. El rojo es entusiasmo, y calor. El color de rosa es una versión suave del rojo y es el más asociado con el romance, pero es un color femenino. Azul: confianza, trascendencia, libertad, verdad, profesionalismo, abundancia y energía. También tranquilidad, confiabilidad, aceptación, paciencia, comprensión, cooperación, comodidad, lealtad y seguridad. Es uno de los colores que calman y se asocia al cielo y el mar, la inteligencia y la confianza. El azul también se ha asociado a la supresión del apetito, así que no sería bueno para los libros de cocina o recetas, pero puede utilizarlo para las actividades o productos asociados a dietas. Verde: dinero, abundancia, prosperidad, calma, salud, alimento, naturaleza, esperanza, crecimiento, frescura, el compartir, y la sensibilidad. El verde simboliza la renovación y la fertilidad. Anaranjado (naranja): salud y vitalidad, otoño, juventud, fuego cálido, valor, confianza, amistad, calor, entusiasmo y energía estimulante. Se ha asociado a la estimulación del apetito. Vibrante y caliente, el color naranja se asocia al otoño y a la tierra. Amarillo: luz, pureza, comprensión, precaución, brillo, inteligencia, alegría, organización, actividad. El amarillo representa a menudo al sol, el calor y la luz, la energía y la felicidad. Púrpura: dignidad, sofisticación, creatividad, espiritualidad y misterio. El morado oscuro se asocia a los derechos y a la riqueza, mientras que la lavanda se asocia a romance y a nostalgia. Marrón: credibilidad, estabilidad, el hogar, la tierra, la madera, la comodidad y la fuerza. El marrón se puede utilizar como un color neutro o color caliente, se adapta al contexto. Negro: espacio, noche, autoridad, dramático, confiado, seriedad, energía y dureza, elegancia, y sofisticación. Blanco: pureza, paz, perfección, frescura, facilidad, limpieza, calidad y espiritualidad. El blanco representa la vida y la unión en la cultura occidental tradicional, pero representa muerte y dolor en culturas orientales. Gris: un color conservador, simboliza la seguridad, madurez y confiabilidad. Recuerde, también pueden usar un color que represente el producto que tratan de dar. 4
3) No utilizar demasiados colores 4) Debe ser legible Fuentes: http://www.infoeditores.com http://josewebmasterlibre.wordpress.com/2010/11/15/eligiendo-los-colores-para-tudiseno/ www.lsi.us.es/docencia/get.php?id=3401 5