Diferencia entre revisiones de «Paola Chicano Tarea 4 - Taller de Diseño de Interacción 2020»

De Casiopea
Línea 68: Línea 68:


===Pantallas de inicio a la materia:===
===Pantallas de inicio a la materia:===
[[File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (1).jpg|300px|left]]  [[File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (2).jpg|600px|right]]
 
<gallery mode="slideshow">
File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (1).jpg
File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (2).jpg
</gallery>


===Pantallas que muestren un patrón:===
===Pantallas que muestren un patrón:===


[[File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (6).jpg]]  [[File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (3).jpg]] [[File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (4).jpg]] [[File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (5).jpg]]
[[File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (6).jpg]]  [[File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (3).jpg]] [[File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (4).jpg]] [[File:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (5).jpg]]

Revisión del 03:05 31 mar 2020



TítuloPablo Chicano Tarea 4 - 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.
4
Alumno(s)Pablo Chicano

Etapa 1:

Utilizar la herramienta de Arquitectura de Información (AI) CardSorting, de caracter abierto y de manera grupal donde organizaremos los patrones que hemos estudiado, tomando en cuenta dos acciones:


Cardsorting de categorías de patrones:

patrones de seguridad:

  • Captchas o elementos de seguridad
  • Cambio de contraseña
  • Solicitar permisos del usuario
  • Trackeo de envíos
  • Aplicaciones codependientes

Patrones de cuentas de usuario:

  • Creación de cuenta
  • Autenticación de usuario (ingreso o login)
  • Recuperar cuenta
  • Eliminar cuenta
  • Cuentas verificadas (normalmente de celebridades) en rrss
  • Definir preferencias de mensajería

Patrones de suscripción:

  • Eliminar suscripcion
  • Des-suscripcion de lista de correo

Patrones de transacción monetaria:

  • Cambiar de cuenta de pago a cuenta gratuita
  • Acceder a contenido de pago (carnada)
  • Desbloquear características (compras dentro de la App)
  • Carros de compra
  • Formas de pago

Patrones de interacción del servicio con el usuario:

  • Notificaciones
  • Contenido recomendado no solicitado por el usuario
  • Wizard o tunneling (pop ups u otros elementos de interfaz que guían al usuario)
  • Chatbots
  • Segmentación del contenido (desde la paginación al scroll infinito)
  • Predicción de búsqueda
  • Actualización de información constante

Patrones de interacción con el contenido:

  • Comentar una publicación
  • Patrones de evaluación (evaluación de producto o servicio y calificación de post (upvote, downvotem luke, etc))
  • Definición de preferencias para entregar servicio personalizado
  • Comparación de productos
  • Compartir
  • Eliminar contenido en RRSS


Etapa 2:

Comenzar a diseñar el modo de como se va a visualizar esta información mediante WireFrames, tomando en cuenta dos etapas de la navegación:


Proponer un nombre para el sitio web - repositorio de patrones UX:

"Patrones UX y su influencia en la relacion entre usuario y servicio."

Pantallas de inicio a la materia:

Pantallas que muestren un patrón:

Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (6).jpg Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (3).jpg Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (4).jpg Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (5).jpg