Notas del curso de Human-Computer Interaction – Implementación Vol.4

En este post continúo transcribiendo algunas notas que tomé durante el curso de Human-Computer Interaction del Interaction Design Foundation, cuyo profesor es Alan Dix.

El curso, que recomiendo fuertemente, está en https://www.interaction-design.org/courses/human-computer-interaction.

Este post está relacionado a la temática de Implementación, específicamente acerca de los marcos de referencia User Interface Management Systems (UIMS) y el modelo Seeheim.

Observación: ¡Las notas las redacté en inglés porque el curso es en inglés!

Espero que les sirvan 🙂


User Interface Management Systems (UIMS)

Thinking about separation: separating the details of the presentation from more solid aspects of the system. Separating layout from deeper actions.

Example: styles appear in Cascading Style Sheets (CSS).

User Interface Management Systems (UIMS) is virtually extinct, but the concepts live on. UIMS helps to improve:

Continue reading Notas del curso de Human-Computer Interaction – Implementación Vol.4

Notas del curso de Human-Computer Interaction – Implementación Vol.3

En este post continúo transcribiendo algunas notas que tomé durante el curso de Human-Computer Interaction del Interaction Design Foundation, cuyo profesor es Alan Dix.

El curso, que recomiendo fuertemente, está en https://www.interaction-design.org/courses/human-computer-interaction.

Este post está relacionado a la temática de Implementación, y específicamente acerca de Paint Models y Event Models.

Observación: ¡Las notas las redacté en inglés porque el curso es en inglés!

Espero que les sirvan 🙂

Continue reading Notas del curso de Human-Computer Interaction – Implementación Vol.3

Notas del curso de Human-Computer Interaction – Implementación Vol.2

En este post continúo transcribiendo algunas notas que tomé durante el curso de Human-Computer Interaction del Interaction Design Foundation, cuyo profesor es Alan Dix.

El curso, que recomiendo fuertemente, está en https://www.interaction-design.org/courses/human-computer-interaction.

Este post está relacionado a la temática de Implementación, específicamente toolkits y capas.

Observación: ¡Las notas las redacté en inglés porque el curso es en inglés!

Espero que les sirvan 🙂


Implementation Support

Ways in which human-computer interaction directly affects the programmer:

  • Levels of abstraction – these are hardware-specific.
  • Three layers of development tools:
    • Windowing systems.
    • Interaction toolkits.
    • Architecture styles and frameworks.

Continue reading Notas del curso de Human-Computer Interaction – Implementación Vol.2

Notas del curso de Human-Computer Interaction Brindado por Alan Dix – Vol.1

En este post transcribí simplemente algunas de las notas que tomé durante el curso de Human-Computer Interaction del Interaction Design Foundation, cuyo profesor es Alan Dix.

El curso, que recomiendo fuertemente, está en https://www.interaction-design.org/courses/human-computer-interaction.

Este post está relacionado a la temática “Emotions and Experience”.

Observación: ¡Las notas las redacté en inglés porque el curso es en inglés!

Espero que les sirvan 🙂


Emotions and Decision-making

We often think of emotions as opposed to reason, but decision-making is helped by our emotions.

Higher-level reasoning drives your emotions, which then help you to make decisions.
We often think of emotions as opposed to reason, but actually emotions are more like a a fast-acting trigger.

Continue reading Notas del curso de Human-Computer Interaction Brindado por Alan Dix – Vol.1

Transferencias Bancarias; un Modelo Mental

¿Alguna vez interactuaste con un sistema que te ofrecía opciones sin sentido?

Ayer encontré una captura de pantalla del año 2016 que tenía guardada para un post de este blog y que al final nunca publiqué. Resulta que en el camino cambiaron muchas cosas, pero el caso sigue siendo válido… Como además este caso me hizo acordar a la imagen debajo, del libro About Face (Cooper et al.), decidí escribir este post.

Captura de pantalla del libro About Face
Una foto que tomé del libro About Face (Cooper et al.) con tres modelos.

