Análisis sobre la identidad actual y presentación de una propuesta, la cual no fue aceptada.
Esta presentación/reporte fue de los primeros trabajos que realicé como Coordinador de Difusión y Relaciones Públicas del Centro Interactivo de Recursos de Información y Aprendizaje de la Universidad de las Américas Puebla (CIRIA UDLAP).
Diseño de Interacción: un horizonte del diseño para plataformas digitalesHerbert Spencer
Principios para el Diseño como un oficio transversal a la gráfica, la interacción y al diseño industrial.
audios de esta charla:
http://www.ead.pucv.cl/2008/programa-especial-de-licenciatura-de-diseno/
(Cuarta Sesión)
Este documento presenta la identidad de marca de Terra, incluyendo:
1) Los valores fundamentales de la marca como cercanía, compromiso y accesibilidad.
2) El símbolo de la marca "Lazo Internet" que representa la conexión global a través de un arco iris de colores.
3) Las pautas para el uso correcto del logotipo, símbolo y esquema de colores de la marca Terra.
Este documento presenta los resultados de grupos focales realizados con el personal del Centro Interactivo de Recursos de Información y Aprendizaje (CIRIA) con el objetivo de determinar los factores más importantes para implementar y difundir su política de calidad. Se describen los procedimientos utilizados para llevar a cabo los grupos focales y analizar la información obtenida. Los resultados incluyen gráficos que muestran los parámetros de calidad más relevantes para los empleados y factores relacionados con mantener un ambiente laboral saludable
Los medios de comunicación más comunes en las redes son el cobre, la fibra óptica y las señales inalámbricas. El cobre es el más utilizado en las LAN debido a su bajo costo y longitud máxima de 500 metros, mientras que la fibra óptica se usa para largas distancias y backbones debido a que puede transmitir señales hasta 3000 metros. Existen diferentes tipos de cables y codificaciones de señales que permiten la transmisión de datos a través de estos medios físicos.
Este documento trata sobre la alimentación y la nutrición. Explica conceptos básicos como la nutrición y la alimentación, el proceso de nutrición, y clasifica los alimentos en grupos. También describe el valor nutritivo de los alimentos según sus componentes y la presencia de sustancias que afectan a su utilización. Por último, menciona los objetivos nutricionales y guías dietéticas relacionadas principalmente con enfermedades como la cardiovascular, la diabetes, la obesidad, la hipertensión y la osteoporosis.
Diseño de Interacción: un horizonte del diseño para plataformas digitalesHerbert Spencer
Principios para el Diseño como un oficio transversal a la gráfica, la interacción y al diseño industrial.
audios de esta charla:
http://www.ead.pucv.cl/2008/programa-especial-de-licenciatura-de-diseno/
(Cuarta Sesión)
Este documento presenta la identidad de marca de Terra, incluyendo:
1) Los valores fundamentales de la marca como cercanía, compromiso y accesibilidad.
2) El símbolo de la marca "Lazo Internet" que representa la conexión global a través de un arco iris de colores.
3) Las pautas para el uso correcto del logotipo, símbolo y esquema de colores de la marca Terra.
Este documento presenta los resultados de grupos focales realizados con el personal del Centro Interactivo de Recursos de Información y Aprendizaje (CIRIA) con el objetivo de determinar los factores más importantes para implementar y difundir su política de calidad. Se describen los procedimientos utilizados para llevar a cabo los grupos focales y analizar la información obtenida. Los resultados incluyen gráficos que muestran los parámetros de calidad más relevantes para los empleados y factores relacionados con mantener un ambiente laboral saludable
Los medios de comunicación más comunes en las redes son el cobre, la fibra óptica y las señales inalámbricas. El cobre es el más utilizado en las LAN debido a su bajo costo y longitud máxima de 500 metros, mientras que la fibra óptica se usa para largas distancias y backbones debido a que puede transmitir señales hasta 3000 metros. Existen diferentes tipos de cables y codificaciones de señales que permiten la transmisión de datos a través de estos medios físicos.
Este documento trata sobre la alimentación y la nutrición. Explica conceptos básicos como la nutrición y la alimentación, el proceso de nutrición, y clasifica los alimentos en grupos. También describe el valor nutritivo de los alimentos según sus componentes y la presencia de sustancias que afectan a su utilización. Por último, menciona los objetivos nutricionales y guías dietéticas relacionadas principalmente con enfermedades como la cardiovascular, la diabetes, la obesidad, la hipertensión y la osteoporosis.
Schüler der Carl-von-Bach-Gymnasiums in Stollberg haben sich im Schuljahr 2012/13 intensiv mit dem Tod beschäftigt und ihren Gedanken dazu in verschiedenen Kunstwerken Ausdruck verliehen. Die Werke entstanden im Auftrag von Bestatter Friedrich Hahn und wurden im Kunstkurs von Kunstpädagogin Viola Lippold gefertigt. Dabei wurden die Schüler von den Mitarbeitern der BLETTERBOX, Mediengestalterin Claudia Bretschneider und Dipl. Designerin Susann Popp, betreut. Das Gesammtprojekt erstreckte sich über das gesamte Schuljahr. Es wurden Särge gestaltet, Gedenkmappen erstellt, groß- und kleinformatige Plastiken gefertigt und vieles mehr.
El documento ofrece la oportunidad de trabajar para Petrobas en Brasil limpiando tuberías industriales a lo largo de la frontera con Bolivia, pagando un salario anual de $60,000 dólares. No se requiere experiencia y la incorporación es inmediata. Más detalles sobre el trabajo sencillo están disponibles en el sitio web indicado.
PAVONE ist seit 1994 Experte in der Optimierung von Geschäftsprozessen.
Die Kernkompetenz liegt im Bereich des integrierten Prozess- und Projektmanagements. Software-basierte Optimierung von Geschäftsprozessen
Este documento discute las tendencias en arquitectura contemporánea, particularmente el surgimiento de los edificios verdes. Los edificios verdes buscan preservar y mejorar el medio ambiente a través del uso de nuevos materiales como concreto que permite que las fachadas cambien de acuerdo a las condiciones climáticas. Estos edificios verdes también mejoran la calidad de vida de sus habitantes y el contexto en que se ubican, al tiempo que plantean la creación de estructuras con características mutables que puedan adaptarse a las con
Este manual presenta las herramientas básicas para el uso correcto y aplicación gráfica de la marca CAYAO, incluyendo su glosario, valores, tipografía, características, área de protección, colores, composición, tamaños, aplicaciones y texturas. El objetivo es guiar a quienes usan la marca para lograr sus objetivos de identificación y refuerzo.
Este perfil presenta a Sergio Adolfo Rodríguez Franco, un diseñador y licenciado de la Escuela Superior Politécnica del Litoral con experiencia en branding, diseño de interfaz de usuario, ilustración y desarrollo de videojuegos. Ha trabajado en proyectos para marcas como LEGER, Acquetech y Fundación FUVIDA, creando logotipos, aplicaciones móviles y campañas en redes sociales. Posee capacidad de liderazgo y trabajo en equipo para el desarrollo de marcas.
Este documento presenta conceptos fundamentales del diseño gráfico. Explica que el diseño se refiere a las formas de un objeto que debe tener armonía visual y funcionalidad. Además, resume brevemente la historia del diseño desde las pinturas rupestres hasta el movimiento moderno, y destaca la importancia del diseño gráfico para la comunicación y el marketing. Finalmente, describe algunas tendencias de diseño actuales como el uso de colores vivos, puntos focales tipográficos, influencias futuristas y esquemas de colores claros y osc
El documento presenta las directrices de marca de CAYAO, una plataforma de streaming de videojuegos en Ecuador. Incluye secciones sobre la misión, visión y valores de la empresa, así como detalles sobre la tipografía, colores, composición y aplicaciones de la marca. El correcto uso de la marca ayudará a la empresa a lograr sus objetivos de identificación y reconocimiento.
Este documento proporciona definiciones de varios términos relacionados con la publicidad y el marketing, incluyendo iconos, signos, logotipos, anuncios, material publicitario, páginas web, stands y vehículos corporativos. Explica los diferentes tipos de cada término y cómo se usan en la promoción de productos, servicios e identidad corporativa.
Este documento presenta lineamientos para el desarrollo de una marca cultural para Cotacachi, Ecuador. Incluye la creación de un logotipo basado en el volcán Cotacachi y el churo, así como guías sobre el uso correcto de colores, tipografías, versiones y aplicaciones de la marca en diferentes materiales como papelería, uniformes y publicidad exterior e impresa. El objetivo es proyectar una imagen clara y consistente de Cotacachi y su cultura a nivel corporativo.
Este documento presenta lineamientos para el desarrollo de una marca cultural para Cotacachi, Ecuador. Incluye la creación de un logotipo basado en el volcán Cotacachi y el churo, así como guías sobre el uso correcto de colores, tipografías, versiones y aplicaciones de la marca en diferentes materiales como papelería, uniformes y publicidad exterior e impresa. El objetivo es proyectar una imagen clara y consistente de Cotacachi y su cultura a nivel corporativo.
Este documento discute la necesidad de USIL Technology de cambiar su nombre y logotipo para mejorar su identidad de marca. Actualmente, el nombre es largo y difícil de pronunciar, y el logotipo no transmite la modernidad requerida para su industria. Se proponen algunos nuevos nombres y logotipos más cortos y fáciles de recordar como "UTECH" para mejorar la usabilidad y reconocimiento de la marca a nivel local e internacional.
Reaction Media Brochure Portfolio Web Brandingreactionmedia
Reaction Media es una consultora creativa especializada en imagen corporativa, diseño web y nuevas tecnologías. Ofrecen servicios como logotipos, manuales corporativos, diseño de páginas web, aplicaciones móviles y software a la medida para mejorar la comunicación y presencia digital de sus clientes. Su enfoque es crear soluciones auténticas y diferenciadoras utilizando las últimas tecnologías.
Este documento presenta un taller sobre diseño corporativo que aborda la comunicación y desarrollo de identidad e imagen de organizaciones. El taller analiza modelos de comunicación corporativa aplicados a casos reales. También recomienda libros y sitios web sobre marcas y diseño gráfico corporativo. Explica la diferencia entre marcas y signos identificadores, y cómo estos últimos adquieren significado a través del tiempo y la experiencia de la organización.
Este documento define y explica conceptos clave relacionados con el diseño gráfico. Brevemente describe el diseño gráfico como una profesión que se enfoca en proyectar comunicaciones visuales para transmitir mensajes específicos a grupos sociales con objetivos determinados. Luego explora la historia del diseño, los roles de un diseñador gráfico, las etapas del desarrollo visual, conocimientos necesarios y áreas de aplicación como diseño tipográfico y fotográfico. Finalmente, analiza elementos de la composición gráfica y software com
Este documento describe cómo todo puede ser considerado diseño y cómo la tipografía es una forma de diseño. Explica que el diseño estudia y planifica cómo algo se verá o funcionará. Luego analiza ejemplos de tipografías creativas y cómo la tipografía se ha convertido en la imagen de algunas marcas famosas. Finalmente, presenta un proyecto donde se usan imágenes dentro de las letras de una tipografía para ilustrar cómo todo puede ser diseño.
Schüler der Carl-von-Bach-Gymnasiums in Stollberg haben sich im Schuljahr 2012/13 intensiv mit dem Tod beschäftigt und ihren Gedanken dazu in verschiedenen Kunstwerken Ausdruck verliehen. Die Werke entstanden im Auftrag von Bestatter Friedrich Hahn und wurden im Kunstkurs von Kunstpädagogin Viola Lippold gefertigt. Dabei wurden die Schüler von den Mitarbeitern der BLETTERBOX, Mediengestalterin Claudia Bretschneider und Dipl. Designerin Susann Popp, betreut. Das Gesammtprojekt erstreckte sich über das gesamte Schuljahr. Es wurden Särge gestaltet, Gedenkmappen erstellt, groß- und kleinformatige Plastiken gefertigt und vieles mehr.
El documento ofrece la oportunidad de trabajar para Petrobas en Brasil limpiando tuberías industriales a lo largo de la frontera con Bolivia, pagando un salario anual de $60,000 dólares. No se requiere experiencia y la incorporación es inmediata. Más detalles sobre el trabajo sencillo están disponibles en el sitio web indicado.
PAVONE ist seit 1994 Experte in der Optimierung von Geschäftsprozessen.
Die Kernkompetenz liegt im Bereich des integrierten Prozess- und Projektmanagements. Software-basierte Optimierung von Geschäftsprozessen
Este documento discute las tendencias en arquitectura contemporánea, particularmente el surgimiento de los edificios verdes. Los edificios verdes buscan preservar y mejorar el medio ambiente a través del uso de nuevos materiales como concreto que permite que las fachadas cambien de acuerdo a las condiciones climáticas. Estos edificios verdes también mejoran la calidad de vida de sus habitantes y el contexto en que se ubican, al tiempo que plantean la creación de estructuras con características mutables que puedan adaptarse a las con
Este manual presenta las herramientas básicas para el uso correcto y aplicación gráfica de la marca CAYAO, incluyendo su glosario, valores, tipografía, características, área de protección, colores, composición, tamaños, aplicaciones y texturas. El objetivo es guiar a quienes usan la marca para lograr sus objetivos de identificación y refuerzo.
Este perfil presenta a Sergio Adolfo Rodríguez Franco, un diseñador y licenciado de la Escuela Superior Politécnica del Litoral con experiencia en branding, diseño de interfaz de usuario, ilustración y desarrollo de videojuegos. Ha trabajado en proyectos para marcas como LEGER, Acquetech y Fundación FUVIDA, creando logotipos, aplicaciones móviles y campañas en redes sociales. Posee capacidad de liderazgo y trabajo en equipo para el desarrollo de marcas.
Este documento presenta conceptos fundamentales del diseño gráfico. Explica que el diseño se refiere a las formas de un objeto que debe tener armonía visual y funcionalidad. Además, resume brevemente la historia del diseño desde las pinturas rupestres hasta el movimiento moderno, y destaca la importancia del diseño gráfico para la comunicación y el marketing. Finalmente, describe algunas tendencias de diseño actuales como el uso de colores vivos, puntos focales tipográficos, influencias futuristas y esquemas de colores claros y osc
El documento presenta las directrices de marca de CAYAO, una plataforma de streaming de videojuegos en Ecuador. Incluye secciones sobre la misión, visión y valores de la empresa, así como detalles sobre la tipografía, colores, composición y aplicaciones de la marca. El correcto uso de la marca ayudará a la empresa a lograr sus objetivos de identificación y reconocimiento.
Este documento proporciona definiciones de varios términos relacionados con la publicidad y el marketing, incluyendo iconos, signos, logotipos, anuncios, material publicitario, páginas web, stands y vehículos corporativos. Explica los diferentes tipos de cada término y cómo se usan en la promoción de productos, servicios e identidad corporativa.
Este documento presenta lineamientos para el desarrollo de una marca cultural para Cotacachi, Ecuador. Incluye la creación de un logotipo basado en el volcán Cotacachi y el churo, así como guías sobre el uso correcto de colores, tipografías, versiones y aplicaciones de la marca en diferentes materiales como papelería, uniformes y publicidad exterior e impresa. El objetivo es proyectar una imagen clara y consistente de Cotacachi y su cultura a nivel corporativo.
Este documento presenta lineamientos para el desarrollo de una marca cultural para Cotacachi, Ecuador. Incluye la creación de un logotipo basado en el volcán Cotacachi y el churo, así como guías sobre el uso correcto de colores, tipografías, versiones y aplicaciones de la marca en diferentes materiales como papelería, uniformes y publicidad exterior e impresa. El objetivo es proyectar una imagen clara y consistente de Cotacachi y su cultura a nivel corporativo.
Este documento discute la necesidad de USIL Technology de cambiar su nombre y logotipo para mejorar su identidad de marca. Actualmente, el nombre es largo y difícil de pronunciar, y el logotipo no transmite la modernidad requerida para su industria. Se proponen algunos nuevos nombres y logotipos más cortos y fáciles de recordar como "UTECH" para mejorar la usabilidad y reconocimiento de la marca a nivel local e internacional.
Reaction Media Brochure Portfolio Web Brandingreactionmedia
Reaction Media es una consultora creativa especializada en imagen corporativa, diseño web y nuevas tecnologías. Ofrecen servicios como logotipos, manuales corporativos, diseño de páginas web, aplicaciones móviles y software a la medida para mejorar la comunicación y presencia digital de sus clientes. Su enfoque es crear soluciones auténticas y diferenciadoras utilizando las últimas tecnologías.
Este documento presenta un taller sobre diseño corporativo que aborda la comunicación y desarrollo de identidad e imagen de organizaciones. El taller analiza modelos de comunicación corporativa aplicados a casos reales. También recomienda libros y sitios web sobre marcas y diseño gráfico corporativo. Explica la diferencia entre marcas y signos identificadores, y cómo estos últimos adquieren significado a través del tiempo y la experiencia de la organización.
Este documento define y explica conceptos clave relacionados con el diseño gráfico. Brevemente describe el diseño gráfico como una profesión que se enfoca en proyectar comunicaciones visuales para transmitir mensajes específicos a grupos sociales con objetivos determinados. Luego explora la historia del diseño, los roles de un diseñador gráfico, las etapas del desarrollo visual, conocimientos necesarios y áreas de aplicación como diseño tipográfico y fotográfico. Finalmente, analiza elementos de la composición gráfica y software com
Este documento describe cómo todo puede ser considerado diseño y cómo la tipografía es una forma de diseño. Explica que el diseño estudia y planifica cómo algo se verá o funcionará. Luego analiza ejemplos de tipografías creativas y cómo la tipografía se ha convertido en la imagen de algunas marcas famosas. Finalmente, presenta un proyecto donde se usan imágenes dentro de las letras de una tipografía para ilustrar cómo todo puede ser diseño.
El documento describe los servicios de diseño y branding que ofrece la agencia Redondo, incluyendo el desarrollo de nombres de marca, logotipos, publicidad, diseño de espacios, diseño industrial, presencia en redes sociales y más. La agencia busca crear marcas e identidades efectivas que transmitan poderosamente los conceptos de los clientes.
Este documento habla sobre las infografías como fuente de información. En resumen: (1) Define las infografías como una forma visual de comunicar información compleja mediante texto, imágenes y diseño; (2) Explica que las infografías sirven para resumir y destacar información de manera atractiva y fácil de recordar; (3) Describe los pasos para crear una infografía, que incluyen elegir un tema, público objetivo, estructura, información, diseño y compartirla.
El documento habla sobre el proceso de creación de un logotipo y la importancia de definir la identidad de marca. Explica que es necesario realizar un briefing que resuma los beneficios del producto/servicio y la estrategia comercial. También destaca la importancia de que el logotipo sea sencillo, original y utilice una metáfora visual para comunicar la historia de la marca de manera efectiva. Finalmente, señala que un gran logotipo no hace una gran empresa, pero la marca protege y beneficia al negocio a largo plazo
Este documento presenta el manual de identidad corporativa del Centro Oftalmológico Colombiano. Explica los elementos básicos de la identidad visual de la marca como el logotipo, símbolo, colores corporativos y tipografías. También describe la construcción del símbolo representando la estructura del ojo humano y cómo se articulan el símbolo y logotipo para formar la marca en diferentes versiones.
El documento describe los diferentes elementos que componen una imagen corporativa y un manual de identidad corporativa, incluyendo el logotipo, colores, tipografía, elementos visuales, y cómo estos comunican la personalidad de la empresa. También explica conceptos como posicionamiento de marca e importancia de mantener coherencia entre la imagen corporativa y las acciones de la empresa.
Este documento discute la responsabilidad social del diseño gráfico. Explica cómo la tecnología ha cambiado el diseño gráfico, haciendo que se pierdan valores como la comunicación y el estilo. También explora cómo el diseño gráfico puede usarse como una herramienta para promover cambios sociales positivos, pero que a menudo se usa principalmente para fines comerciales.
Similar a Análisis de Identidad del CIRIA UDLAP (20)
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Omar Sosa-Tzec
Presentation at the SSA 2022: The 46th Annual Conference of the Semiotic Society of America.
Abstract:
The detrimental effects caused by uncontrolled technology usage and screen time have motivated designers in academia and industry to explore solutions that promote digital well-being. This paper draws on the social semiotic approach to multimodality to examine the semiotic resources applied in designing and presenting one case study concerning such solutions—Little Signals, six artifacts commissioned by Google. An analysis was performed on the project’s website’s content, paying careful attention to an introductory video and artifact gallery. Proximity, distance, focus, and analogy appear as distinctive video storytelling choices. These convey unobtrusiveness, invisibility, ephemerality, intimacy, control, and familiarity. The resources of size, shape, material, color, and motion applied to define the artifacts’ appearance, behavior, and data presentation also help reinforce it. Besides examining the relationship between these meaning potentials, resources, and digital well-being artifacts, this paper also discusses the apparent attempt to give smart-home devices a benign character.
Delight in the User Experience: Form and PlaceOmar Sosa-Tzec
This paper elaborates on delight in UX by drawing on existing knowledge and theory on emotion and experience. The multiple formulations and discussions of delight in UX demonstrate its significance for the UX design community. However, it appears unclear what delight specifically is and how it particularly differs from pleasure, which designers use interchangeably with delight. This paper argues that pleasure and delight are distinct, and posits delight as the combination of joy with surprise or captivation, which leads the user to experience a wow! or yay! moment, respectively. The paper also posits that a designer’s intended delight—how she envisions the product causing delight—may differ from the user’s experienced delight—the wow! and yay! moments—during the UX as such delight is assimilated by the user and affects her expectations concerning the delightfulness of using interactive products. Nevertheless, this same assimilated delight encourages continuous use of such products.
Delight by Motion: Investigating the Role of Animation in MicrointeractionsOmar Sosa-Tzec
This paper focuses on the role of animation in making microinteractions delightful. We first draw on customer experience literature to propose that a microinteraction is delightful when it surprises, captivates, and communicates need fulfillment. Following this notion and drawing on social semiotics, we analyze a collection of examples of microinteractions posted on dribbble.com. Observations derived from this analysis show that animation contributes to a microinteraction’s delightfulness by contextualizing, clarifying, metaphorizing, and creating a micro-narrative around its purpose, development, or outcome. A microinteraction’s animation has the power to produce “aha! moments,” in which the user notices something meaningful concerning her goals, actions, and expectations, and about the context of use. As microinteractions seriously influence the user experience, it becomes imperative to promote motion design literacy, including identifying strategies and tropes for user interface animation, among UI/UX designers.
Paper presented in MoDE 21 Motion Design Education Summit (online conference) on June 11, 2021
Critical Design Research and Constructive Research Outcomes as ArgumentsOmar Sosa-Tzec
Presentation for the workshop "Let’s Get Divorced: Constructing Knowledge Outcomes for Critical Design and Constructive Design Research” at DIS 2018, the ACM Conference on Designing Interactive Systems. Hong Kong. June 9, 2018
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Omar Sosa-Tzec
Presentation of case study on teaching creative representations of data and information at the SIGDOC 2019 The ACM conference on Communication Design. October 5, 2019. Portland, OR.
Student work by BA/BFA in Art and Design, and MDes in Integrative Design at the University of Michigan, Ann Arbor.
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Omar Sosa-Tzec
Presentation as a discussant in the panel "Teaching Design in an Age of Interaction" organized by Brandon Waybright. CAA 2020 Annual Conference. February 14, 2020. Chicago, IL.
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesOmar Sosa-Tzec
This document proposes a visual system of icons to indicate aspects of personal data trails to users. It begins by presenting four conceptual interface designs - frosted screen, rainbow heatmap, hungry app zombie, and data current - to visualize data trails. It then focuses on elements that characterize personal data trails, such as surveillance, commodification, and preferences. Finally, it defines a classification system and corresponding icons to communicate the risk level, conscious vs unconscious use, and potential uses/abuses of personal data associated with apps. The goal is to design signifiers that raise awareness of how personal data is produced, used and can affect user integrity.
Communicating design-related intellectual influence: towards visual referencesOmar Sosa-Tzec
Prototype-driven design research often involves collecting and analyzing designed artifacts in annotated portfolios and design workbooks. These collections constitute important sources of intellectual influence for researchers, yet communicating this influence presents unique challenges, such as the difficulty of translating the aesthetic, material, or interactive qualities of a designed artifact into written text. Building on discourses of visual thinking and visual imagery in science communication and HCI research, this paper introduces, and elaborates, a novel research communication design concept called "visual references," which combine bibliographic information with photographic images, textual annotations, and diagrammatic annotations in order to communicate design-related intellectual influence.
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceOmar Sosa-Tzec
User interfaces are continually evolving. Contemporary interfaces, particularly mobile interfaces, have developed their own design language as they have discarded skeuomorphs and metaphorical representations to support their design and introduced features not available before in desktop interfaces. Despite the pervasiveness of mobile interfaces, researchers have neglected the development of theory that accounts for how they still connect with or deviate from early interface design constructs. This paper adapts the notion of metaphorical tension to formulate and explore a new construct, design tension, which scopes an exercise of interaction criticism on Instagram's interface. As a result, this paper argues that design tension is useful to account for how interface components introduce features that are discordant to interface standards and best practices, things from the real world, and the user's belief system. It also suggests that both the method and construct can be applied to other communication design artifacts distinct from interfaces to produce intermediate-level knowledge.
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Omar Sosa-Tzec
Presentación de la charla para Contraste Colectivo (Congreso de Diseño Gráfico de la FADU AUT en México) acerca de mi investigación en interfaces encantadoras (delightful interfaces) desde una perspectiva teórica basada en semiótica y retórica.
My fascination with the visual: meaning, persuasion, and delightOmar Sosa-Tzec
Presentation for a "Wonderful Wednesday" at Stamps School of Art and Design, University of Michigan. It includes some of my visual work and and overview of my research on the application of rhetoric to human-computer interaction.
Visual Design for Interface and Experience DesignOmar Sosa-Tzec
Three key concepts that apply to UI/UX design: contrast, visual hierarchy, and connotation and denotation. Presentation slides of a talk as guest lecturer for the Fall 2015 course INFO-I 300 Human-Computer Interaction/Interaction Design at Indiana University Bloomington, School of Informatics and Computing. Instructor of record: Gopinaath Kannabiran.
Affordances, Constraints, and Feedback in User Experience DesignOmar Sosa-Tzec
Lecture slides on the connection between affordances, constraints, and feedback (audible, tactile, and visual) for the design of interfaces and interactions. Fall 2016 course INFO-I 300: Human-Computer Interaction/Interaction Design. Instructor of record: Omar Sosa-Tzec, PhD Candidate in Informatics (HCI Design). Indiana University Bloomington, School of Informatics and Computing.
User Experience Design, Navigation, and Interaction FlowsOmar Sosa-Tzec
Relation between interaction flows and the three basic questions of information architecture -- Where am I? What can I do here? Where can I go from here? Lecture slides for Fall 2016 course INFO-I 300: Human-Computer Interaction/Interaction Design at Indiana University Bloomington, School of Informatics and Computing. Instructor of record: Omar Sosa-Tzec, PhD Candidate in Informatics (HCI Design).
Introduction to Human-Computer Interaction and Interaction DesignOmar Sosa-Tzec
This document provides an introduction to the course I300 - Human-Computer Interaction at Indiana University Bloomington. It discusses key concepts in HCI like the intersection of technology and human behavior, user-centered design, and the roles of UX researchers and designers. It outlines the design process from research to evaluation. It also introduces the first mini-project assignment which involves selecting a context of use to design for and interviewing people in that context to gather insights.
Takeaways from the course Visual Design for User ExperienceOmar Sosa-Tzec
Closing lecture slides of the summer 2016 course INFO-I 400: Special Topics in Informatics (Visual Design for UX) at Indiana University School of Informatics and Computing. Instructor of record and course developer: Omar Sosa-Tzec, PhD Candidate in Informatics (HCI Design) at Indiana University.
Introduction to Visual Design for User ExperienceOmar Sosa-Tzec
Lecture slides (teaser) for the summer 2016 class INFO-I 400: Special Topics in Informatics (Visual Design for UX) at Indiana University Bloomington, School of Informatics and Computing.
Presentation for the Indiana University's Graphic Design Club 2016 Speakers Series. A quick review of my journey to become a designer, work experiences, graphic passions, and current research at IU Bloomington (Human-Computer Interaction).
Indiana University Bloomington. April 23, 2016.
Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec
Borrador del capítulo para el libro “La Interacción Humano-Computadora en México”
Referencia en formato APA:
Sosa-Tzec, O., & Siegel, M.A. (2014). Principios de Diseño Visual para IHC. Muñoz Arteaga, J., González Calleros, J.M., & Sánchez Huitrón, A. (Eds.) La Interacción Humano-Computadora en México. México: Pearson.
Advances of research on Interaction Design Rhetoric - HCI Rhetoric - UX Rhetoric.
INFO I609: Advanced Seminar I in Informatics. Indiana University Bloomington. School of Informatics and Computing. Fall 2015.
1. Propuesta para rediseño y homogenización
de la identidad de CIRIA
por Omar Sosa Tzec
Coordinador de Difusión y R.P.
CIRIA
2. ¿Por qué una propuesta
de rediseño?
CIRIA posee una identidad actual, sin em-
bargo no existe una imagen homogénea
que sea claramente proyectada. Por otro
lado, se encuentra el hecho de que existen
conflictos entre la imagen institucional de la
UDLA y CIRIA, lo cual deriva en revisiones y
cambios constantes/tediosos por parte del
departamento de diseño.
3. La composición visual de la marca,
el famoso logo, no necesariamente tiene
que caer en la obviedad.
Considerar esta idea, equivale a
proyectar un carácter corporativo.
4. ¿Qué pasa con el
logo actual?
La idea no es satanizar el logotipo actual, el
cual resulta adecuado y explícito.
Lo que se busca es realizar un análisis
para poder entender por qué el logotipo
actual tiene ciertas deficiencias funcionales
y semánticas desde el punto de vista de
diseño de marcas.
¿Un nuevo logo nos va
a salvar?
No. Un logotipo, o la identidad visual de
una marca, no puede por sí sola persuadir
a la selección de un producto o servicio,
pero sí es muy importante recalcar que
es la “carta de presentación”, por lo que
deberá considerarse su funcionalidad, es
decir, que sea fácil de reproducir, que tenga
pregnancia y que sea placentero.
La combinación de los tres últimos, junto
con una estrategia bien planteada de lo que
conformará la imagen de un producto o un
servicio es lo que al final causa una sensa-
ción de gozo, satisfacción o afección en los
usuarios o clientes.
Imagotipo actual de CIRIA
5. El logotipo Es posible que la tipografía actual evoque a los circuitos electróni-
cos por sus terminaciones angulares; sin embargo, tiene la incon-
veniencia de ser también agresiva.
Es una tipografía que contrasta en forma desfavorable con la
tipografía corporativa, con lo cual el sabor visual de CIRIA, no sólo
se aleja del institucional, también pierde integración entre los ele-
mentos (e.g. bibliotecas), y de ahí que sea tan necesario mostrarlos
explícitamente en el símbolo.
Existe un gran espaciado entre caracteres. Esto hace que se sienta
una desmembraza en el logotipo mismo, es decir, leerlo y enten-
derlo como un todo.
6. El símbolo
El símbolo se encuentra desalineado con respecto a las diagonales
a 45 grados que sirven para su composición.
Se observa que dos de sus componentes están en plasta sólida
(i.e. el libro y la persona) mientras que los otros dos se encuentran
tan solo contorneados.
El símbolo tiene dinamismo en el sentido que los rombos no están
“alineados”. Podría ser posible evocar al movimiento de rehilete o
algo que está girando, sin embargo, por la forma de los cuadrados,
da la sensación de que son bloques empujando a su vecino para
sacarlo del símbolo o bien, que están a punto de caerse.
La cabeza de la persona (en el bloque verde) está muy despropor-
cionada con respecto al cuerpo.
Que el símbolo sea un rombo es aceptable. Es igual de agresivo
que la tipografía, pero también expresa alerta.
7. Ajustes gráficos
Uniformidad en el estilo pasando todo
a plastas.
Ajuste proporcional de la persona.
ciria
Intento de colocar la tipografía corporativa.
La desalineación puede notarse más por
las curvas de la tipografía UDLA.
8. ¿De dónde plantear el rediseño?
De las formas de la biblioteca y universidad, Pensar en cómo refleja lo que es avance,
determinar cómo adecuarnos al sabor gráfi- tecnología, innovación e interactividad.
co que existe actualmente.
9. La propuesta comienza tomando un rombo
similar al que tiene el símbolo actual.
Se propone este arreglo, evocando a la luz, la
transmisión de datos por fibra optica, en gene-
ral tecnología y sus implicaciones interactivas.
10. Como ajuste se incorporan los colores corpo-
rativos del escudo actual de la UDLA.
Aún puede resultar agresiva la forma del sím-
bolo propuesto por la idea de estar parado en
una punta, lo cual causa tensión visual.
0
12. INNOVACIÓN Y SERVICIOS
DE INFORMACIÓN
INNOVACIÓN Y SERVICIOS
DE INFORMACIÓN
BIBLIOTECAS
BIBLIOTECAS
CIENCIAS DE
LA INFORMACIÓN
CIENCIAS DE
LA INFORMACIÓN
13. Paleta de colores para institucionalizar
INNOVACIÓN Y SERVICIOS BIBLIOTECAS CIENCIAS DE
DE INFORMACIÓN LA INFORMACIÓN
Colecciones Digitales
Licenciatura en Tecnologías del Conocimiento
Reserva Digital
Acervos tradicionales
Tesis Digitales
Colecciones especiales
Visualización de Colecciones
Preservación y difusión digital
Anotaciones en documentos digitales
Soluciones en línea
14. ¿Qué beneficios nos traerá?
La primera incertidumbre está en determinar si no es peligroso el
rediseño de la marca. De hecho, no lo es. Al incursionar una nueva
forma gráfica de la marca y darle continuidad a la colocación de
ésta, la gente se adapta al concepto presentado y no llega a hacer
cuestiones existenciales sobre la forma gráfica anterior.
Este esfuerzo tiene por objetivo el integrarnos más a la imagen
institucional y así no recibir tantos “rebotes” por parte del depar-
tamento de diseño. La importancia estará en el buen manejo de
CIRIA como producto/servicio; por ejemplo, en el caso de la UDLA
no se cuestiona del todo el cambio de escudo y logotipo, pero si
es observable/notable que la propaganda alrededor de la escuela
tiene una fuerza emotiva tanto en lo textual (i.e. el copy) como grá-
fica (i.e. las composiciones fotográficas).
Así, lo importante para CIRIA es comenzar a trabajar, no con la
publicidad desmembrada que ya se tiene actualmente, sino unifor-
mizar el concepto, aumentar más el valor explicativo y persuasivo
atribuido al centro y proyectar una imagen íntegra e integrada a la
UDLA misma.
15. Así, puede determinarse que la principal La biblioteca central al ser la “imagen pri- tallas sean minimizar el contenido, ya sea
problemática a la que se enfrenta CIRIA maria” que evoca al concepto de CIRIA es persuasivo o informativo. Con el propósito
es la proyección misma de su imagen. En el primer lugar a atacar con respecto a la de integrar la imagen de CIRIA a la de la
otras palabras, hay que dejar que CIRIA es difusión de CIRIA. Universidad, ya mencionado, hay que con-
CIRIA como un todo que va más allá de siderar el estilo del “Video Campus”.
la biblioteca central. Uniformizar la imagen Algunos proyectos que podrían desarrollar-
debe respaldar la solución a esta necesi- se: • Realizar un estudio de arquitectura basa-
dad. do en entrevistas y cuestionarios, tanto con
• Realizar un conjunto de copies básicos, personal como usuarios, para determinar si
similar al que realiza el departamento de es posible una reestructuración del conteni-
diseño, mediante los cuales se otorgaría un do del sitio del centro, ubicando lo relevante
sabor conceptual a CIRIA. y cómo presentarlo en pantalla.
• POP (Point of Purchase) y publicidad de • Buscar algún recurso que permita promo-
guerrilla CIRIA. Por ejemplo, los pop-up cionar a CIRIA en los parabuses del cam-
de acrílico resultan en una herramienta de pus de tal forma que reafirme su presencia.
difusión efectiva, pero pueden ser extravia- Esta idea puede considerar jornadas de
dos o dañados; si en el tercer piso existe tópicos relacionados con bibliotecas o
una gran concentración de estudiantes, aprendizaje a través de la tecnología, etc.
¿por qué no colocar autoadheribles en las Estas jornadas podrían ser sencillas pero
mesas con los copies desarrollados en los efectivas, manejando temas de divulgación
cuales se haga mucha presencia de que se o talleres muy fáciles de implementar.
encuentran en CIRIA y dando a entender
qué es?, además de promocionar T-Con • El tipo de actividades recién mencionado
licenciatura, bibliotecas, servicios deigitales, daría pauta a establecer vínculos con otras
etc. Con la misma idea, hay que ubicar los universidades de Puebla, de tal forma, que
puntos de tránsito donde sea posible colo- por promoción del evento ser haría la de
car estandartes (tipo “6 meses sin intereses CIRIA en forma indirecta.
Banamex”) con las mismas ideas.
• Las pantallas de TV deberán ser con-
gruentes con las ideas anteriores. Se ob-
servó que si los videos tienen sonido, la
gente voltea a ver aún mientras va subien-
do las escaleras. De cualquier forma, se
recomienda que la estrategia en las pan-
16. Caso T-Con Licenciatura.
La coordinación de la nueva licenciatura Las tareas a ejecutar son las siguientes:
ha creado un concepto interesante alrede-
dor de la palabra T-Con, la cual utiliza para 1. Entrevista con los alumnos. La idea es
darle identidad. Después de una charla con saber qué piensan los chavos de la carre-
la subdirección académica, se encontraron ra, y sobre todo cómo y de qué hablan.
puntos en común acerca de la promoción La idea es captar cuáles serían las pala-
de T-Con licenciatura. bras claves que podrían ser disparadas
directamente a algún estudiante que caiga
Áreas de oportunidad para atacar en T-Con directamente en el perfil. De la entrevista
Licenciatura: podría seleccionarse dos pares, donde los
• Incrementar la captación de nuevos estu- primeros representarían a estudiante con
diantes. un hobby versátil/dinámico/emocionante,
mientras que los otros dos corresponderían
• Consolidación proyectiva de la calidad, a los estudiantes que aplican los conoci-
cualidad y necesidad de esta nueva licen- mientos de la licenciatura en negocios/pro-
ciatura. yectos propios.
• A mediano plazo, difundir y consolidar la 2. Poner en claro cuál es la información que
presencia de la licenciatura en empresas los padres requieren constantemente de la
potenciales generadoras de empleo o prác- subdirección académica. Esa información
ticas profesionales. no necesariamente tendría que ser presen-
tada en forma explícita, sino podría ser una
Con respecto a la captación de nuevos es- guía rápida/referencial para los padres “en
tudiantes es necesario proyectar tres cosas caso de…”. Esta idea también ha sido dis-
básicas en la imagen: juventud, tecnología y cutida y recomendada por la subdirección.
negocios. Es bien tomada la consideración
de la coordinación de T-Con licenciatura de 3. Establecer junto con la subdirección
utilizar a los estudiantes de la primera gene- académica, cuáles son las escuelas (en
ración como gancho publicitario, siempre y un número entre tres y cinco cómo míni-
cuando sean presentados en una actividad mo) que proporcionan un gran número de
“no nerd, no geek”, procurando en deter- estudiantes de nuevo ingreso para la UDLA.
minado momento enfatizar en la creación y La idea detrás es determinar una estrategia
administración de empresas relacionadas de difusión en las escuelas y su vinculación
con el manejo de TIC. directa con CIRIA.
17. Qué proyectos de difusión podrían conside- 4. Hay que enfocar la difusión de la licen-
rarse: ciatura desde la perspectiva de los estu-
diantes de ésta. Una propuesta discutida
1. La elaboración de publicidad impresa/in- con la subdirección, y relacionada con el
teractiva/web que proyecte los resultados último punto de actividades, es divulgar
de los dos primeros puntos de las tareas a la licenciatura en palabras de algún estu-
ejecutar. diante, pero no dando una explicación de
la licenciatura como tal, si no que explique
2. Hacer presencia de T-Con dentro de la un tema de la carrera que le interesa o que
biblioteca central y en las bibliotecas exter- a aplicado a algún proyecto fuera de las
nas. En la biblioteca central, la importan- aulas. El resultado se encontrará al hablar,
cia está en que debe ser el primer punto en un mismo lenguaje o parecido, sobre
de venta de la licenciatura (sobretodo en algo que puede interesar a los posibles es-
el caso de visitas, ya sea programadas tudiantes de nuevo ingreso y los conectaría
o esporádicas); resulta relevante que se con una idea más “aterrizada” sobre lo que
sienta que CIRIA implica T-Con licenciatura. es Tecnologías del Conocimiento.
Otro ejemplo sería la biblioteca franciscana,
como posible punto turístico o de consulta
para la gente de Puebla, no puede dejarse
pasar la oportunidad de promocionar la
carrera.
3. La nueva licenciatura necesita un lugar
de expresión y difusión de actividades y
noticias. Se recomienda proporcionar los
medios económicos y tecnológicos para
que se tenga en la Web un blog o un sitio
desarrollado a partir de un CMS. Es im-
portante que este espacio no se encuentre
bajo el dominio de CIRIA o la UDLA en
general, ya que daría más libertad en el
manejo de contenidos y haría sentir a los
miembros de la mesa, junto con la subdi-
rección, de poseer un proyecto propio con
libertad de acción.