Diferencia entre revisiones de «Cristina Herrero Tarea 3- Taller de Diseño de Interacción 2020»

De Casiopea
Línea 31: Línea 31:


===Spotify===
===Spotify===
#Nombre del servicio:
#Nombre del servicio: Spotify
#Soporte:
#Soporte: Aplicación
#Registro de Imágenes:
#Registro de Imágenes:
#Partitura de Interacción:
[[Archivo:Spotify 1 LI.jpg|500px|Página de Ingreso]] [[Archivo:Spotify 2 LI.jpg|500px]]
 
'''Partitura de Interacción'''
{{#widget:PiX
{{#widget:PiX
|data=eyJ0aXRsZSI6IlNvcG90aWZ5IiwibGF5b3V0IjoiaXAiLCJkZXNjcmlwdGlvbiI6IkFwcCIsInNjb3JlcyI6W1t7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoicGl4LXBlcnNvbiBRdWllcmUgZXNjdWNoYXIgbXVzaWNhIiwiZGlhbG9ndWUiOiJwaXgtbW9iaWxlIEFicmUgbGEgYXBwIGRlIFNwb3RpZnnCoCIsInN5c3RlbSI6IiAiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6IiAiLCJkaWFsb2d1ZSI6InBpeC1wYXNzd29yZCBJbnRyb2R1Y2Ugc3VzIGRhdG9zIiwic3lzdGVtIjoiICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoiICIsImRpYWxvZ3VlIjoicGl4LWJ1dHRvbiBTZWxlY2Npb25hIGluZ3Jlc2FyIiwic3lzdGVtIjoicGl4LWRhdGFiYXNlIFJlY29ub2NlIHN1cyBkYXRvc8KgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiIgIiwiZGlhbG9ndWUiOiIgIiwic3lzdGVtIjoicGl4LXByb2Nlc3MgTG8gZGlyaWdlIGFsIHNpdGlvIHBlcnNvbmFsaXphZG8iLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6IiAiLCJkaWFsb2d1ZSI6InBpeC1saXN0IFNlbGVjY2lvbmEgbGEgY2FuY2nDs24gcXVlIGRlc2VhIGVzY3VjaGFyIiwic3lzdGVtIjoicGl4LWF1ZGlvIHJlcHJvZHVjZSBsYSBjYW5jacOzbiBzZWxlY2Npb25hZGEiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6InBpeC1oYXBweSBFc2N1Y2hhIGxhIGNhbmNpw7NuIiwiZGlhbG9ndWUiOiIgIiwic3lzdGVtIjoiICIsIm5vdGUiOiIifV1dfQ
|data=eyJ0aXRsZSI6IlNvcG90aWZ5IiwibGF5b3V0IjoiaXAiLCJkZXNjcmlwdGlvbiI6IkFwcCIsInNjb3JlcyI6W1t7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoicGl4LXBlcnNvbiBRdWllcmUgZXNjdWNoYXIgbXVzaWNhIiwiZGlhbG9ndWUiOiJwaXgtbW9iaWxlIEFicmUgbGEgYXBwIGRlIFNwb3RpZnnCoCIsInN5c3RlbSI6IiAiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6IiAiLCJkaWFsb2d1ZSI6InBpeC1wYXNzd29yZCBJbnRyb2R1Y2Ugc3VzIGRhdG9zIiwic3lzdGVtIjoiICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoiICIsImRpYWxvZ3VlIjoicGl4LWJ1dHRvbiBTZWxlY2Npb25hIGluZ3Jlc2FyIiwic3lzdGVtIjoicGl4LWRhdGFiYXNlIFJlY29ub2NlIHN1cyBkYXRvc8KgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiIgIiwiZGlhbG9ndWUiOiIgIiwic3lzdGVtIjoicGl4LXByb2Nlc3MgTG8gZGlyaWdlIGFsIHNpdGlvIHBlcnNvbmFsaXphZG8iLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6IiAiLCJkaWFsb2d1ZSI6InBpeC1saXN0IFNlbGVjY2lvbmEgbGEgY2FuY2nDs24gcXVlIGRlc2VhIGVzY3VjaGFyIiwic3lzdGVtIjoicGl4LWF1ZGlvIHJlcHJvZHVjZSBsYSBjYW5jacOzbiBzZWxlY2Npb25hZGEiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6InBpeC1oYXBweSBFc2N1Y2hhIGxhIGNhbmNpw7NuIiwiZGlhbG9ndWUiOiIgIiwic3lzdGVtIjoiICIsIm5vdGUiOiIifV1dfQ
}}
}}


===Banco Ripley===
===Banco Ripley===

Revisión del 18:15 4 may 2020



TítuloCristina Herrero 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
3
Alumno(s)Cristina Herrero

Patrón de Interacción: Autenticación de usuario (ingreso o login)

Dentro de un contexto virtual, se puede definir un patrón de interacción como el proceso interactivo entre usuario y sistema a través de la interfaz. A partir de esto, los patrones de interacción son resoluciones, puestas a prueba previamente, para entregar respuesta a problemáticas generales de diseño, que se repiten a menudo. Apoyarse en ellos puede dar fluidez y simplificar el trabajo del diseño de una interfaz. La mayoría de las plataformas existentes hoy en día, ya sea aplicación o sitio web, permiten al usuario guardar su información, creando un espacio personalizado en donde este puede utilizar las herramientas que la plataforma ofrece. Este patrón lo reconocemos como Autenticación de Usuario. A continuación se muestra una lista de casos reales en donde el usuario interactúa con distintas plataformas, clasificándolos como buenas o malas prácticas, considerando una buena práctica el ingreso rápido, fácil y seguro. Por el contrario, una mala práctica, es la cual no cumple con estos requisitos.

Casos Buenos

Facebook

Esta plataforma que permite conectar a personas de distintos lados del mundo. Al momento en el que abres una cuenta en Facebook, estás entrando en una red social que conecta a amigos, familiares y socios de negocios. El ingreso a esta app resulta ser bastante sencillo y rápido, catalogándolo como una buena practica.

  1. Nombre del servicio: Facebook
  2. Soporte: Aplicación, Sitio Web
  3. Registro de Imágenes:
   Página principal de Facebook Pagina de usuario 


   App de Facebook Screenshot 20200504-153453 Facebook.jpg

Partitura de Interacción

Spotify

  1. Nombre del servicio: Spotify
  2. Soporte: Aplicación
  3. Registro de Imágenes:

Página de Ingreso Spotify 2 LI.jpg

Partitura de Interacción

Banco Ripley

  1. Nombre del servicio:
  2. Soporte:
  3. Registro de Imágenes:
  4. Partitura de Interacción:

Gmail

  1. Nombre del servicio:
  2. Soporte:
  3. Registro de Imágenes:
  4. Partitura de Interacción:

WhatsApp Web

  1. Nombre del servicio:
  2. Soporte:
  3. Registro de Imágenes:
  4. Partitura de Interacción:


Casos Malos

Instagram

  1. Nombre del servicio:
  2. Soporte:
  3. Registro de Imágenes:
  4. Partitura de Interacción:

Youtube

  1. Nombre del servicio:
  2. Soporte:
  3. Registro de Imágenes:
  4. Partitura de Interacción:

AliExpress

  1. Nombre del servicio:
  2. Soporte:
  3. Registro de Imágenes:
  4. Partitura de Interacción: