Método de diseño basado en Personas de Alan Cooper y una lluvia de ideas o brainstorm para determinar el flujo informativo de un documento dado un conjunto jerarquizado de tareas.
* Aproximación base propuesta por Omar Sosa Tzec. Octubre, 2009.
Extracto de la presentación de mis cursos sobre User Centered Design, presentando parte de lo que vemos con respecto a modelado de usuarios a través del método de Personas de Alan Cooper.
Extracto de la presentación de mis cursos sobre User Centered Design, presentando parte de lo que vemos con respecto a modelado de usuarios a través del método de Personas de Alan Cooper.
Es gibt nicht DEN Social-Media-Nutzer, denn jeder sieht anders. Menschen nutzen die Möglichkeiten in unterschiedlicher Intentistät, mal passiv, mal aktiv und aus ganz unterschiedlichen Gründen. Basierend auf einer repräsentativen Umfrage haben wir eine Typologie der Social-Media-Nutzer entwickelt - vom Zögernden Zaungast bis zum Digitalen Dandy. Wir stellen die Typen vor und wollen mit Euch diskutieren, wie Buchhandel und Verlage auf deren Bedürfnisse eingehen können.
Esta presentación tiene como objetivo aprender a vender por el móvil y entender cómo las pymes pueden aprovechar estas nuevas plataformas que nos brinda la tecnología para hacer negocios con el móvil
¿Cómo debería ser el agregador financiero para cumplir las expectativas de los usuarios? ¿Qué pueden hacer las entidades bancarias para sumarse de verdad al CX en este sentido?
Es gibt nicht DEN Social-Media-Nutzer, denn jeder sieht anders. Menschen nutzen die Möglichkeiten in unterschiedlicher Intentistät, mal passiv, mal aktiv und aus ganz unterschiedlichen Gründen. Basierend auf einer repräsentativen Umfrage haben wir eine Typologie der Social-Media-Nutzer entwickelt - vom Zögernden Zaungast bis zum Digitalen Dandy. Wir stellen die Typen vor und wollen mit Euch diskutieren, wie Buchhandel und Verlage auf deren Bedürfnisse eingehen können.
Esta presentación tiene como objetivo aprender a vender por el móvil y entender cómo las pymes pueden aprovechar estas nuevas plataformas que nos brinda la tecnología para hacer negocios con el móvil
¿Cómo debería ser el agregador financiero para cumplir las expectativas de los usuarios? ¿Qué pueden hacer las entidades bancarias para sumarse de verdad al CX en este sentido?
El desarrollo de las redes de contactos en línea y del software social en
general plantea el nacimiento de una nueva era en todo tipo de áreas,
incluso los negocios, con una promesa de oportunidades que pareciera
ilimitada. Por lo pronto, ya han cambiado a fondo las prácticas de
atracción de talento
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
Position paper for the CHI 2020 Workshop "Speculative Designs for Emergent Personal Data Trails: Signs, Signals and Signifiers."
This paper starts by presenting four mobile interface design concepts to make personal data trails visible. Frosted screen, rainbow heatmap, hungry zombie, and data current are the labels given to these concepts. After reflecting on these concepts, the paper focuses on some elements of personal data trails, and explores a visual system of icons to indicate the user the possible use and abuse of the data they produce during the UX. The elements proposed by this paper are surveillance, commodification, data aggregation, data input, affect and arousal, preferences, and community.
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
Introductory lecture slides for the course INFO-I 300 Human-Computer Interaction/Interaction Design at Indiana University School of Informatics and Computing. Instructor of record: Omar Sosa-Tzec, PhD Candidate in Informatics (HCI Design).
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.
Arquitectura Ecléctica e Historicista en Latinoaméricaimariagsg
La arquitectura ecléctica e historicista en Latinoamérica tuvo un impacto significativo y dejó un legado duradero en la región. Surgida entre finales del siglo XIX y principios del XX, esta corriente arquitectónica se caracteriza por la combinación de diversos estilos históricos europeos, adaptados a los contextos locales.
Porfolio livings creados por Carlotta Designpaulacoux1
La sección de porfolio de livings de Carlotta Design es una muestra de la excelencia y la creatividad en el diseño de interiores. Cada proyecto en el porfolio refleja la visión única y el estilo distintivo de Carlotta Design, mostrando la habilidad del equipo para transformar espacios en ambientes acogedores, elegantes y funcionales. Desde salas de estar modernas y contemporáneas hasta espacios más tradicionales y clásicos, la variedad de estilos y diseños en el porfolio demuestra la versatilidad y la capacidad del equipo para adaptarse a las necesidades y gustos de cada cliente.
Las fotografías de alta calidad en el porfolio capturan la atención al detalle, los materiales de alta calidad y la combinación de texturas y colores que hacen que cada sala de estar sea única y especial. Además, la sección de porfolio de livings de Carlotta Design destaca la integración de muebles y accesorios cuidadosamente seleccionados para crear ambientes armoniosos y sofisticados.
En resumen, la sección de porfolio de livings de Carlotta Design es una ventana a la excelencia en el diseño de interiores, mostrando el talento y la dedicación del equipo para crear espacios extraordinarios que reflejan la personalidad y el estilo de cada cliente.
Porfolio de diseños de Comedores de Carlotta Designpaulacoux1
calidad en el porfolio capturan la atención al detalle, la calidad de los materiales y la armonía de colores y texturas en cada diseño. El cuidadoso equilibrio entre muebles, iluminación y elementos decorativos se destaca en cada espacio, creando ambientes acogedores y sofisticados.
En resumen, la sección de porfolio de comedores de Carlotta Design es un reflejo del compromiso del equipo con la excelencia en el diseño de interiores, mostrando su habilidad para crear ambientes únicos y personalizados que sobresalen por su belleza y funcionalidad
DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 182062946377
Diseño del dia de la bandera. El 7 de junio se celebra en todo el Perú el Día de la Bandera, una fecha que conmemora el aniversario de la Batalla de Arica de 1880, un enfrentamiento histórico en el que las tropas peruanas se enfrentaron valientemente a las fuerzas chilenas durante la Guerra del Pacífico.
Del caos surge mi perfección.
Soy valen! Siempre en una búsqueda constante en el equilibrio de ambas, donde encuentro mi verdadera yo, apreciando la belleza de la imperfección mientras acepto los desafíos y errores, y desafiando mi caos para alcanzar mi perfección.
Soy una mente inquieta, siempre buscando nuevas
inspiraciones en cada rincón.Encuentro en las calles y en los detalles cotidianos los colores vibrantes y las formas audaces que alimentan mi creatividad y a través de ellos tejo collages en mi imaginación, donde mi energía juega un papel fundamental en cada textura, cada forma, cada color mostrando mi esencia capturada.
Soy una persona que ama desafiar las convenciones establecidas, por eso tomo la moda y el arte como
referentes hacia mi inspiración, permitiéndome expresarme con libertad mi identidad de una manera única.
Soy la búsqueda de la estética, que es mi guía en cada viaje creativo, así creando una imagen única que genere armonía y impacto visual.Sin embargo, no podría lograr esta
singularidad sin el uso de la ironía como aliada en mi búsqueda de la originalidad.
Soy una diseñadora con un proceso creativo
llamado: rompecabezas donde al principio se encuentran miles de piezas desordenadas sobre la mesa para que luego cada pieza encaje perfectamente para crear una imagen
1. Diseño de un
documento informativo.
Método de diseño de diseño de información basado en Personas.
Otoño 2009.
Mtro. Omar Sosa Tzec
http://www.tzek-design.com/blog
3. Niveles de contenido en un
documento informativo:
* datos crudos.
* unidades de información.
* información compuesta.
4. Datos crudos.
Unidades que conforman la información, como
lo pueden ser:
* caracteres o letras (a…z, A…Z),
* números (0…9),
* componentes gráficos (línea, punto, forma) y
* otras variables visuales (color, saturación).
5. Unidades de información.
Es la entidad mínima derivada de la
combinación de datos que tiene significado para
el usuario:
* palabras,
* grafos o gráficas, e
* imágenes (con cierto nivel de iconicidad).
6. Información compuesta.
Las unidades informativas se complementan
unas a otras de forma que el usuario identifica
una entidad de información mayor referente a
una idea general.
Responde a preguntas del tipo:
* ¿qué es esto?,
* ¿qué quiere decir esta parte?
7. ¿Cuál es el alcance de la información en
un documento de esta naturaleza?
8. Pertinencia del contenido:
* Para informar.
* Para la toma de decisiones (dentro del contexto).
* Para la generación de conocimiento.
9. Para informar.
En el documento las entidades de información
compuesta sólo expresan la idea que conllevan
para dar por enterado al usuario del documento.
10. Para la toma de decisiones.
El siguiente paso en el flujo de acción al tener a la mano un
documento informativo.
El usuario utiliza la información, dentro del contexto para el
cual el documento fue diseño, para ejecutar una tarea.
Por ejemplo:
* saber cuánto debe pagar en una tarjeta de crédito,
* saber qué medicina fue prescrita, o bien
* llenar los campos de un formulario.
11. Generación de conocimiento.
El usuario interioriza las consecuencias de las acciones
tomadas con la ayuda de la información brindada y puede
inferir, inducir o reflexionar sobre situaciones en el futuro.
Por ejemplo:
* Comprender su relación de gastos en una tarjeta de crédito
y razonar cómo crecerán los intereses moratorios.
* Determinar cuál es la relación del cobro en el recibo de la
luz en relación con otros gastos fijos en el hogar.
13. Personas es un método para modelar
a los usuarios de nuestros proyectos
de diseño...
Su inventor es Alan Cooper.
Página web: http://www.cooper.com
Libro de Cooper sobre Diseño de Interaccción:
About the Face.
14. Sarah Williams: Nueva cliente. “No tengo que estar checando la privacidad
de la información. Quiero que el sitio lo deje claro.”
Demografía Confort Tecnológico Background personal
Grupo de Edad: 21-34. PC: Medio. Sarah es una mujer soltera que trabaja largas horas en una
Años en línea: 0-2. Web: bajo. consultoría de procesos. Tiene que viajar mucho y rara vez
Ingreso: $10k. tiene tiempo de terminar pendientes. Además, es desconfiada
en hacer transacciones en línea debido a los fraudes y robo
de identidad potenciales. La conveniencia y ahorro de usar
Necesidades
un banco en línea suena atractivo, pero quiere asegurarse de
que su información está segura y su dinero a salvo.
* Asegurarse de su seguridad y privacidad.
* Recibir un mensaje claro de lo que espera.
* Fácil acceso a alguien “de verdad” (una persona).
Motivaciones Escenarios Características Comportamientos
Aprender acerca de los diferentes * Comparar las cuentas bancarias * Gráfica de comparación * Sarah da clic en “comparar” que la lleva
tipos de cuentas bancarias en línea. a través de diferentes sitios. por producto. a una lista de productos donde puede
* Gráfica de comparación de comparar.
competidores para diferentes
productos.
* Buscar información de contacto * Preguntas frecuentes
de un representante para preguntas * Chat en línea con un representante. * En la página de un producto, Sarah hace
específicas. clic en un link que dice “Preguntar a un
representante” .
Aplicar para una cuenta bancaria. * Investigación ya terminada y lista * Proceso de aplicación paso a * En la página de un producto, Sarah hace
para aplicar. paso. clic en “Aplicar”
.
* Quiere sentirse confortable con * Demo del proceso de aplicación. * En la página de un producto, Sarah hace
el proceso de aplicación en línea clic en “Aprender más sobre el proceso
que está haciendo. de aplicación”.
15. Para efectos del ejercicio las personas
deben ser simples, requerirán la definición
de:
* nombre,
* rostro,
* contexto de vida,
* objetivo de uso y
* dudas relacionadas con el uso del documento.
16. El factor clave es “ponerse en los zapatos”
de la o las personas inventadas.
En un sentido práctico, se tomará en cuenta
sólo una persona, la llamada “persona
primaria” y será un arquetipo lo más
general al tipo de usuario del documento.
17. El objetivo de uso corresponde a la tarea
más general que la persona debe cumplir
y por lo cual se ha diseñado el documento.
En primera instancia podría considerarse
un nivel informativo, pero el objetivo es
diseñar la información para lograr la
generación de conocimiento.
18. Relacionadas con este objetivo, al
usuario le surgen un número
considerable de dudas asociadas.
Sin embargo, en el proceso el diseñador
debe considerar “ir más allá” y “exprimir
el cerebro” del arquetipo de forma que
se haga preguntas “fuera de lo normal”.
21. Para cada pregunta, se realiza una lluvia
de ideas.
* Hay que tomar en cuenta que esta lluvia de
ideas es la ideación de las entidades
informativas plausibles para el documento.
* Dicha ideación debe impulsar no sólo la
proliferación de entidades informativas
compuestas cuyo propósito sea informar,
sino también de aquellas que induzcan a la
generación de conocimiento.
25. Lo siguiente es conformar un flujo informativo
para el documento.
Primero hay que determinar las tareas que el
usuario debe realizar y que están o podrían
estar asociadas al problema, dentro del
contexto considerado.
* Las tareas involucran la agrupación de ideas
propuestas.
26.
27. Una vez formados los grupos, uno para cada
tarea identificada (con sus respectivas ideas
de diseño), el siguiente paso es jerarquizarlas.
* Determinar cuál de las tareas está más
vinculada con el objetivo general.
* Después la segunda tarea más vinculada,
tercera y así sucesivamente…
30. El flujo informativo está directamente
relacionada con la jerarquía de la tareas.
* El layout del documento debe ser congruente
con los estándares de lectura en la cultura del
usuario y demostrará este flujo informativo.
31.
32.
33.
34.
35.
36.
37.
38. Ya habíamos platicado antes que los factores de
ejecución siempre a considerar en la
construcción de mensajes visuales:
* El espacio mismo.
* Ocupación del espacio (composición).
* Establecimiento de jerarquías.
* Aislamiento de elementos y legibilidad.
* Sentido de la lectura del mensaje.
* Síntesis e iconicidad.
* Uso del color y contraste cromático.
* Tensión y ritmo.
* Estética (básica a la cultura).
39. * En este ejercicio se asumirá el documento
impreso a negro y escala de grises.
* El color tipográfico deberá ser cuidadosamente
seleccionado pensando en el usuario en relación
con la lectura del documento.
* Los “chunks” de información deberán ser
claramente identificados.
* El layout del documento deberá considerar una
retícula que brinde estructura y facilite la lectura
del documento.
40. Gracias.
* El ejemplo de persona fue tomado de “Communicating Design” de Dan Brown con fines
educativos/ilustrativos.
* Método de diseño de información planteado por Omar Sosa Tzec. Octubre, 2009.