SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
Herramientas Etnográficas y unaVariante del Muestreo de Experiencias para
el Rediseño de la GUI de un Cliente de Mensajes Instantáneos por Internet Conferencia Latinoamericana de
Interacción Humano Computadora 2005
La idea de este proyecto surge de la problemática de lidiar con un número considerable de ventanas de chat en una pantalla pequeña.
De una recolección de datos en el Campus de la UDLA enter usuarios deWindows y Mac se obtuvo que el mensajero de Microsoft es el más popular.
Antes de que la última versión fuera liberada y sin conocimiento alguno, en otoño de 2004, se ideó un método de diseño de la GUI que considerara el paradigma
de diseño CalmTechnology [3] y resolviera una búsqueda de necesidades (Needfinding) [2], presentándose dos variantes del método de Experience Sampling [1]
construidos con la información“cruda” acerca de las necesidades en ese momento de los usuarios para ambas plataformas.
Omar SosaTzec
Maestría en Diseño de Información
Universidad de las Américas, Puebla
omar.sosa@gmail.com
Roberto Holguín Molina*
Design Strategy and Research
roberto.holguin@gmail.com
* Ex profesor de tiempo completo del departamento de Diseño Gráfico de
la Universidad de las Américas, Puebla. Actual consultor y líder de proyecto
de Design Strategy and Research (www.dsr-group.com) en México
REFERENCIAS
1. Hurlburt, RusselT., et al.“Descriptive Experience Sampling Manual ofTerminology”.
URL: http://www.nevada.edu/~russ/codebook.html - Última visita: Noviembre, 2004.
2. Patnaik, Dave, et al.“Needfinding:TheWhy and How Uncovering People´s Needs“.
Design Management Journal. Spring. 1999.
3.Weiser, et al.“Designing CalmTechnology”. Xerox PARC.
URL:http://www.ubiq.com/hypertext/weiser/calmtech/calmtech.htm 1995. - Última visita: Noviembre, 2004.
Metodología
En pocas palabras, el ES [1] es un
método ideográfico que describe la
experiencia interna de una persona.
Ésta es usualmente registrada usando
un beeper aleatorio que le indica a la
persona que escriba sus pensamientos
y sentimientos en el momento que
suena el aparato.
En este proyecto, para obtener la infor-
mación“cruda”a diseñar, se sustituyó el
beeper pidiendo a usuarios de una lista
de contactos del mensajero de Micro-
soft que describan su experiencia inter-
na durante varios días y en tiempos
aleatorios.
Además, se aplicó un segundo método
que corresponde a una bitácora de
“chateo”como variante del ES y además
como método etnográfico de observa-
ción participativa, en el cual, un usuario
registró en tiempos aleatorios y duran-
te varios días su experiencia interna al
“chatear”y su patrón de conducta con
respecto a la administración de las ven-
tanas de chat en la pantalla.
Resultados del Experimento
Con el ES vía el mensajero de Microsoft,
tres principales actividades fueron de-
terminadas con el uso este cliente IRC y
sus tareas de todos los días.
De la proyección de la bitácora en el
plano se observó el comportamiento
del usuario a través del tiempo.
Además, de los registros de experiencia
interna se encontraron 7 categorías del
ES en las cuales se explica cómo el
usuario se involucra en el proceso de
“chateo”mientras trabaja en la computa-
dora dado su contexto de vida.
Rediseño de la GUI y el Paradigma CT
El paradigma CT establece que el
diseño debe liberar al usuario de
cualquier carga cognitiva extra.
Como resultado del ejercicio de bús-
queda de necesidades, se establecieron
8 actividades que debían considerarse
en el rediseño de la GUI tal que el usua-
rio se enfoque momentáneamente en
la tarea actual a realizar (i.e. el centro) y
el olvidarse de otras funciones (i.e. la
periferia). Cada actividad se relacionaba
dos a dos tal que se“complementaban”
y con las cuales se estableció un esque-
ma radial que ayude en el proceso de
diseño.
El reporte puede ser descargado en
http://tzec.blogspot.com e
infografías y un análisis semiótico que
ayudo al ejercicio de rediseño.
Como trabajo actual, este proyecto se
ha transformado en tema de tesis ma-
peándose a diseñar una interfaz nove-
dosa de chat para un PDA consideran-
do un alto nivel de estrés y síntesis
visual con respecto a sus widgets.
La maqueta de la GUI fue elaborada
basada en un concepto de burbujas y
una funcionalidad que permitiría ver las
conversaciones de varios individuos en
una sola ventana, además de un repro-
ductor de multimedios y una barra de
búsqueda, entre otros.
Petición para contestar
actividad actual
Registro del
tiempo y contenido
de la respuesta
Respuesta Informal
Collector de datos
Chat Buddy (contacto)
Mensaje espontaneo que
recibe el Chat Buddy
Internet
Elcolectordedatosesunapersona
quemuestreadelalistade
contactos(loschatbuddies)
Unmensajeesenviadoconel
propósitodepreguntaraloschat
buddiesqueactividadestán
realizandoenesemomento.
Estemuestreoesentiempos
aleatoriosydurantevariosdías
Eltiempoenqueserespondey
cualquieractividadocomentario
sonregistrados
El usuario bosqueja su
distribución actual de ventanas
de chat en la pantalla…
1
El usuario escribe lo que sea
que esté pensando, sintiendo o
su reacción ante el chat o el
ambiente de chateo/trabajo
2
Entiemposaleatorios, selepidealusuarioquehagaun
registrocompuestocondostiposderegistros:elaspecto
visualdelapantallaysuexperienciainterna
Cualquier ventana de chat que se está
ocupando. Una ventana nueva se define
así.
El método define 3 variables
para el registro visual
Ventana de chat en
estado normal
Si un usuario cierra una ventana cerca
del tiempo de registro, lo indica con
una línea punteada
Chat window
closed
El usuario indica que una ventana se ha
movido recientemente
Chat window
displaced
Un hexagono representa el 4% con
respecto a una actividad en particular
Buscando información con
Google, Yahoo, etc.
Checando correo vía web
Otra actividad de navegación
en la web
Utilizando software
especializado
Software de ofimática
Cerca de la computadora
Dejando el chat ejecutándose e
irse lejos
Navegar la web como
actividad principal.
Trabajar con un software y
chatear al mismo tiempo
Chat ejecutándose mientras
se realiza otra actividad que
no utiliza computadora Registro de 23 usuariosde chat en varios
días en tiempos aleatorios
chatear
ambientación trabajar en PC
buscar información navegar la Web
trabajar (job) ocio en PC
email
NicknameEstado
1
Canción tocándose/cantidad de resultados encontrados en buscador
Área de publicidad
NicknameEstado
1
Canción tocándose/cantidad de resultados encontrados en buscador
Área de publicidad
Estado Opcional a teclearse en este momento
Estado Opcional previo 1
Estado Opcional previo 2
Estado Opcional previo 3
Estado Opcional previo 4
Estado Opcional previo 5
Estado Opcional previo 6
NicknameEstado
1
Canción tocándose/cantidad de resultados encontrados en buscador
Área de publicidad
Enviar email
Fulanito Pérez
Enviar archivo
1
Móvil Otro
NicknameEstado
1
Canción tocándose/cantidad de resultados encontrados en buscador
Área de publicidad
Enviar email
José Gonález
Fulanito Pérez
Enviar
archivo
1
Móvil Otro
Contacto01
Satus bar
Contacto01:
Hola, como estas?
Yo:
Bien, gracias...
Contacto01:
También estas probando este nuevo chat?
Yo:
Sí!
1
Enviar
ABC
Yo: Este es mi ultimo comentario...
Contacto05: Esto es lo último contestado...
Contacto05 (regreso en 5 minutos...)
Enviar
archivos
Contacto01
Satus bar
Contacto01:
Hola, como estas?
Yo:
Bien, gracias...
Contacto01:
También estas probando este nuevo chat?
Yo:
Sí!
1
Enviar
ABC
Enviar
archivos
Contacto01
Satus bar 1
Enviar
ABC
Enviar
archivos
Contacto01
Satus bar
Contacto01:
Hola, como estas?
Yo:
Bien, gracias...
Contacto01:
También estas probando este nuevo chat?
Yo:
Sí!
1
Enviar
ABC
Enviar email Enviar
archivo
1
Móvil Otro
Enviar
archivos
Contacto01
Satus bar
Contacto01:
Hola, comom estas?
Yo:
Bien, gracias...
Contacto01:
También estas probando este nuevo chat?
Yo:
Sí!
1
Enviar
ABC
Aquí voy a insertar un smiley...
Enviar
archivos
+ = needfinding
idea CT
PDA GUI = ?
diseño
colaborativo