Analizaré la usabilidad de este caso con la teoría de Cooper et al. por un lado, así como utilizando reglas heurísticas de usabilidad de Jakob Nielsen, principios de interacción de Bruce Tognazzini y principios heurísticos de Donald Norman.

Continue reading Transferencias Bancarias; un Modelo Mental

Notas sobre la Charla de Alexis Brantes y Pamela Donoso (Posmo)

El viernes fui a una charla de UX y Contextual Customer Research de Alexis Brantes Rodríguez y Pamela Donoso Oggero, de la consultora Posmo. Tomé algunas notas breves que comparto debajo. La charla fue organizada por Sebastian D’Amore y Diego Lopez Castán, líderes del capítulo porteño del Interaction Design Foundation.

Atención: Mis notas no son exactas, puede haber errores de interpretación…

¡Que lo disfruten!


Contextual Customer Research: ¿Cómo medir, interpretar y mejorar un servicio análogo y digital?

El Customer Experience (CX) empezó a cambiar desde el 2000 para tener en cuenta los sentimientos dado que los clientes tienen vínculos fuertes con las empresas; no interactúan fríamente a la hora de adquirir un producto o servicio.

Neurociencia

Conceptos relacionados a la neurociencia pueden utilizarse para medir el CX y el UX, a las decisiones de usuarios y la percepción que las personas poseen de distintos servicios.

La neurociencia es el estudio científico del sistema nervioso. Es una rama interdisciplinaria de la biología que trabaja con la anatomía, la bioquímica, la fisiología de los neurones e incluye ramas como la psicología y la medicina (Fuente: Wikipedia).

Continue reading Notas sobre la Charla de Alexis Brantes y Pamela Donoso (Posmo)

Notas sobre la Charla de Nicolás Chometowski (Despegar)

Ayer fui a una charla de UX de Nicolás Chometowski, UX Research Leader en Despegar.com, y tomé algunas notas breves que comparto debajo. La charla fue organizada por Sebastian D’Amore y Diego Lopez Castán, líderes del capítulo porteño del Interaction Design Foundation.

Atención: Mis notas no son exactas, puede haber errores de interpretación…

¡Que lo disfruten!


Empatía

. No existe la racionalidad sin emoción: cuando comprás un producto o servicio siempre hay algo de sentimiento en esa decisión. La toma de decisiones no es exclusivamente racional.
. Empatía: hay que estar atentos a las emociones de los usuarios.

Mundo físico VS digital: Recién ahora se están generando estándares de interacción en el mundo digital.

Pruebas de Usabilidad

. En Despegar transmiten en vivo las pruebas de usabilidad para que la gente de otras áreas y en otras oficinas pueda sentirse incluida. Esto respeta la filosofía de UX de incluir a los distintos stakeholders.
. Lo bueno de este proceso es que además la gente puede hacer comentarios que quedan guardados en la línea de tiempo del video. También se arman discusiones en esos comentarios.

¿Cómo se selecciona a la gente para hacer las pruebas con usuarios? Por lo general se filtra en base al flujo que se quiere probar. Por ejemplo, si se necesitan usuarios que hayan comprado vuelos directos al extranjero, se hacen esas preguntas a la hora de elegir a los usuarios.

Caso de Despegar

. Muchos usuarios, al volver de su viaje, le informaban en entrevistas a Despegar que su experiencia había sido mala. Así descubrieron que en realidad el usuario no conocía en detalle el seguro del auto de alquiler. A partir de descubrir este patrón idearon soluciones, prototiparon y las probaron finalmente.
. La comunicación debe ser contextual; debe estar pensada para que el usuario vea la información pertinente en el momento exacto en que la necesita.

Proceso para Plantear Mejoras:
– Ideación.
– Propuesta por parte del equipo de UX.
– El área de Producto hace AB Testing hasta obtener una población estadísticamente representativa.
– Se toma la decisión de implementar la mejora o no.

Desafíos Hoy del UX en General

