A quick introduction to visual design for presentations. Slides of Friday GISA's talk-- Graduate Informatics Student Association. School of Informatics and Computing. Indiana University Bloomington.
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCIOmar Sosa-Tzec
Slides of the paper presented in "Critical Alternatives 2015" the 5th Decennial Aaarhus Conference, held on August 17 to 21, 2015, in Aarhus, Denmark.
Paper abstract:
By examining application software as a type of rhetorical artifact, it is possible to highlight its social, ethical and moral implications. In this paper, we explore one possibility for such a lens: application software functioning as a visual enthymeme. To explore the applicability of that concept in HCI, we analyze one web application as a first step. In our analysis, we observe that interaction and usability are two features that support an application in functioning as a visual enthymeme. Also, online sharing could help the user take the role of the arguer. Our analysis allows us to outline the elements of a user-centric persuasive experience and shows promise for further explorations regarding the applicability of rhetoric in HCI.
Presentation for the course "Design Theory" about a personal design philosophy. Prof. Erik Stolterman. By Omar Sosa Tzec. PhD in Informatics. School of Informatics and Computing. Indiana University Bloomington. Fall 2012.
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.
Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec
Este documento discute la importancia del diseño visual en las interfaces gráficas de usuario (GUIs) y presenta 10 factores clave del diseño visual como la comprensión de la forma y la línea, la tipografía, la estructuración del espacio y el uso del color. También describe 7 principios del buen diseño como centrarse en el usuario y crear interacciones imaginativas, y explica cómo una mayor conciencia del medio puede fomentar la imaginación computacional.
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignOmar Sosa-Tzec
Slides of the paper presented in "LearnxDesign" 3d 3rd International Conference for Design Education Researchers and PreK-16 Design Educators, held in Chicago, IL at the School of the Art Institute of Chicago.
=== Abstract ==
In this paper, we introduce a first pass of a rhetorical handbook intended for UI/UX designers. This handbook is based on an earlier version for graphic designers, introduced by Ehses & Lupton in 1988, in which diverse rhetorical concepts are illustrated through graphic work. For the UI/UX version, we examined desktop, web and mobile interfaces in order to illustrate the same concepts. In this first pass, we observe that the three modes of appeal (i.e., pathos, ethos and logos) fluctuate throughout the user experience. Additionally, we learned that rhetorical operations aid describing the adjustments made on an interface to work in different platforms. Further, the rhetorical figures (tropes and schemes) help to describe conceptually the interface’s composition and interactions. The concepts presented in the handbook provide a framework to examine and critique user interfaces, through which the disciplines of user experience and rhetoric connect.
Approach to evaluate a user interface based on "the function it communicates", a personal interpretation derived from reflection of the meaning of GUI components and interaction for the user and the user experience.
Presentation at NordiCHI 2014
8th Nordic Conference on Human-Computer Interaction
Helsinki, Finland
October 27, 2014
ACM Press
http://dx.doi.org/10.1145/2639189.2641209
Abstract:
This paper introduces an approach for evaluating user interfaces built on visual rhetoric and the rhetorical notion of function. A personal informatics mobile application has been selected to exemplify the application of this approach. Through the results of this example evaluation, this paper discusses the consequence of applying a rhetorical evaluation to a user interface. In this discussion, it is observed that inspecting the function performed by interface components takes into account experiences, communication, and meaning. In addition, it fosters reflection and criticism.
Arquitectura de Información de Personas a WireframesOmar Sosa-Tzec
Síntesis de cómo va el proceso de Arquitectura de Información partiendo de la definición de la Persona o arquetipo de usuario hasta qué es hacer un wireframe o marco alambrado.
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.
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.
Presentation at Seminar I: Rhetorical Evaluation of User Interfaces Omar Sosa-Tzec
Presentation at INFO I609 Advanced Seminar I Informatics. PhD in Informatics, Indiana University Bloomington.
* Includes short bio, trace of work related with HCI & Design, connection of Rhetoric and User Experience Design, and previous of paper to be presented at NordiCHI 2014.
Experience Design Framework for securing Large Scale Information and Communic...Omar Sosa-Tzec
* Paper presented at the Design Research Society Conference 2014 at Umeå, Sweden. It proposes a framework for UX design regarding security and privacy of Information and Communication Systems (ICSs)
---- Abstract -----
Securing Information and Communication Systems (ICSs) is a highly complex process due in large part to the feedback relationship that holds between the users and the system and its 'ecosystem' of usage. Such a relationship is critical for experience designers. The design of secure systems can thereby be enhanced by using principles from disciplines where similar relations hold, such as security engineering and adaptive systems. In this work, we propose a user experience design framework based on six principles and use a social networking system as an example of its application. The proposed design principles are grounded in complex systems theory. We address several potential security and privacy challenges inherent in the design of a large-scale adaptive system. By means of this framework we reflect upon the participation of an experience designer regarding the conceptualization, selection, review, and update of security and privacy matters. In this sense, we observe the role of the designer as a translator across disciplines. By introducing our framework, we also attempt to start a conversation about the challenges a designer faces in the appropriation of this role, either for the case of securing large-scale systems or in those situations where the boundaries of design and knowledge from other disciplines already overlap.
Presentation of website project that introduces the concept of Human Development Index, which includes an interactive visualization (choropleth and cartogram) and a table with sparklines (of some selected countries).
Asuntos sobre el pensamiento y ejecución de diseñoOmar Sosa-Tzec
Presentación para el Congreso Nacional de Tecnología Industrial por Omar Sosa Tzec para la división de artes gráficas. Universidad Tecnológica Metropolitana. UTM
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).
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Omar Sosa-Tzec
Preliminary presentation of the paper to be presented in the DRS Conference - Cumulus 2013.
Sosa Tzec, O., Beck, J. E., Siegel, M. A. (2013) Building the Narrative Cloud: Reflection and Distributed Cognition in a Design Studio Classroom. DRS // CUMULUS 2013. 2nd International Conference for Design Education Researchers.
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCIOmar Sosa-Tzec
Slides of the paper presented in "Critical Alternatives 2015" the 5th Decennial Aaarhus Conference, held on August 17 to 21, 2015, in Aarhus, Denmark.
Paper abstract:
By examining application software as a type of rhetorical artifact, it is possible to highlight its social, ethical and moral implications. In this paper, we explore one possibility for such a lens: application software functioning as a visual enthymeme. To explore the applicability of that concept in HCI, we analyze one web application as a first step. In our analysis, we observe that interaction and usability are two features that support an application in functioning as a visual enthymeme. Also, online sharing could help the user take the role of the arguer. Our analysis allows us to outline the elements of a user-centric persuasive experience and shows promise for further explorations regarding the applicability of rhetoric in HCI.
Presentation for the course "Design Theory" about a personal design philosophy. Prof. Erik Stolterman. By Omar Sosa Tzec. PhD in Informatics. School of Informatics and Computing. Indiana University Bloomington. Fall 2012.
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.
Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec
Este documento discute la importancia del diseño visual en las interfaces gráficas de usuario (GUIs) y presenta 10 factores clave del diseño visual como la comprensión de la forma y la línea, la tipografía, la estructuración del espacio y el uso del color. También describe 7 principios del buen diseño como centrarse en el usuario y crear interacciones imaginativas, y explica cómo una mayor conciencia del medio puede fomentar la imaginación computacional.
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignOmar Sosa-Tzec
Slides of the paper presented in "LearnxDesign" 3d 3rd International Conference for Design Education Researchers and PreK-16 Design Educators, held in Chicago, IL at the School of the Art Institute of Chicago.
=== Abstract ==
In this paper, we introduce a first pass of a rhetorical handbook intended for UI/UX designers. This handbook is based on an earlier version for graphic designers, introduced by Ehses & Lupton in 1988, in which diverse rhetorical concepts are illustrated through graphic work. For the UI/UX version, we examined desktop, web and mobile interfaces in order to illustrate the same concepts. In this first pass, we observe that the three modes of appeal (i.e., pathos, ethos and logos) fluctuate throughout the user experience. Additionally, we learned that rhetorical operations aid describing the adjustments made on an interface to work in different platforms. Further, the rhetorical figures (tropes and schemes) help to describe conceptually the interface’s composition and interactions. The concepts presented in the handbook provide a framework to examine and critique user interfaces, through which the disciplines of user experience and rhetoric connect.
Approach to evaluate a user interface based on "the function it communicates", a personal interpretation derived from reflection of the meaning of GUI components and interaction for the user and the user experience.
Presentation at NordiCHI 2014
8th Nordic Conference on Human-Computer Interaction
Helsinki, Finland
October 27, 2014
ACM Press
http://dx.doi.org/10.1145/2639189.2641209
Abstract:
This paper introduces an approach for evaluating user interfaces built on visual rhetoric and the rhetorical notion of function. A personal informatics mobile application has been selected to exemplify the application of this approach. Through the results of this example evaluation, this paper discusses the consequence of applying a rhetorical evaluation to a user interface. In this discussion, it is observed that inspecting the function performed by interface components takes into account experiences, communication, and meaning. In addition, it fosters reflection and criticism.
Arquitectura de Información de Personas a WireframesOmar Sosa-Tzec
Síntesis de cómo va el proceso de Arquitectura de Información partiendo de la definición de la Persona o arquetipo de usuario hasta qué es hacer un wireframe o marco alambrado.
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.
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.
Presentation at Seminar I: Rhetorical Evaluation of User Interfaces Omar Sosa-Tzec
Presentation at INFO I609 Advanced Seminar I Informatics. PhD in Informatics, Indiana University Bloomington.
* Includes short bio, trace of work related with HCI & Design, connection of Rhetoric and User Experience Design, and previous of paper to be presented at NordiCHI 2014.
Experience Design Framework for securing Large Scale Information and Communic...Omar Sosa-Tzec
* Paper presented at the Design Research Society Conference 2014 at Umeå, Sweden. It proposes a framework for UX design regarding security and privacy of Information and Communication Systems (ICSs)
---- Abstract -----
Securing Information and Communication Systems (ICSs) is a highly complex process due in large part to the feedback relationship that holds between the users and the system and its 'ecosystem' of usage. Such a relationship is critical for experience designers. The design of secure systems can thereby be enhanced by using principles from disciplines where similar relations hold, such as security engineering and adaptive systems. In this work, we propose a user experience design framework based on six principles and use a social networking system as an example of its application. The proposed design principles are grounded in complex systems theory. We address several potential security and privacy challenges inherent in the design of a large-scale adaptive system. By means of this framework we reflect upon the participation of an experience designer regarding the conceptualization, selection, review, and update of security and privacy matters. In this sense, we observe the role of the designer as a translator across disciplines. By introducing our framework, we also attempt to start a conversation about the challenges a designer faces in the appropriation of this role, either for the case of securing large-scale systems or in those situations where the boundaries of design and knowledge from other disciplines already overlap.
Presentation of website project that introduces the concept of Human Development Index, which includes an interactive visualization (choropleth and cartogram) and a table with sparklines (of some selected countries).
Asuntos sobre el pensamiento y ejecución de diseñoOmar Sosa-Tzec
Presentación para el Congreso Nacional de Tecnología Industrial por Omar Sosa Tzec para la división de artes gráficas. Universidad Tecnológica Metropolitana. UTM
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).
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Omar Sosa-Tzec
Preliminary presentation of the paper to be presented in the DRS Conference - Cumulus 2013.
Sosa Tzec, O., Beck, J. E., Siegel, M. A. (2013) Building the Narrative Cloud: Reflection and Distributed Cognition in a Design Studio Classroom. DRS // CUMULUS 2013. 2nd International Conference for Design Education Researchers.
Discover Template is offering a free presentation for sales that comes with numerous infographics and slides. These slides are completely customizable and let you add the brand identity of your own. The sales template could be used in the corporates or for teaching the students who are willing to get into a sales job.
https://discovertemplate.com/templates/business/sales-funnel-template-2/
Qualitative Market Research Report for Del Taco Created by MICHAEL BLANCO DES...Michael Blanco Designs
OWLSMART Research contacted me to help them design a deck for their client Del Taco. The client was in need of a Qualitative Market Research deck that would illustrate the Pros and Cons of a new menu items they would be launching. This is an example of the deck with Lorem Ipsum sample text.
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.
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.
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignOmar Sosa-Tzec
Conference Paper presented in LearnxDesign 2015, the 3rd International Conference for Design Education Researchers
Abstract.
In this paper, we introduce a first pass of a rhetorical handbook intended for UI/UX designers. This handbook is based on an earlier version for graphic designers, introduced by Ehses & Lupton in 1988, in which diverse rhetorical concepts are illustrated through graphic work. For the UI/UX version, we examined desktop, web and mobile interfaces in order to illustrate the same concepts. In this first pass, we observe that the three modes of appeal (i.e., pathos, ethos and logos) fluctuate throughout the user experience. Additionally, we learned that rhetorical operations aid describing the adjustments made on an interface to work in different platforms. Further, the rhetorical figures (tropes and schemes) help to describe conceptually the interface’s composition and interactions. The concepts presented in the handbook provide a framework to examine and critique user interfaces, through which the disciplines of user experience and rhetoric connect.
In this workshop paper, I propose a theoretical account and procedure for performing interaction criticism called pentadic interac- tion criticism. This theoretical sketch is based on concepts from Kenneth Burke’s dramatism and rhetoric. Through these concepts, I begin to formulate an account of interac- tion criticism as a process of identification between the crit- ic, the designer, the user, and the client and the stakehold- ers. Then, I propose a five-step procedure for PIC to make it approachable to scholars, pedagogues and HCI/UX de- signers not familiar with interaction criticism.
Omar Sosa-Tzec provides an overview of his educational and professional background, which includes degrees in computer science, information design, and informatics. He discusses his interests in visual information, UI/UX design, and the rhetorical implications of technologies. His research explores how designers can raise awareness of how technologies can affect people's beliefs and behaviors. His work analyzes UIs through rhetorical frameworks and develops methods to evaluate persuasive elements. He has presented preliminary results applying rhetoric to UI analysis and exploring its role in user-centered design. He asks the committee for advice on the appropriate scope of a dissertation, how to conduct empirical studies, and whether bridging HCI research and practice through this work makes sense.
A quick guide to sketchnoting for the course INFO I300 Human-Computer Interaction Design. School of Informatics and Computing. Indiana University Bloomington.
Version 1.0: Spring, 2015.
1. Visual Design
for Presentations
A Brief Introduction
OmarSosa-Tzec
School of Informatics & Computing
Indiana University Bloomington
GISA: Graduate Informatics Student Association
School of Informatics and Computing
Indiana University Bloomington
Fall 2014
9. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien at
vehicula.
Avenir Size: 34
10. Lorem
ipsum
dolor
sit
amet,
consectetur
adipiscing
elit.
Nam
suscipit
quam
eu
leo
blandit,
ac
moles8e
est
vehicula.
Nullam
commodo
felis
et
sapien
cursus,
id
ma;s
felis
8ncidunt.
Suspendisse
mi
nisl,
moles8e
in
suscipit
at,
dignissim
aliquam
leo.
Praesent
bibendum
dolor
ac
por;tor
bibendum.
Vivamus
odio
augue,
auctor
in
laoreet
eget,
rhoncus
ut
diam.
Mauris
eros
enim,
pulvinar
eget
tortor
a,
semper
feugiat
nulla.
Aenean
mollis
erat
sed
ligula
blandit,
id
lobor8s
nulla
ma;s.
Nulla
congue
ullamcorper
sapien
at
vehicula.
Calibri Size: 34
11. Lorem
ipsum
dolor
sit
amet,
consectetur
adipiscing
elit.
Nam
suscipit
quam
eu
leo
blandit,
ac
molestie
est
vehicula.
Nullam
commodo
felis
et
sapien
cursus,
id
mattis
felis
tincidunt.
Suspendisse
mi
nisl,
molestie
in
suscipit
at,
dignissim
aliquam
leo.
Praesent
bibendum
dolor
ac
porttitor
bibendum.
Vivamus
odio
augue,
auctor
in
laoreet
eget,
rhoncus
ut
diam.
Mauris
eros
enim,
pulvinar
eget
tortor
a,
semper
feugiat
nulla.
Aenean
mollis
erat
sed
ligula
blandit,
id
lobortis
nulla
mattis.
Nulla
congue
ullamcorper
sapien
at
vehicula.
Cambria Size: 34
12. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
Helvetica Size: 34
13. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
Georgia Pro Size: 34
14. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
Georgia Pro Size: 34
Line: 1.1
15. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
Georgia Pro Size: 34 - Line: 1.5
16. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
Georgia Pro Size: 34
Line: 1.1
17. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien at
vehicula.
Georgia Pro Size: 34
Line: 1.1
18. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien at
vehicula.
Georgia Pro Size: 34
Line: 1.1
19. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nam suscipit quam eu leo
blandit, ac molestie est vehicula. Nullam
commodo felis et sapien cursus, id mattis
felis tincidunt. Suspendisse mi nisl, molestie
in suscipit at, dignissim aliquam leo.
Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget,
rhoncus ut diam. Mauris eros enim, pulvinar
eget tortor a, semper feugiat nulla. Aenean
mollis erat sed ligula blandit, id lobortis
nulla mattis. Nulla congue ullamcorper
sapien at vehicula. Georgia Pro Size: 34
Line: 1.1
20. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien
at vehicula.
21. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
22. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien
at vehicula.
23. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien
at vehicula.
LoremIpsumTheory
24. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
suscipit quam eu leo blandit, ac molestie est vehicula.
Nullam commodo felis et sapien cursus, id mattis felis
tincidunt. Suspendisse mi nisl, molestie in suscipit at,
dignissim aliquam leo. Praesent bibendum dolor ac porttitor
bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut diam.
Mauris eros enim, pulvinar eget tortor a, semper feugiat
nulla. Aenean mollis erat sed ligula blandit, id lobortis nulla
mattis. Nulla congue ullamcorper sapien at vehicula.
25. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nam suscipit quam eu leo blandit, ac molestie est
vehicula. Nullam commodo felis et sapien cursus, id
mattis felis tincidunt. Suspendisse mi nisl, molestie in
suscipit at, dignissim aliquam leo. Praesent bibendum
dolor ac porttitor bibendum.
Vivamus odio augue, auctor in laoreet eget, rhoncus ut
diam. Mauris eros enim, pulvinar eget tortor a, semper
feugiat nulla. Aenean mollis erat sed ligula blandit, id
lobortis nulla mattis. Nulla congue ullamcorper sapien
at vehicula.
LoremIpsumTheory
45. http://tzec.com
The images here shown are property of their author, and some
of them have been taken from the results of a web search.
All of them are employed for mere academic purposes.
Thank you!