Más contenido relacionado

Similar a Chat GUI Rediseño

Presentación1
Presentación1Presentación1
Presentación1mestra999
 
Comunicación y colaboración
Comunicación y colaboraciónComunicación y colaboración
Comunicación y colaboraciónMarisela PM
 
Trabajo practico nº 5 terminado
Trabajo practico nº 5 terminadoTrabajo practico nº 5 terminado
Trabajo practico nº 5 terminadojhoana
 
Hardware y-software
Hardware y-softwareHardware y-software
Hardware y-softwareMaday000
 
2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcciónkamui002
 
Unidad de aprendizaje II.- Comunicación y colaboración.
Unidad de aprendizaje II.- Comunicación y colaboración.Unidad de aprendizaje II.- Comunicación y colaboración.
Unidad de aprendizaje II.- Comunicación y colaboración.Karla Rdz
 
Trabajo final de TICS Integrantes :Isaac Santoyo Anahi Fernandez Kevin Loredo...
Trabajo final de TICS Integrantes :Isaac Santoyo Anahi Fernandez Kevin Loredo...Trabajo final de TICS Integrantes :Isaac Santoyo Anahi Fernandez Kevin Loredo...
Trabajo final de TICS Integrantes :Isaac Santoyo Anahi Fernandez Kevin Loredo...Isaac Santoyo
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internetmatiasorue
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internetmatiasorue
 
