Gabriela Zett Tarea 3 - Taller de Diseño de Interacción 2020

De Casiopea
Revisión del 12:36 27 mar 2020 de Hspencer (discusión | contribs.)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)



TítuloGabriela Zett Tarea 3 - 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, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
3
Alumno(s)Gabriela Zett

Patrón de Interacción: Compartir

La motivación comunicativa del usuario de mostrar un contenido a través del entrelace de plataformas que permitan esta acción. Usamos la operación de compartir cuando necesitamos que otro usuario tenga la información que poseemos. Generalmente cuando se comparte desde una plataforma dónde no hay muchos usuarios, se acude a entregar la información a través de links o enlaces mediante otras plataformas más usadas (cómo Mail, WhatsApp, Facebook, etc) lo que hace que el envío sea un poco engorroso.

Ejemplo 1: Compartir una foto en Instagram

  1. Nombre del Servicio Google Fotos
  2. Soporte del Servicio aplicación
  3. Escala de Habitos UX buena
  4. Descripción de experiencia de usuario con el servicio Encontré bellas fotos de mi mamá cuando joven y quiero compartirlas por Instagram para que mis amigos puedan verlas. Al entrar a la galería de fotos, aparece la opción de compartir, luego de seleccionar instagram para publicar el contenido, me aparecen opciones para editar la fotografía, añadirle filtros, comentarios, etc. A pesar de que implique más pasos, me parece que la acción es didáctica y permite al usuario configurar la publicación para comunicar mejor el mensaje.
  5. Colección de Pantallas Secuenciales
Error al crear miniatura: Archivo más grande que 25 MP
Galería de Google Foto (click en compartir)
Error al crear miniatura: Archivo más grande que 25 MP
Despliegue de opciones para compartir (click en ícono de Instagram "feed")
Error al crear miniatura: Archivo más grande que 25 MP
Página de publicación en Instagram (click en flecha)
Error al crear miniatura: Archivo más grande que 25 MP
Página para filtros y ajustes de la imagen (click en siguente)
Error al crear miniatura: Archivo más grande que 25 MP
Agregar comentarios, etiquetas, etc (click en comentario)
Error al crear miniatura: Archivo más grande que 25 MP
Misma pantalla con comentarios (click en compartir)
Feed actualizado con la publicación

Partitura de Interacción

Ejemplo 2: Compartir ubicación en Whats App

  1. Nombre del Servicio What's App
  2. Soporte del Servicio aplicación
  3. Escala de Habitos UX mala
  4. Descripción de experiencia de usuario con el servicio Compartir la ubicación a otro usuario, a través de la aplicación Whats app, parece ser neutro, pues cumple la función de mantener informado de la ubicación al otro usuario, pero al permitir o activar la geolocalización, puede usarse con otros fines. Por otro lado, la única manera de ejecutar esta función es otorgándole el permiso a la aplicación.
  5. Colección de Pantallas Secuenciales
Error al crear miniatura: Archivo más grande que 25 MP
Ventana de conversación en WhatsApp (click en adjuntar)
Error al crear miniatura: Archivo más grande que 25 MP
Despliegue de pequeña ventana con opciones (click en Ubicación)
Error al crear miniatura: Archivo más grande que 25 MP
Pequeña ventana para que WhatsApp acceda a tu ubicación (click en continuar)
Error al crear miniatura: Archivo más grande que 25 MP
Pequeña ventana para permitir la acción (click en permitir)
Error al crear miniatura: Archivo más grande que 25 MP
Página de ubicación por Google (click en enviar mi ubicación actual)
Vuelve a la conversación con la ubicación enviada


Ejemplo 3: Compartir enlace de tweet por WhatsApp

  1. Nombre del Servicio Twitter
  2. Soporte del Servicio página web
  3. Escala de Habitos UX mala
  4. Descripción de experiencia de usuario con el servicio Me encuentro en la página de Twitter del Ministerio de Salud, dónde aparece un enlace con las preguntas frecuentes con respecto a COVID-19, encuentro que el material es útil para compartirlo con mi familia. La opción que tengo es copiar el enlace, ya que mi familia no tienen cuentas en Twitter, y compartirla vía WhatsApp por cuenta mía.

IMPORTANTE: A través de la aplicación de Twitter, la opción compartir (al igual que en su página web) tiene recursos muy limitados, es decir, no entrega muchas opciones para compartir por distintas vías que no sean solo Twitter.

  1. Colección de Pantallas Secuenciales
Página con el tweet de MINSAL (click en compartir)
Pequeña ventana con opciones (click en copiar enlace)
Pequeño mensaje que indica enlace copiado
Página de whatsapp web y copiar enlace (click en enviar)
Visualización del mensaje enviado

Ejemplo 4: Retweet

  1. Nombre del Servicio Twitter
  2. Soporte del Servicio página web
  3. Escala de Habitos UX buena
  4. Descripción de experiencia de usuario con el servicio Compartir o retwitear con mis seguidores un material audiovisual publicado por la Alcaldesa de Viña del Mar para conscientizar a la población acerca de la higiene en las calles.
  5. Colección de Pantallas Secuenciales
Página con el tweet de Virginia (click en retweet)
Ventana con opciones de tweet (click en retwittear)
Página con el tweet (ícono de retweet verde indica acción realizada)

Ejemplo 5: Compartir desde la página del Ministerio de Salud

  1. Nombre del Servicio Ministerio de Salud
  2. Soporte del Servicio página web
  3. Escala de Habitos UX mala
  4. Descripción de experiencia de usuario con el servicio Informándome sobre las medidas del Ministerio, las comparto con mi comunidad, pero las opciones que aparecen sólo están enlazadas con las plataformas de Facebook y Twitter
  5. Colección de Pantallas Secuenciales
