Patrones de Interacci n Ejemplo

Universidad Central de Venezuela
Facultad de Ciencias
Escuela de Computación
Interacción Humano-Computador
Semestre II-2014

Patrones de Interacción
Ejemplo
A continuación, se presenta un ejemplodel árbol de la taxonomía de patrones de interacción de
Twitter ejemplificando tres patrones de tarea que provee esta red social y dos patrones de elemento
compuesto:

Dominio: Redes SocialesSistema: Twitter

Tarea1: Iniciar sesión

Tarea2: Realizar tweet

Tarea3: Enviar mensaje directo (DM)

ElementoCompuesto2: Lista de mensajes
ElementoCompuesto1: Lista de tweets

Algo similar debenhacer pero con su proyecto. No es necesario especificar patrones de elemento
simple.
Para relacionar un patrón de tarea con un patrón de elemento compuesto (en caso de existir) es
necesario queestos tengan relación en la interfaz de usuario. Por ejemplo, después de realizar un
tweet este se muestra en la “lista de tweets” por eso existe relación entre estos patrones.

Especificación delPatrón de Tarea 3:
Tarea3: Enviar mensaje directo (DM)
http://ui-patterns.com/patterns/direct-messaging

Problema

El usuario desea enviar un mensaje privado a alguno de sus
seguidores en la redsocial

Solución

Proveer una interfaz de usuario que permita crear un nuevo
mensaje y adicionalmente listar las interacciones a través con los
usuario a través de esta vía

Usabilidad

Eficiencia,fácil memorización y prevención de errores
El mensaje privado es enviado al usuario que se haya seleccionado
adicionalmente se le muestra un mensaje de éxito al usuario.

Consecuencias

En caso deque el usuario no especifique a quién debe ser enviado
el mensaje se debe mostrar un mensaje indicando que debe
seleccionar un seguidor a quien quiera contactar.
En caso que haya un error internodel sistema se mostrará un
mensaje en letras rojas especificando que ha ocurrido un error de
sistema

Patrones relacionados

ElementoCompuesto2: Lista de mensajes

ad/AD. GDIHC II-2014