Marcelo Mondaca Tarea 3 - Taller de Diseño de Interacción 2020

De Casiopea



TítuloMarcelo Mondaca 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
3
Alumno(s)Marcelo Mondaca


Patrones de interacción

Se puede referir a patrones de interacción en como la comunicación entre el usuario y el sistema hacen este juego entre ellos, ya sea con hacer click desde un ordenador,un swipe hacia la derecha o izquierda, en el como llega a cierta información, el como ve la información,como se le presenta,etc. Podría decir un juego o conexión entre la UI con la UX. Lo cual es importante para nosotros los diseñadores al momento de crear estos sistemas para los usuarios el poder diferenciar la gran cantidad de patrones y como distinguir cual es una buena forma y cual no lo es. Identificar cada uno de estos patrones nos ayuda a ver el camino ideal a seguir con nuestro proyecto.

Podemos identificar una buena practica de una mala, desde ya observando dos distintos ejemplos de algún patrón y poner en juicio el cual de ellos es capaz de otorgar una mejor ux, pero, podríamos decir que uno de los dos en fin no era tan malo, pero ahí es donde empieza la forma de identificar estas buenas, malas, no tan malas, etc.

Cuando hablamos de una mala practica, aveces como usuarios podemos sentirnos frustrados o no saber que hacer frente a tal situación, no podemos encontrar lo que buscamos, el sitio nos llena de pop ups, exceso de anuncios, navegación engorrosa, etc, en ese punto podemos hablar de una mala practica. Y cuando estamos frente a una buena practica, podemos llegar a lo que queremos más rápido o de mejor manera, mas intuitivo para nosotros podemos decir que es una buena practica.


Predicción de búsqueda

Desde el momento que nosotros como usuarios queremos buscar algo en la web, en nuestro teléfono con alguna aplicación en los ya grandes motores de búsqueda que existen, o en los distintos sitios que podemos encontrar, nos encontraremos con la barra de "búsqueda" y es ahí donde comienza esto.

El como el sitio nos proporciona las herramientas para llegar a lo que queremos es lo primordial en como se diferencia una buena y mala practica de este patrón, es decir cuando empezamos a escribir y ya comienza a aparecer esta lista con cosas parecidas a lo que queremos o con coincidencia de caracteres, incluso hasta visualmente como el caso de netflix o spotify, es decir de una manera clara, y agradable para la vista también.

Es casi una de las primeras acciones que tomamos en algún sitio de información o de red social, siendo algo que nos atrape y nos invite a adentrarnos en el sitio o app.


Buscador web Google Chrome

  • Descripción del servicio: Navegador web
  • Soporte del Servicio: Aplicación móvil y de escritorio
  • Escala de Hábitos UX:medianamente Buena
  • Descripción de experiencia de usuario con el servicio: Al momento de escribir un sitio este autocompleta la escritura a modo de un historial, que al hacer "enter" aunque yo solo quiera ir a la pagina principal, este me lleva a otra del mismo sitio que se haya visitado anteriormente siendo molesto para el usuario

T3 MMondaca2020 chrome1.png Barra de búsqueda


  • Partitura de interacción


Aliexpress

  • Descripción del servicio: Servicio de compras online
  • Soporte del Servicio: Aplicación móvil y sitio web
  • Escala de Hábitos UX:Buena
  • Descripción de experiencia de usuario con el servicio: El sitio y la aplicación al momento de querer buscar algo ya tiene escrito algo (en gris) como una recomendación de búsqueda, diferente a un historial.

T3 MMondaca2020 ali1.png T3 MMondaca2020 ali2.png T3 MMondaca2020 ali3.png

  1. Pantalla de inicio de Aliexpress
  2. Click en Búsqueda
  3. Sugerencias de búsqueda


  • Partitura de interacción

Netflix

  • Descripción del servicio: Servicio de películas y series de paga
  • Soporte del Servicio: Aplicación móvil
  • Escala de Hábitos UX:Buena
  • Descripción de experiencia de usuario con el servicio: La aplicación en si muestra una forma de autocompletar la búsqueda por medio de las portadas, al momento de poner una letra o frase del titulo de la película

Pantalla principal Búsqueda Muestra de portadas de series parecidas a la búsqueda

  1. Pantalla principal Netflix
  2. Escribiendo la búsqueda
  3. Portadas de series en relación a la búsqueda


  • Partitura de interacción

Spotify

  • Descripción del servicio: Servicio de música online via streaming
  • Soporte del Servicio: PC, Smartphone, ps4, xbox
  • Escala de Hábitos UX: Buena
  • Descripción de experiencia de usuario con el servicio: Al igual que netflix, Spotify da a mostrar el autocompletado de busqueda mediante las caratulas, pero esta vez haciendo una diferencia entre las bandas, grupos, etc, con las canciones

T2 MMondaca2020 spotify1.png T2 MMondaca2020 spotify2.png

  1. Pantalla principal Spotify
  2. Búsqueda por frase donde muestra la banda y canciones relacionadas


  • Partitura de Interacción

Twitch

  • Descripción del servicio: Streaming de juegos online, videos, etc.
  • Soporte del Servicio: Sitio web y aplicación móvil
  • Escala de Hábitos UX: Buena
  • Descripción de experiencia de usuario con el servicio: Al momento de buscar y hacer click en el buscador, este ofrece un historial de búsqueda pasada para hacer mas rápida la interacción, o bien una muestra al escribir el nombre de algún streamer
 T2 MMondaca2020 tuich1.png  T2 MMondaca2020 tuich2.png T2 MMondaca2020 tuich3.png

  1. Pagina principal de Twitch
  2. Click en barra de búsqueda, donde aparece un historial de vistos recientes
  3. Sugerencias de completado de la búsqueda


  • Partitura de Interacción

Youtube

  • Descripción del servicio: Servicio posts de vídeos
  • Soporte del Servicio: Sitio web y aplicación movil
  • Escala de Hábitos UX:buena
  • Descripción de experiencia de usuario con el servicio: Al hacer click en el buscador este ofrece un historial de búsqueda pasado, y al escribir una palabra este muestra un selector con contenido relacionado ademas de contenido que ya hayas visto, como un historial en conjunto de sugerencias de búsqueda
  Pagina principal de YoutubeIngreso de búsquedaT3 MMondaca2020 yutu3.png


  • Partitura de interacción

Wiki E[ad]

  • Descripción del servicio:Sitio donde los alumnos y docentes de la escuela pueden subir artículos, tareas, trabajos, títulos, etc.
  • Soporte del Servicio:sitio web
  • Escala de Hábitos UX:mala
  • Descripción de experiencia de usuario con el servicio: Si el usuario se equivoca en un tilde, este muestra sugerencias distintas a como lo haría otro buscador donde da sugerencias parecidas, al mismo tiempo que al hacer la búsqueda se llega a dos cosas muy distintas
 T3 MMondaca2020 wiki1.pngT3 MMondaca2020 wiki2.png T3 MMondaca2020 wiki3.pngT3 MMondaca2020 wiki4.png


  • Partitura de interacción