OBSERVATORIO DE USABILIDAD DE PRODUCTOS GRFICOS DOCENTE Beatriz

OBSERVATORIO DE USABILIDAD DE PRODUCTOS GRÁFICOS DOCENTE Beatriz Alzate Richter

Catalina Gaviria y Nataly Galeano

INTEGRANTES • • • • • Acevedo Ruiz Natalia Álvarez Ruiz Doris Marcela Cañas Restrepo Juan Fernando Castro Jaramillo Clara Elena Escobar Sánchez Carolina Florez Mariaca Juan Camilo Galeano Jiménez Nataly Gaviria Guirales Catalina Giraldo Sanchez Melisa González Cerquera Julián Camilo Marín Quintero Maria Teresa Medina Lopera Yeny Catalina Mejia Ruiz Maria Catalina Munera Cadavid Yeidy Carolina Muñoz Grajales Luis Felipe Ortiz Correa Jorge Mario Palacio Velásquez Steven Puerta Gutiérrez Daniel Felipe Reyes Ramírez Herman Junior

Observatorio de usabilidad de productos gráficos Temática Señaletica Instructivo Evaluación de usabilidad

Temáticas Objetivos Concepción Metas Competencias Metodología Inicio Bibliografía

Objetivos OBJETIVO GENERAL • Bajo la metodología de un observatorio, producir conocimiento sobre las SITUACIONES DE USO de los productos gráficos para que sean más usables y generen calidad de vida a distintos grupos humanos de la sociedad. OBJETIVOS ESPECÍFICOS: • Analizar y documentar diferentes situaciones de uso de productos gráficos, definir problemas y determinar lo que se requiere para solucionarlos. • Proponer soluciones específicas a los problemas encontrados y desarrollarlas. • Comprobar el nivel de funcionalidad de las soluciones propuestas a través de instrumentos de evaluación. • Crear pautas para un proceso de diseño usable (diseño universal). T

CONCEPCIÓN DEL CURSO El observatorio de situaciones de uso de productos gráficos esta concebido para observar y analizar las relaciones de uso entre el usuario, el contexto y el producto gráfico; encontrando problemas en esta relación para proponer soluciones por medio de sistemas gráficos experimentales, luego verificarlos a partir de pautas para un diseño mas usable y comprobación con el usuario. T

METAS DE APRENDIZAJE: Cuando el curso finalice los estudiantes deben estar capacitados para reconocer un diseño usable de uno no usable en las diferentes tipologías y los diferentes medios, también de aplicar principios mínimos de usabilidad en el desarrollo de un proyecto de diseño; y de evaluar una situación de uso a partir de esos principios. T

DETERMINACIÓN DE COMPETENCIAS: • • El estudiante estará en la capacidad de: Reconocer en una situación de uso: un usuario que percibe y manipula un producto que cumple una función principalmente comunicativa, y sus aspectos de legibilidad, ergonomía, accesibilidad, entre otros. Evaluar por medio de instrumentos de análisis el uso (función – operación) de un producto gráfico. Aplicar principios de usabilidad en un proyecto de diseño, que mejoren la función y la operación de un producto gráfico en una situación de uso determinada. T

METODOLOGÍA • Se establecerán los conceptos básicos de uso, reconociendo: el concepto de uso, la función asociada a un producto, la operación asociada al usuario que percibe y manipula el producto. • Se analizarán diferentes sistemas gráficos desde su función y operación para definir lo que serían los principios del diseño gráfico usable. Luego se utilizaran estos principios para evaluar diferentes productos en determinadas situaciones de uso, definiendo su grado de usabilidad. • Se indagará sobre la usabilidad de los productos gráficos bajo los métodos de observación, documentación e interrogación. • Para finalizar y como ejercicio de aplicación de lo aprendido se estudiarán situaciones de uso partiendo de usuarios específicos con limitaciones físicas, mentales o eventuales en diferentes entornos ubicando problemas en la función y operación de los productos gráficos. Se encontrará solución a estos problemas a partir de diseños experimentales en los que se aplicarán los principios desarrollados durante el curso. T