informática 2 (1).pptx
informática 2 (1).pptxinformática 2 (1).pptx
informática 2 (1).pptxarmansavi10
 
TRABAJO DE LAS TICS Y NUEVAS TECNOLOGIAS DE INFORMACION
TRABAJO DE LAS TICS Y NUEVAS TECNOLOGIAS DE INFORMACIONTRABAJO DE LAS TICS Y NUEVAS TECNOLOGIAS DE INFORMACION
TRABAJO DE LAS TICS Y NUEVAS TECNOLOGIAS DE INFORMACIONDIEGOS14
 

Similar a Chat GUI Rediseño (20)

Presentación1
Presentación1Presentación1
Presentación1
 
Comunicación y colaboración
Comunicación y colaboraciónComunicación y colaboración
Comunicación y colaboración
 
Trabajo practico nº 5 terminado
Trabajo practico nº 5 terminadoTrabajo practico nº 5 terminado
Trabajo practico nº 5 terminado
 
Hardware y-software
Hardware y-softwareHardware y-software
Hardware y-software
 
2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción2.1 Diseño, prototipo y construcción
2.1 Diseño, prototipo y construcción
 
Privilegios de la informática
Privilegios de la informáticaPrivilegios de la informática
Privilegios de la informática
 
Informatica
InformaticaInformatica
Informatica
 
Unidad de aprendizaje II.- Comunicación y colaboración.
Unidad de aprendizaje II.- Comunicación y colaboración.Unidad de aprendizaje II.- Comunicación y colaboración.
Unidad de aprendizaje II.- Comunicación y colaboración.
 
internet
internetinternet
internet
 
Clase 1
Clase 1Clase 1
Clase 1
 
Tarea
TareaTarea
Tarea
 
Trabajo final de TICS Integrantes :Isaac Santoyo Anahi Fernandez Kevin Loredo...
Trabajo final de TICS Integrantes :Isaac Santoyo Anahi Fernandez Kevin Loredo...Trabajo final de TICS Integrantes :Isaac Santoyo Anahi Fernandez Kevin Loredo...
Trabajo final de TICS Integrantes :Isaac Santoyo Anahi Fernandez Kevin Loredo...
 
