SlideShare a Scribd company logo
1 of 23
Download to read offline
information
design
message
interface
design
tipography
psychology
others
visual
communication
information
presentation
¿What is information design?
HCI and Infodesign connected
General description of methodology for information extraction
Method: Use Logging
Method: User’s Log
Method: Activities Recording
inquiring a buddy
about his inner experience
instant message
showing up
buddy’s
answer
recording
time and answer
internet
First Proposal: Small display devices
NicknameEstado
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
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
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
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 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
Needifinding’s reframe stage
Method: Participative Design & Postdesign approach
logos
ethos
pathos
Tropos y esquemas
más involucrados con
aspectos navegacionales
logos
ethos
pathos
Tropos y esquemas
más involucrados con
aspectos de contenido
Ejemplo del proceso
de diseño de información
Fase de
Diseño
logos
lógica
hiperestresada
ethos
pathos
1
logos
ethos
pathos
2
caracterización retórica
del producto de diseño
logos
ethos
pathos
n
Proceso
Iterativo
Proposal: Rhetorical approach to UI Design
Sketching
Informal evaluation on sketches
MoviTalk: final proposal
MoviTalk: final proposal
MoviTalk: final proposal
MoviTalk: final proposal
Evaluation stage
Logos Ethos Pathos
Results fusion
Results: About rhetorical appealing modes
Effectivity on multiple chatting.
Effective chromatic codification.
Proper interpretation about schematics on contact list.
Subjective satisfaction for adopting the idea about Emotickers.
Acceptable grade on most functions proposed.
Fail on “chaining bubles” and e-mail presentation on GUI.
“Prudence messages” approbation because their utility.
Favor vote on customizable “bubble movement”.
Results: About usability
Many manifestations of “What is this?” and “Where is it?” due to
participants’ introduction into a new interface.
Manifestations of “I can do it other way” due to participants’ previous
experiences with windows-based OS, “suggesting” new ways to interact.
Instances of “Looks fine to me” and “I can do it other way” where part
from the adapting process to the interface.
Found issues on interpretation semiosis for some interface signs, in
particular the ones involved with “change of state” function. They where
detected as “Thanks, but no thanks”.
Limitations on the still mockup where detected, causing some ruptures
because time affects the way interaction semiosis could be generated.
Results: About communicability ruptures
There’s a connection between HCI and Infodesign. Both take care about
final users and they can share adapted methods from other areas.
Inside interface design, visual design can be obtained from a
methodological process and its value goes further than making interface
“looking pretty”.
GUI design is directly related with schematic information visualization.
Communicability, coming from Semiotic Engineering, is an important
factor on infodesign for HCI due to “innovation on projects” cannot
always consider usability, on a strict way, as evaluation method.
Rhetoric and its appealing modes offer an unusual and interesting
perspective of showing interfaces as speeches and the designer as the
speaker, projecting to some audience (the user) logical facts, design skills
and emotional qualities, all in a combined way.
Conclusions
Métodos y Proceso de Diseño de Información para una GUI en un Cliente IM bajo un enfoque Calm Technology

More Related Content

Similar to Métodos y Proceso de Diseño de Información para una GUI en un Cliente IM bajo un enfoque Calm Technology

What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
Graeme Smith
 
E3 Chap 05 Interaction Design Basics
E3 Chap 05 Interaction Design BasicsE3 Chap 05 Interaction Design Basics
E3 Chap 05 Interaction Design Basics
Gameo
 
Optimizing Mobile UX Design Webinar Presentation Slides
Optimizing Mobile UX Design Webinar Presentation SlidesOptimizing Mobile UX Design Webinar Presentation Slides
Optimizing Mobile UX Design Webinar Presentation Slides
UserZoom
 
Multimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav SharmaMultimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav Sharma
Abhinav Sharma
 
LIB 251 Final Project- Caroline Helms
LIB 251 Final Project- Caroline HelmsLIB 251 Final Project- Caroline Helms
LIB 251 Final Project- Caroline Helms
Caroline Helms
 

Similar to Métodos y Proceso de Diseño de Información para una GUI en un Cliente IM bajo un enfoque Calm Technology (20)

iPhone (iPod Touch) Interface Development
iPhone (iPod Touch) Interface DevelopmentiPhone (iPod Touch) Interface Development
iPhone (iPod Touch) Interface Development
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
 
E3 Chap 05 Interaction Design Basics
E3 Chap 05 Interaction Design BasicsE3 Chap 05 Interaction Design Basics
E3 Chap 05 Interaction Design Basics
 
HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basics
 
E3 chap-05
E3 chap-05E3 chap-05
E3 chap-05
 
Hci [6]interaction design
Hci [6]interaction designHci [6]interaction design
Hci [6]interaction design
 
Chatbots 101
Chatbots 101Chatbots 101
Chatbots 101
 
User Driven Software Architecture
User Driven Software ArchitectureUser Driven Software Architecture
User Driven Software Architecture
 