BIBLIOGRAFÍA • • • • COSTA, Joan. Diseñar para los Ojos. Grupo Editorial Design. Bolivia. 2003 COSTA, Joan. La Esquemática. Editorial Paidos. Argentina. 1998 NIELSEN, Jacob. Usabilidad: Diseño de sitios web. Pearson Educación, s. a. España. 2000 KRUG, Steve. No me hagas Pensar. Pearson Educación, s. a. España. 2001 VEEN. Jeffrey. Arte y Ciencia del Diseño Web. Pearson Educación, s. a. España. 2001 GONZALEZ, Guillermo. Estudio de Diseño. Emecé Editores. Argentina. 1994 MIJKSENAAR, Paul. Diseño de la información. Ediciones G. Gili. SA de CV. Mexico. 2001 http: // www. useit. com http: // www. usableweb. com http: // www. todousabilidad. com http: // www. desarrolloweb. com T http: // www. sidar. org

Señaletica Con este trabajo se pretendía analizar la señaletica que tiene la universidad, su ubicación, su utilidad y su interacción con el usuario, tras un análisis detallado por cada estudiante de las diferentes señales en la universidad, se concluyo. Algunas son útiles y transmiten el mensaje, otras necesitaban un rediseño, para que el mensaje sea mas claro y conciso y que este llegue de una manera adecuada al receptor, sin mal entendidos. Analisis

Análisis de la señal • • • Producto: Señal informativa de Internet Inalámbrico. Función: Señal informativa de localización de un servicio de Internet inalámbrico en una zona específica. Subfunciones: Dentro de un marco de ambiente universitario puede llegar a ser considerada como decorativa. Materiales: La señal está en un sustrato polímero sintético con impresión inkjet sobre una sola cara, fijado con una cinta adhesiva a una columna. Problemas: Funcionales: La señal no es tan claramente visible en el entorno inmediato debido a la gama de colores q maneja ( muy uniformes ) Comunicativos: 1. No se refiere visualmente al Internet (colores, lenguaje visual) 2. La indicación de “aquí” es incorrecta , siendo esta una señal de Internet precisamente INALÄMBRICA. 3. No capta la atención. Grafico

Señal encontrada Señal Modificada Daniel puerta y Felipe Muñoz

Análisis de la señal • Función: informar al usuario una ruta específica, en este caso, ruta de evacuación, con el fin de que el usuario llegue de la forma más rápida. Además dirigir y señalar son otras funciones. • Subfuncion: Promocionar la marca de quien diseña la señal y del entorno en el que se encuentra. Ej. : UPB y C&E. • Percepción: Visual: porque se maneja la bi dimensionalidad en un objeto tridimensional como lo es la tabla de acrílico que funciona como sustrato de la señal. • Los demás sentidos no son utilizados para entender la función principal de la señal por esta razón no son mencionados. • Problemas: el principal seria el vandalismo ya que por la manera de estar anclada es muy fácil despegarla. • Se puede rayar con facilidad ya que esta a una altura asequible para cualquier persona. • El texto en mayúscula sostenida dificulta la legibilidad. • Algunas señales están mal ubicadas y generan puntos dilemáticos. Grafico

Señal encontrada Señal Modificada Daniel puerta y Felipe Muñoz

Análisis de la señal • • Los Extinguidores son objetos que contienen un líquido especial para apagar incendios, este es pues, el objetivo de su fabricación, ya que son necesarios e indispensables para cuidar la vida de la gente, sin embargo otra función que esta totalmente ligada a la primera es la comunicación que desempeña con el usuario, ya que en esos momentos tan tensionantes, cuando el fuego se propaga, las personas entran en shock, por esto es necesario que junto al objeto, vaya una pieza comunicativa plasmada en el extinguidor o adherida de tal manera que no se pudiese quitar, que debe contener simples instrucciones de uso, entendibles, legibles y a buen tamaño para ser vistas aún en medio de la neblina del fuego, las cuales deben ser como una especie de señalética, para ser más generales y hacerlas entendibles a cualquier usuario. El problema básico del extintor radica principalmente en el instructivo señalético que lo acompaña, ya que contiene mucha información que en caso de un emergencia no es lo suficientemente asequible, porque es compleja, requiere de un análisis de procedimiento muy lento que funciona opuestamente con la función de extintor y con la misma función que tiene un instructivo. Por ende debe hacerse un rediseño de la etiqueta sintetizando cada uno de los pasos a seguir en caso de una emergencia y el ¿cómo usar el extintor? Grafico

Señal encontrada Señal Modificada Doris Álvarez, Melisa Giraldo y Catalina Medina

