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

information

designmessage

interface

design

tipography

psychology

others

visualcommunication

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...)

Enviararchivos Contacto01

Satus bar

Contacto01:

Hola, como estas?

Yo:

Bien, gracias...

Contacto01:

También estas probando este nuevo chat?

Yo:

Sí!

1

Enviar

ABC

Enviar emailEnviar archivo

1

Móvil Otro

Enviararchivos 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...

Enviararchivos

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