Hardware y-software
Hardware y-softwareHardware y-software
Hardware y-software
 
Hardware y-software
Hardware y-softwareHardware y-software
Hardware y-software
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
Trabajo de internet
Trabajo de internetTrabajo de internet
Trabajo de internet
 
informática 2 (1).pptx
informática 2 (1).pptxinformática 2 (1).pptx
informática 2 (1).pptx
 
TRABAJO DE LAS TICS Y NUEVAS TECNOLOGIAS DE INFORMACION
TRABAJO DE LAS TICS Y NUEVAS TECNOLOGIAS DE INFORMACIONTRABAJO DE LAS TICS Y NUEVAS TECNOLOGIAS DE INFORMACION
TRABAJO DE LAS TICS Y NUEVAS TECNOLOGIAS DE INFORMACION
 

Más de Omar Sosa-Tzec

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Omar Sosa-Tzec
 
Delight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceDelight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceOmar Sosa-Tzec
 
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsDelight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsOmar Sosa-Tzec
 
Critical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsCritical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsOmar Sosa-Tzec
 
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Omar Sosa-Tzec
 
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Omar Sosa-Tzec
 
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesVisualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesOmar Sosa-Tzec
 
Communicating design-related intellectual influence: towards visual references
 Communicating design-related intellectual influence: towards visual references Communicating design-related intellectual influence: towards visual references
Communicating design-related intellectual influence: towards visual referencesOmar Sosa-Tzec
 
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceDesign tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceOmar Sosa-Tzec
 
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Omar Sosa-Tzec
 
My fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightMy fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightOmar Sosa-Tzec
 
Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignAffordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignOmar Sosa-Tzec
 
User Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsUser Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsOmar Sosa-Tzec
 
Introduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignIntroduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignOmar Sosa-Tzec
 
Takeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceTakeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceOmar Sosa-Tzec
 
Introduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceIntroduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceOmar Sosa-Tzec
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignOmar Sosa-Tzec
 
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCI
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCIGaza Everywhere: exploring the applicability of a rhetorical lens in HCI
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCIOmar Sosa-Tzec
 

Más de Omar Sosa-Tzec (20)

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
 
Delight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceDelight in the User Experience: Form and Place
Delight in the User Experience: Form and Place
 
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsDelight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in Microinteractions
 
Critical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsCritical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as Arguments
 
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
 
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
 
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesVisualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
 
Communicating design-related intellectual influence: towards visual references
 Communicating design-related intellectual influence: towards visual references Communicating design-related intellectual influence: towards visual references
Communicating design-related intellectual influence: towards visual references
 
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceDesign tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
 
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
 
My fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightMy fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delight
 
Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignAffordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience Design
 
User Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsUser Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction Flows
 
Introduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction DesignIntroduction to Human-Computer Interaction and Interaction Design
Introduction to Human-Computer Interaction and Interaction Design
 
Takeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceTakeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User Experience
 
Introduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceIntroduction to Visual Design for User Experience
Introduction to Visual Design for User Experience
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-Computadora
 
HCI Seminar Fall 2015
HCI Seminar Fall 2015HCI Seminar Fall 2015
HCI Seminar Fall 2015
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
 
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCI
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCIGaza Everywhere: exploring the applicability of a rhetorical lens in HCI
Gaza Everywhere: exploring the applicability of a rhetorical lens in HCI
 

Último

arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxaurorialfonzo6
 
Manual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdfManual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdfsteevensnodamartel
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfAsol7
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadratc070603hmcmrha7
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionssuser1ed434
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoThaisAymeeTacucheBen
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxVanessaPobletePoblet
 
Revista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfRevista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfANGELEMMANUELALBAAPA
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfsalazar1611ale
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)lemg25102006
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaJosAntonioFloresQuis
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 

Último (20)

arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
 
Manual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdfManual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdf
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdf
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacion
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf triptico
 
Clase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptxClase 8. Caracteristicas de la población.pptx
Clase 8. Caracteristicas de la población.pptx
 
Revista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfRevista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdf
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
Arquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdfArquitectura antigua. Salazar Alejandra.pdf
Arquitectura antigua. Salazar Alejandra.pdf
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzada
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 