Página del Ministerio de Salud (scroll hacia abajo)
Error al crear miniatura: Archivo más grande que 25 MP
Página del Ministerio de Salud (tap en compartir)
Error al crear miniatura: Archivo más grande que 25 MP
Página de Facebook con el enlace de MINSAL (tap en publicar)
Página del Ministerio de Salud (se cerra Facebook al publicar)

Ejemplo 6: Compartir carpeta por Google Drive

  1. Nombre del Servicio Google Drive
  2. Soporte del Servicio aplicación
  3. Escala de Habitos UX neutra
  4. Descripción de experiencia de usuario con el servicio Al compartir una carpeta por la aplicación de Google Drive con mi familia, me resulta un proceso bastante largo, pero a la vez se da naturalmente, es intuitivo y pide la información necesaria para conservar la confidencialidad de la carpeta
  5. Colección de Pantallas Secuenciales
Error al crear miniatura: Archivo más grande que 25 MP
Página de Google Drive (click en más)
Error al crear miniatura: Archivo más grande que 25 MP
Ventana de opciones (click en carpeta)
Error al crear miniatura: Archivo más grande que 25 MP
Ventana de carpeta nueva
Error al crear miniatura: Archivo más grande que 25 MP
Nombre de la carpeta (click en crear)
Error al crear miniatura: Archivo más grande que 25 MP
Carpetas compartidas (click en Familia)
Error al crear miniatura: Archivo más grande que 25 MP
Carpeta Familia (click en más)
Error al crear miniatura: Archivo más grande que 25 MP
Ventana de opciones (click en compartir)
Error al crear miniatura: Archivo más grande que 25 MP
Agregar contactos
Error al crear miniatura: Archivo más grande que 25 MP
Contactos agregados (click en enviar)
Carpeta compartida

Ejemplo 7: Compartir música de Spotify a Instagram

  1. Nombre del Servicio Spotify
  2. Soporte del Servicio aplicación
  3. Escala de Habitos UX buena
  4. Descripción de experiencia de usuario con el servicio Escucho música por la aplicación de Spotify y quiero compartir una canción que me gusta mucho de Rosalía
  5. Colección de Pantallas Secuenciales
Error al crear miniatura: Archivo más grande que 25 MP
Reproducción de Spotify (tap en "opciones")
Error al crear miniatura: Archivo más grande que 25 MP
Opciones de Spotify (scroll hacia abajo)
Error al crear miniatura: Archivo más grande que 25 MP
Opciones de Spotify (tap en compartir)
Error al crear miniatura: Archivo más grande que 25 MP
Opciones para compartir (tap en Historias de Instagram)
Error al crear miniatura: Archivo más grande que 25 MP
Compartir Historia de Instagram (tap en Tu Historia)

Ejemplo 8: Publicar video de Youtube a Facebook

  1. Nombre del Servicio Youtube
  2. Soporte del Servicio página web
  3. Escala de Habitos UX
  4. Descripción de experiencia de usuario con el servicio Estoy viendo el último video de mi cantante favorita y quiero publicarlo para que todos mis amigos de Facebook puedan verlo y escucharlo.
  5. Colección de Pantallas Secuenciales
Página de Reproducción de Youtube (click en compartir)
Ventana de opciones para Compartir (click en el ícono de Facebook)
Página de Facebook con el enlace (click en Publicar)
Vuelve a la ventana de compartir (click en cerrar ventana)


Ejemplo 9: Compartir material educativo del MINEDUC

  1. Nombre del Servicio Ministerio de Educación - Curriculum nacional
  2. Soporte del Servicio página web
  3. Escala de Habitos UX
  4. Descripción de experiencia de usuario con el servicio En contexto nacional, acudo a la página del ministerio de educación, con el fin de poder encontrar material educativo para mi prima que va en Octavo Básico, sólo se encuentran tres vías para compartir la información (Email, Facebook, Twitter) Al escoger la opción de mail, se abre la página de mail en mi computador, con un correo predeterminado, cuyo único contenido es el link de la página.
  5. Colección de Pantallas Secuenciales
Página de Aprendo en Línea MINEDUC (click en 8º Mat)
Página de material de Clases MAT (click en clase Nº3)
Ventana con el Archivo (click en compartir)
Pequeña ventana con opciones para compartir (click en mail)
Página de mail con el link (click en enviar)

Ejemplo 10: Compartir charla TED

  1. Nombre del Servicio TED Conference
  2. Soporte del Servicio aplicación
  3. Escala de Habitos UX mala
  4. Descripción de experiencia de usuario con el servicio El usuario ve a través de la aplicación contenido que puede ser útil para el bienestar de sus seres queridos, al compartir el material, el usuario debe hacerlo mediante otra plataforma, Whatsapp en el primer caso (Grupo de Whatsapp: Familia), el cuál resulta un fallido, y luego lo intenta por Gmail,ingresando el correo de cada integrante del Grupo, finalmente el usuario satisface su necesidad de compartir la información.
  5. Colección de Pantallas Secuenciales
Error al crear miniatura: Archivo más grande que 25 MP
Pagina de video en TED (click en ícono de compartir)
Error al crear miniatura: Archivo más grande que 25 MP
Ventana de opciones para compartir (click en whatsapp)
Error al crear miniatura: Archivo más grande que 25 MP
Mensaje de proceso fallido
Error al crear miniatura: Archivo más grande que 25 MP
Vuelvo a hacer click en compartir
Error al crear miniatura: Archivo más grande que 25 MP
Ventana de opciones para compartir (click en Gmail)
Error al crear miniatura: Archivo más grande que 25 MP
Se abre un Mail con correo predeterminado (rellenar con correos - enviar)
Correo de mamá agradeciendo el contenido