Optimizing Mobile UX Design Webinar Presentation Slides
Optimizing Mobile UX Design Webinar Presentation SlidesOptimizing Mobile UX Design Webinar Presentation Slides
Optimizing Mobile UX Design Webinar Presentation Slides
 
Student information chatbot final report
Student information chatbot  final report Student information chatbot  final report
Student information chatbot final report
 
Conversational UI Design and Research at UXSEA Summit 2018
Conversational UI Design and Research at UXSEA Summit 2018Conversational UI Design and Research at UXSEA Summit 2018
Conversational UI Design and Research at UXSEA Summit 2018
 
Presentation2
Presentation2Presentation2
Presentation2
 
Presentation2
Presentation2Presentation2
Presentation2
 
Сергей Поплавский "DeepDive в Bot платформу Microsoft. Технические аспекты ра...
Сергей Поплавский "DeepDive в Bot платформу Microsoft. Технические аспекты ра...Сергей Поплавский "DeepDive в Bot платформу Microsoft. Технические аспекты ра...
Сергей Поплавский "DeepDive в Bot платформу Microsoft. Технические аспекты ра...
 
Multimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav SharmaMultimodal and Affective Human Computer Interaction - Abhinav Sharma
Multimodal and Affective Human Computer Interaction - Abhinav Sharma
 
Topic 3 Human Computer Interaction
Topic 3 Human Computer InteractionTopic 3 Human Computer Interaction
Topic 3 Human Computer Interaction
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
LIB 251 Final Project- Caroline Helms
LIB 251 Final Project- Caroline HelmsLIB 251 Final Project- Caroline Helms
LIB 251 Final Project- Caroline Helms
 
Several bots are typing - Talk given at Nashville UX
Several bots are typing - Talk given at Nashville UXSeveral bots are typing - Talk given at Nashville UX
Several bots are typing - Talk given at Nashville UX
 
Interaction design in industry
Interaction design in industryInteraction design in industry
Interaction design in industry
 

Recently uploaded

How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night StandCall Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
amitlee9823
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 

Recently uploaded (20)

How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night StandCall Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Jp Nagar ☎ 7737669865 🥵 Book Your One night Stand
 
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520Real service provider college girl Mira Road 8976425520
Real service provider college girl Mira Road 8976425520
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 

Métodos y Proceso de Diseño de Información para una GUI en un Cliente IM bajo un enfoque Calm Technology

  • 1.
  • 3. HCI and Infodesign connected
  • 4. General description of methodology for information extraction
  • 7. Method: Activities Recording inquiring a buddy about his inner experience instant message showing up buddy’s answer recording time and answer internet
  • 8. First Proposal: Small display devices NicknameEstado 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 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 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 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 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
  • 10. Method: Participative Design & Postdesign approach
  • 11. logos ethos pathos Tropos y esquemas más involucrados con aspectos navegacionales logos ethos pathos Tropos y esquemas más involucrados con aspectos de contenido Ejemplo del proceso de diseño de información Fase de Diseño logos lógica hiperestresada ethos pathos 1 logos ethos pathos 2 caracterización retórica del producto de diseño logos ethos pathos n Proceso Iterativo Proposal: Rhetorical approach to UI Design
  • 19. Logos Ethos Pathos Results fusion Results: About rhetorical appealing modes
  • 20. Effectivity on multiple chatting. Effective chromatic codification. Proper interpretation about schematics on contact list. Subjective satisfaction for adopting the idea about Emotickers. Acceptable grade on most functions proposed. Fail on “chaining bubles” and e-mail presentation on GUI. “Prudence messages” approbation because their utility. Favor vote on customizable “bubble movement”. Results: About usability
  • 21. Many manifestations of “What is this?” and “Where is it?” due to participants’ introduction into a new interface. Manifestations of “I can do it other way” due to participants’ previous experiences with windows-based OS, “suggesting” new ways to interact. Instances of “Looks fine to me” and “I can do it other way” where part from the adapting process to the interface. Found issues on interpretation semiosis for some interface signs, in particular the ones involved with “change of state” function. They where detected as “Thanks, but no thanks”. Limitations on the still mockup where detected, causing some ruptures because time affects the way interaction semiosis could be generated. Results: About communicability ruptures
  • 22. There’s a connection between HCI and Infodesign. Both take care about final users and they can share adapted methods from other areas. Inside interface design, visual design can be obtained from a methodological process and its value goes further than making interface “looking pretty”. GUI design is directly related with schematic information visualization. Communicability, coming from Semiotic Engineering, is an important factor on infodesign for HCI due to “innovation on projects” cannot always consider usability, on a strict way, as evaluation method. Rhetoric and its appealing modes offer an unusual and interesting perspective of showing interfaces as speeches and the designer as the speaker, projecting to some audience (the user) logical facts, design skills and emotional qualities, all in a combined way. Conclusions