Antonia López Tarea 2 - Taller de Diseño de Interacción 2020

De Casiopea



TítuloAntonia López Tarea 2 - Taller de Diseño de Interacción 2020
AsignaturaTaller de Diseño de Interacción
Del CursoTaller de Diseño de Interacción 2020
CarrerasDiseño
2
Alumno(s)Antonia López

Patrón: Comentar una publicación

Plataformas que entregan una buena Experiencia de Usuario (UX)

Primer caso

  • Nombre del servicio: Facebook
  • Soporte del servicio: Sitio web
  • Escala de hábitos UX: Bueno
  • Descripción de experiencia de usuario con el servicio: Se considera un servicio completo, al presentar la posibilidad de realizar un comentario de manera sencilla, clara, rápida. Además de incluir imágenes, stickers, emojis y fotos.
  • Colección de Pantallas secuenciales
Inicio de sesión
Página de inicio de la cuenta abierta en Facebook
Publicación en la que se quiere realizar un comentario
Dentro de la publicación, los comentarios presentan distintos tipos de iconos (o botones) que pueden ser utilizados dependiendo del tipo de comentario que se quiere realizar
Si se presiona el icono GIF, se despliega un cuadro-buscador de Gif's
Se introduce la palabra clave (categórica) y se selecciona el Gif escogido
Una vez seleccionado el Gif, se plasma como comentario.
  • Partitura de Interacción

Segundo caso

  • Nombre del servicio:Instagram
  • Soporte del servicio:Instagram app.
  • Escala de hábitos UX:Conforme
  • Descripción de experiencia de usuario con el servicio:Se considera una experiencia que deja conforme al usuario, al poder realizar la acción de comentar de manera fácil, sencilla, accesible, además de presentar la posibilidad de comentar como respuesta a un comentario que ya este en la publicación, generando un diálogo. Por otra parte, permite también reaccionar sólo de forma positiva a algún comentario, dándole like (situación que podría extenderse a más de una reacción, demostrando diferentes emociones, como enojo, risa, tristeza, etc)
  • Colección de Pantallas secuenciales
Se abre la publicación que se quiere comentar
Para comentar la publicación, puedes clickear en la burbuja de comentarios, o bien clickear en donde dice "Ver los comentarios", donde se desplegarán los comentarios anteriores y la barra para escribir nuestro comentario.
Se abren los comentarios de la publicación, cada uno con la posibilidad de dar like y responderlos. En el fondo se encuentra la barra en la que se escribe el comentario que queremos realizar.
Si se clickea el icono del corazón situado al costado de cada comentario, se da like a éste.
Se hace click en la barra que dice "Agrega un comentario..."
Se abre el teclado bajo la barra para agregar un comentario.
No se habilita la posibilidad de publicar el comentario hasta que se escribe al menos un carácter en la barra.
Al publicar el comentario, se agrega como el primero o el último en la lista de comentarios realizados
Si se quiere, existe la opción de eliminar el comentario publicado al deslizarlo hacia la izquierda.
  • Partitura de Interacción

Tercer caso

  • Nombre del servicio:Youtube
  • Soporte del servicio:youtube sitio web
  • Escala de hábitos UX:Conforme
  • Descripción de experiencia de usuario con el servicio:En un inicio, da la impresión de que se puede publicar un comentario sin necesidad de registrarse o ingresar a una cuenta, sin embargo al clickear para escribirlo, te redirecciona al inicio de sesión. Al escribir el comentario y publicarlo solo presenta la posibilidad de dar like, dislike, editar y borrar el comentario, además de interactuar con otros comentarios al darle like o dislike y poder responderlos directamente.
  • Colección de Pantallas secuenciales
Sin haberse registrado o iniciado sesión en Youtube, se abre una publicación (video), y existe el espacio que permite agregar un comentario público
Al clickear el espacio para escribir el comentario, se redirecciona al inicio de sesión, y posteriormente a esto se redirecciona a la publicación en la que se iba a escribir el comentario desde un principio
Ahora la barra para comentar viene con el icono del perfil en que se inició sesión, Identificando al usuario al momento de publicar el comentario.
Desde que se clickea el espacio para escribir, se abre la opción de publicar o bien cancelar la operación.
Al escribir al menos 1 carácter en la barra para comentar, se habilitan las posibilidades de cancelar o comentar
Una vez publicado el comentario, se posiciona como el primero en la columna de comentarios, o bien el primero luego del comentario fijo del artista que subió la publicación en la que se está comentando
Al posicionar el mouse en el comentario publicado, aparece un ícono de 3 puntos en columna, situados en la esquina superior derecha del comentario.
Al clickear el icono, se despliegan dos opciones, editar o eliminar el comentario publicado.
Al presionar el botón para responder un comentario, ya sea el propio o uno publicado por otra persona, se abre una barra similar a la utilizada para escribir nuestro comentario inicial, pero se abre como un sub-comentario, que sale de otro comentario
  • Partitura de Interacción