. La facilidad de uso en los productos es algo hoy en día más fácil de lograr porque hay heurísticas y técnicas disponibles en todos lados.
. El desafío hoy por hoy es lograr empatizar con el usuario para ayudarlo y empatizar con el usuario.
. Lo importante no es entender lo que pasa sino por qué pasa.

Notas Sobre la Charla de Celeste Olivieri

El otro día fui a una charla de UX de Celeste Olivieri, la cabeza de diseño UX de Mural, y tomé algunas notas breves que comparto debajo. La charla fue organizada por Sebastian D’Amore y Diego Lopez Castán, líderes del capítulo porteño del Interaction Design Foundation.

¡Que lo disfruten!


Empresas de diseño adquiridas por grandes consultores de management:

  • Deloitte compró Doblin.
  • Accenture compró Fjord.
  • McKinsey compró una empresa de diseño.
  • Capital One (un banco) compró Adaptive Path.

Las consultoras tradicionales han visto a la consultoría como un proceso distinto al que hoy tienen gracias a incluir la filosofía de la disciplina de Diseño en su visión. En ejemplo de esto debajo.

  • Antes: The problem-solving process starts with what the company can do.
  • Ahora: The problem-solving process starts with what the users want.

Tres elementos claves del diseño:

  1. La empatía. Conocimiento tácito VS. explícito.
  2. Prototipos. “Construir para pensar, en ligar de pensar qué construir.” Un prototipo es una pregunta.
  3. Visualizaciones. Representaciones visuales de la realidad, que la vuelven tangible para convertirla en material de trabajo. Ejemplos: Service Blueprint, mapa de experiencia, customer journey map.

Con las visualizaciones podés ver interdependencias que atraviesan una organización.

Las visualizaciones hacen tangible lo intangible.

Autores recomendados:

  • Kolko, autor de diseño recomendado.
  • Mapping Experiences, libro de Jim Kalbach.

Cuando te Llama Alguien no Deseado por Primera Vez y Whatsapp lo Sabe de Antemano…

El otro día recibí una llamada por Whatsapp de un contacto que no estaba guardado en mi celular. La aplicación me sorprendió gratamente con un mensaje que denota una experiencia de usuario cuidada.

Básicamente, al finalizar la llamada, apareció la siguiente pantalla.

post58_whatsappmodalspamcall_1-0
Figura 1: Ventana modal que me puso Whatsapp enfrente.

Analizaré la usabilidad de esta ventana modal con reglas heurísticas de usabilidad de Jakob Nielsen, principios de interacción de Bruce Tognazzini y principios heurísticos de Donald Norman.

Continue reading Cuando te Llama Alguien no Deseado por Primera Vez y Whatsapp lo Sabe de Antemano…

Triangulitos, Columnas y Más: Aciertos de Usabilidad de un Menú Desplegable – Vol. 2

En mi post anterior analicé el menú del sitio web del Festival de Jazz de Buenos Aires. Recordemos que el festival tiene varias sedes y artistas, y el sitio permite al usuario visualizar la información de distintas formas, otorgando una excelente experiencia de usuario.

Nuevamente, utilizaré reglas heurísticas de usabilidad de Jakob Nielsen, principios de interacción de Bruce Tognazzini y principios heurísticos de Donald Norman para analizar la usabilidad de este sitio web.

Lo que más me gustó de este menú flotante es el pequeño triangulito que aparece al lado de las palabras Programación, Entradas y Multimedia. No ocupa espacio y permite entender fácilmente que hay sub opciones para estas opciones.

En mi caso yo quería ver los artistas en base a las sedes y al presionar sobre Programación se desplegó la opción “X Sede”. ¡Perfecto, justo lo que necesitaba! Ver figuras 1 y 2 por favor.

post57_menujazzba3-2
Figura 1: Presioné el ‘triangulito’ para ver la programación.

Continue reading Triangulitos, Columnas y Más: Aciertos de Usabilidad de un Menú Desplegable – Vol. 2