Análisis de la señal • • Función Señalizar para generar ubicación. Subfunciones: Distribución, separación, pertinencia e identificación. Aspectos Formales: Es plano y rectangular, encerrando la señal. Su color es de contraste, fondo blanco y texto en negro. La tipografía es de la familia de los palo seco – sans serif, es legible a distancia. Aspectos materiales: En papel se imprime la señal y va adherido al soporte. El soporte es de MDF que es madera comprimida, es liviano pero le da resistencia al papel adherido; tiene dos puntillas para insertar la placa al muro. Problemas: Desde la parte útil, el usuario debe acercarse hasta un ángulo que le permita ver la señal que esta al lado de la puerta, ir hasta el fondo de los salones buscando el aula que necesita. Para este problema se debe utilizar una señal que contenga todos los números de ese pasillo de aulas. Replantear el contenido de la señal, hay información que no necesita como el periodo y al colocar el sello de la universidad es suficiente sabiendo que se encuentra en esa institución. Grafico

Señal encontrada Señal Modificada Erika Acevedo

Análisis de la señal • • Función: la principal función de esta señal, es la de ubicar a las personas dentro de la universidad mas que todo a aquellas no que conocen o que vienen por primera vez a visitar nuestra universidad. Subfunción: por los indicios que encontramos en la señal nos pudimos percatar de que en la parte superior de la misma es aprovechado para colocar otro tipo de información como eventos, reuniones o farras. Problemas: Cuando observamos la señalización de inmediato nos dimos cuenta que este presenta un problema de legibilidad ya que la tipografía es muy oscura y esta en mayúscula sostenida lo que hace que los ojales de las letras tiendan a desaparecer y su lecturabilidad sea mas lenta. Fuera de esto esta señalización contiene mucha información, la cual hace que las personas se confundan con la ubicación de los lugares, tampoco representa una información icónica lo que implica que las personas que estén dentro de un vehículo no puedan hacer uso de la información si la necesidad de bajar de su carro. Grafico

Señal encontrada Señal Modificada Jorge Ortiz y Alejandro Castaño

Análisis de la señal • Funcion: Es función de los dispositivos para la regulación del tránsito indicar a los usuarios las precauciones que debe tener en cuenta, las limitaciones que gobiernan el tramo de circulación y las informaciones estrictamente necesarias, dadas las condiciones específicas de la vía. Una de los problemas más importantes son sus materiales, ya que no son los apropiados para este tipo de piezas y su contexto. • Problema: Un de los problemas más importantes son sus materiales, ya que no son los apropiados para este tipo de piezas y su contexto. La solución a este tipo de problemas es muy sencilla, ya que para el contexto de uso habría que pensar en materiales mas resistentes y reflectivos; poder reemplazar los aglomerados por metales o por acrílicos reflectivos, los vinilos por pinturas reflectivas ya sea tampográficas, estampadas, etc. Esto permitiría que la calidad de vida de la pieza fuera mucho mas larga y resistente a las condiciones de uso a que se somete diariamente. Grafico

Señal encontrada Señal Modificada Steven Palacio y Carolina Muenra

Instructivo • Los diseñadores industriales de la universidad realizaron objetos para personas discapacitadas, los cuales fueron hechos a partir de materiales reciclables (bastones, muletas, etc). Nosotros como diseñadores gráficos, nos vimos en la tarea de realizar los instructivos de los diferentes objetos, teniendo en cuenta que los usuarios son personas de estratos bajos y no con un buen grado de educación, por tal razón los instructivos debían tener la información muy clara y muy explicita de cómo construir “x” objeto a partir de materiales reciclables. Trabajos

Catalina Medina Instructivo de bastón desarmable en cartón

Catalina Medina

Melisa Giraldo Instructivo de bastón desarmable metálico Inicio

Melisa Giraldo

Doris Álvarez Instructivo de bastón desarmable en cartón corrugado Inicio

Doris Álvarez

Steven Palacios Instructivo de bastón desarmable en cartón corrugado Inicio

Steven Palacios

Evaluación de usabilidad • Tras estudiar y aprender lo que es la usabilidad en la Web, por parte de cada estudiante, se llevaron estos conocimientos a la practica, cada grupo de estudiantes, analizaba una pagina Web, según los altibajos que encontró en esta, rediseñaba la pagina para que esta fuera optima tanto para un publico experto como para un publico novato, estos eran encuestados, y los resultados de la encuesta, eran utilizados para diseñar una pagina Web con todos los requerimientos que posee una Web usable. Inicio