Cuarto caso

  • Nombre del servicio:Tiktok
  • Soporte del servicio:Tiktok app
  • Escala de hábitos UX:Conforme
  • Descripción de experiencia de usuario con el servicio:Suficiente. El servicio es presentado con buena accesibilidad desde un inicio, permitiendo reaccionar a la publicación de manera directa, mediante los iconos que se encuentran en un costado de las publicaciones, se puede reaccionar tanto a una publicación como a un comentario, dando like, dislike, o respondiendo. Respecto a la diversidad posibilitada en el contenido del comentario, solo existe la posibilidad de incluir emojis y etiquetar a otro usuario, además de estar limitado a solo 150 caracteres.
  • Colección de Pantallas secuenciales
Pantalla inicio de Tiktok
Al clickear la burbuja de comentarios, se despliegan los comentarios en una columna
Al clickear en "Añadir comentario" se habilita el teclado.
Al clickear en el icono de carita, se despliegan los emojis disponibles para agregar al comentario.
CapturaPantallaTiktokAL04.JPG
CapturaPantallaTiktokAL05.JPG
Al clickear el icono de @ se despliega un listado de usuarios de la app para etiquetar en la publicación.
  • Partitura de Interacción

Quinto caso

  • Nombre del servicio:Twitter
  • Soporte del servicio:Sitio web Twitter
  • Escala de hábitos UX:Particular
  • Descripción de experiencia de usuario con el servicio:El servicio se desarrolla de manera particular, puesto que al comentar una publicación, también se retwittea ésta, agregando el contenido de la publicación que se comentó junto con el comentario hecho al perfil de la persona que comenta, pasando a ser una publicación en el perfil del usuario. Sin embargo, aparte de esa particularidad el servicio es bastante completo al momento de ingresar el contenido que se quiere comentar, puesto que presenta la posibilidad de agregar emojis, GIF's, imágenes e incluso encuestas. Lo único negativo de este servicio es que se limita la cantidad de caracteres para escribir el comentario, con un total de 280.
  • Colección de Pantallas secuenciales
Pantalla inicio Twitter
Se busca la publicación que se desea comentar
Se click la burbuja de comentarios
Al clickear la burbuja de comentarios se despliega este cuadro con la publicación que se desea comentar, y en la parte inferior un espacio donde se sitúa el contenido del comentario que se quiere realizar
Al comenzar a escribir, aparece un ícono circular en la parte inferior del recuadro
A medida que el comentario se va llenando, el ícono anteriormente mencionado se va llenando con otro color, por lo que cuenta los caracteres disponibles a medida que se escribe.
Al clickear el icono de carita, se despliegan los emojis disponibles para el comentario.
Al clickear el icono situado en la izquierda del ícono de emojis, se abre un formulario para incluir una encuesta en el comentario.
Al clickear en "Remove poll" se elimina el formulario para agregar una encuesta, dejando el comentario escrito.
Al clickear el icono "GIF" se abre un cuadro buscador de GIF'S
Al clickear el icono situado a la izquierda del ícono GIF, se posibilita el agregar imágenes al comentario, por lo que se abre directamente la carpeta de escritorio del usuario.
Al clickear el botón de "Reply" se publica el comentario, volviendo a la pantalla la publicación que se quería comentar en un principio. No deja indicios del accionar recién hecho
Se busca en dónde queda el comentario recientemente hecho, en el perfil del usuario.
CapturaPantallaTwitterAL13.jpg
Al entrar a "Tweets & replies" se encuentra el comentario que se hizo recientemente, agregado al perfil del usuario que comentó, como si fuera una nueva publicación, editada de tal forma que el comentario se ve agregado a ella.
  • Partitura de Interacción

Plataformas que entregan una mala Experiencia de Usuario (UX)

Primer caso

  • Nombre del servicio:
  • Soporte del servicio:
  • Escala de hábitos UX:
  • Descripción de experiencia de usuario con el servicio:
  • Colección de Pantallas secuenciales
  • Partitura de Interacción

Segundo caso

  • Nombre del servicio:
  • Soporte del servicio:
  • Escala de hábitos UX:
  • Descripción de experiencia de usuario con el servicio:
  • Colección de Pantallas secuenciales
  • Partitura de Interacción

Tercer caso

  • Nombre del servicio:
  • Soporte del servicio:
  • Escala de hábitos UX:
  • Descripción de experiencia de usuario con el servicio:
  • Colección de Pantallas secuenciales
  • Partitura de Interacción

Cuarto caso

  • Nombre del servicio:
  • Soporte del servicio:
  • Escala de hábitos UX:
  • Descripción de experiencia de usuario con el servicio:
  • Colección de Pantallas secuenciales
  • Partitura de Interacción

Quinto caso

  • Nombre del servicio:
  • Soporte del servicio:
  • Escala de hábitos UX:
  • Descripción de experiencia de usuario con el servicio:
  • Colección de Pantallas secuenciales
  • Partitura de Interacción