Chat GUI Rediseño

  • 1. Herramientas Etnográficas y unaVariante del Muestreo de Experiencias para el Rediseño de la GUI de un Cliente de Mensajes Instantáneos por Internet Conferencia Latinoamericana de Interacción Humano Computadora 2005 La idea de este proyecto surge de la problemática de lidiar con un número considerable de ventanas de chat en una pantalla pequeña. De una recolección de datos en el Campus de la UDLA enter usuarios deWindows y Mac se obtuvo que el mensajero de Microsoft es el más popular. Antes de que la última versión fuera liberada y sin conocimiento alguno, en otoño de 2004, se ideó un método de diseño de la GUI que considerara el paradigma de diseño CalmTechnology [3] y resolviera una búsqueda de necesidades (Needfinding) [2], presentándose dos variantes del método de Experience Sampling [1] construidos con la información“cruda” acerca de las necesidades en ese momento de los usuarios para ambas plataformas. Omar SosaTzec Maestría en Diseño de Información Universidad de las Américas, Puebla omar.sosa@gmail.com Roberto Holguín Molina* Design Strategy and Research roberto.holguin@gmail.com * Ex profesor de tiempo completo del departamento de Diseño Gráfico de la Universidad de las Américas, Puebla. Actual consultor y líder de proyecto de Design Strategy and Research (www.dsr-group.com) en México REFERENCIAS 1. Hurlburt, RusselT., et al.“Descriptive Experience Sampling Manual ofTerminology”. URL: http://www.nevada.edu/~russ/codebook.html - Última visita: Noviembre, 2004. 2. Patnaik, Dave, et al.“Needfinding:TheWhy and How Uncovering People´s Needs“. Design Management Journal. Spring. 1999. 3.Weiser, et al.“Designing CalmTechnology”. Xerox PARC. URL:http://www.ubiq.com/hypertext/weiser/calmtech/calmtech.htm 1995. - Última visita: Noviembre, 2004. Metodología En pocas palabras, el ES [1] es un método ideográfico que describe la experiencia interna de una persona. Ésta es usualmente registrada usando un beeper aleatorio que le indica a la persona que escriba sus pensamientos y sentimientos en el momento que suena el aparato. En este proyecto, para obtener la infor- mación“cruda”a diseñar, se sustituyó el beeper pidiendo a usuarios de una lista de contactos del mensajero de Micro- soft que describan su experiencia inter- na durante varios días y en tiempos aleatorios. Además, se aplicó un segundo método que corresponde a una bitácora de “chateo”como variante del ES y además como método etnográfico de observa- ción participativa, en el cual, un usuario registró en tiempos aleatorios y duran- te varios días su experiencia interna al “chatear”y su patrón de conducta con respecto a la administración de las ven- tanas de chat en la pantalla. Resultados del Experimento Con el ES vía el mensajero de Microsoft, tres principales actividades fueron de- terminadas con el uso este cliente IRC y sus tareas de todos los días. De la proyección de la bitácora en el plano se observó el comportamiento del usuario a través del tiempo. Además, de los registros de experiencia interna se encontraron 7 categorías del ES en las cuales se explica cómo el usuario se involucra en el proceso de “chateo”mientras trabaja en la computa- dora dado su contexto de vida. Rediseño de la GUI y el Paradigma CT El paradigma CT establece que el diseño debe liberar al usuario de cualquier carga cognitiva extra. Como resultado del ejercicio de bús- queda de necesidades, se establecieron 8 actividades que debían considerarse en el rediseño de la GUI tal que el usua- rio se enfoque momentáneamente en la tarea actual a realizar (i.e. el centro) y el olvidarse de otras funciones (i.e. la periferia). Cada actividad se relacionaba dos a dos tal que se“complementaban” y con las cuales se estableció un esque- ma radial que ayude en el proceso de diseño. El reporte puede ser descargado en http://tzec.blogspot.com e infografías y un análisis semiótico que ayudo al ejercicio de rediseño. Como trabajo actual, este proyecto se ha transformado en tema de tesis ma- peándose a diseñar una interfaz nove- dosa de chat para un PDA consideran- do un alto nivel de estrés y síntesis visual con respecto a sus widgets. La maqueta de la GUI fue elaborada basada en un concepto de burbujas y una funcionalidad que permitiría ver las conversaciones de varios individuos en una sola ventana, además de un repro- ductor de multimedios y una barra de búsqueda, entre otros. Petición para contestar actividad actual Registro del tiempo y contenido de la respuesta Respuesta Informal Collector de datos Chat Buddy (contacto) Mensaje espontaneo que recibe el Chat Buddy Internet Elcolectordedatosesunapersona quemuestreadelalistade contactos(loschatbuddies) Unmensajeesenviadoconel propósitodepreguntaraloschat buddiesqueactividadestán realizandoenesemomento. Estemuestreoesentiempos aleatoriosydurantevariosdías Eltiempoenqueserespondey cualquieractividadocomentario sonregistrados El usuario bosqueja su distribución actual de ventanas de chat en la pantalla… 1 El usuario escribe lo que sea que esté pensando, sintiendo o su reacción ante el chat o el ambiente de chateo/trabajo 2 Entiemposaleatorios, selepidealusuarioquehagaun registrocompuestocondostiposderegistros:elaspecto visualdelapantallaysuexperienciainterna Cualquier ventana de chat que se está ocupando. Una ventana nueva se define así. El método define 3 variables para el registro visual Ventana de chat en estado normal Si un usuario cierra una ventana cerca del tiempo de registro, lo indica con una línea punteada Chat window closed El usuario indica que una ventana se ha movido recientemente Chat window displaced Un hexagono representa el 4% con respecto a una actividad en particular Buscando información con Google, Yahoo, etc. Checando correo vía web Otra actividad de navegación en la web Utilizando software especializado Software de ofimática Cerca de la computadora Dejando el chat ejecutándose e irse lejos Navegar la web como actividad principal. Trabajar con un software y chatear al mismo tiempo Chat ejecutándose mientras se realiza otra actividad que no utiliza computadora Registro de 23 usuariosde chat en varios días en tiempos aleatorios chatear ambientación trabajar en PC buscar información navegar la Web trabajar (job) ocio en PC email NicknameEstado 1 Canción tocándose/cantidad de resultados encontrados en buscador Área de publicidad NicknameEstado 1 Canción tocándose/cantidad de resultados encontrados en buscador Área de publicidad Estado Opcional a teclearse en este momento Estado Opcional previo 1 Estado Opcional previo 2 Estado Opcional previo 3 Estado Opcional previo 4 Estado Opcional previo 5 Estado Opcional previo 6 NicknameEstado 1 Canción tocándose/cantidad de resultados encontrados en buscador Área de publicidad Enviar email Fulanito Pérez Enviar archivo 1 Móvil Otro NicknameEstado 1 Canción tocándose/cantidad de resultados encontrados en buscador Área de publicidad Enviar email José Gonález Fulanito Pérez Enviar archivo 1 Móvil Otro Contacto01 Satus bar Contacto01: Hola, como estas? Yo: Bien, gracias... Contacto01: También estas probando este nuevo chat? Yo: Sí! 1 Enviar ABC Yo: Este es mi ultimo comentario... Contacto05: Esto es lo último contestado... Contacto05 (regreso en 5 minutos...) Enviar archivos Contacto01 Satus bar Contacto01: Hola, como estas? Yo: Bien, gracias... Contacto01: También estas probando este nuevo chat? Yo: Sí! 1 Enviar ABC Enviar archivos Contacto01 Satus bar 1 Enviar ABC Enviar archivos Contacto01 Satus bar Contacto01: Hola, como estas? Yo: Bien, gracias... Contacto01: También estas probando este nuevo chat? Yo: Sí! 1 Enviar ABC Enviar email Enviar archivo 1 Móvil Otro Enviar archivos Contacto01 Satus bar Contacto01: Hola, comom estas? Yo: Bien, gracias... Contacto01: También estas probando este nuevo chat? Yo: Sí! 1 Enviar ABC Aquí voy a insertar un smiley... Enviar archivos + = needfinding idea CT PDA GUI = ? diseño colaborativo