Taller de Diseño de Interacción 2020

De Casiopea



Asignatura(s)Taller de Diseño de Interacción
Año2020
Tipo de CursoTaller de Etapa
ProfesoresKatherine Exss, Herbert Spencer
EstudiantesCatalina Armijo, Valentina Blanco, Constanza Cabrera, Martin Canihuante, Camilo Caroca, Amalia Casanova, Rocío Castillo, Pablo Chicano, Antonia Escudero, Javiera Galaz, Antonia Gallardo, Catalina Gonzalez, Cristina Herrero, Marcelo Mondaca, Daniela Murillo, Omar Nuñez, Vicente Quezada Salfate, María Ignacia Santander Serrano, David Silva Bernales, Rodrigo Toro, Catalina Velásquez, Constanza Villarroel, Josefa Zamora, Gabriela Zett, Roberta Durán, Catalina Jorquera Kruberg, María Inés González Guardia, Antonia López, Alejandro Jiménez Amín, Sebastián Perucci, Fernanda Talamilla P
Palabras Claveux, interacción, juego
Carreras RelacionadasDiseñ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.

Estudiantes

Descripción

Este taller introduce el estudio del diseño de interacción, definiendo el campo de la interfaz entre personas y los objetos, productos o servicios. Cuestionaremos los patrones de la relación entre la gestualidad de la persona y la performatividad de los objetos. Trabajaremos desde la observación directa de la realidad, mediante el croquis y las notas de campo, observación participante, entrevistas entre otros métodos de diseño centrados en las personas. El trabajo estará estructurado en proyectos o ciclos creativos que comprenderán un recorrido desde la fase de descubrimiento, originación y generación de conceptos, fabricación de prototipos y refinamiento formal mediante la verificación de estos prototipos enfrentándolos a los usuarios e iterando sobre ellos. Este año adicionalmente nos enmarcamos en la celebración de los 50 años del diseño en la PUCV, por lo cual nuestro taller estará también abocado a contribuir con este hito.

Cronograma

Ciclo 1 Evento Ciclo 2 Ciclo 3
Brújula del Bien: Patrones y Mala UX Farándula: Semana Universitaria Juego: Fenómenos y Tecnología Proyecto Final: Interacción Física
Desde 16 de Marzo al 10 de Abril Desde 13 de Abril al 17 de Abril Desde 20 de Abril al 22 de Mayo Desde 20 de Abril al 22 de Mayo

Rúbrica de Evaluación

Observación Proyecta Construye Reflexiona Comunica Colabora
Descubre y crea conceptos Integra en la forma conceptos y requerimientos Explora y gobierna diversos procesos constructivos Explora e itera sobre la forma Documenta el proyecto como proceso comunicable Asume un rol disciplinar (expertise)
Identifica y caracteriza destinatario Traduce sus propuestas a diferentes escalas, soportes, contextos y magnitudes Discrimina a favor de la optimización del uso de recursos Verifica el cumplimiento de los objetivos
Observa sistemas y fenómenos dinámicos y complejos Reflexiona desde el destinatario
Identifica problemáticas y necesidades

Ciclo 1: "Patrones y Mala UX"

Bajo el objeto de adentrarse y entender la materia que conlleva la interacción como un campo de estudio y materia del Diseño, este primer ciclo busca identificar y analizar, desde un punto de vista crítico y constructivo, Patrones de Interacción empleados por distintos servicios (específicamente, dentro de las plataformas digitales).

Un patrón de diseño de interacción (IxD) es una solución general y repetible para un problema de uso común en el diseño de interfaz o diseño de interacción. Un patrón IxD suele constar de los siguientes elementos:

  • Problema: Los problemas están relacionados con el uso del sistema y son relevantes para el usuario o cualquier otro interesado en la usabilidad.
  • Úsese en: una situación (en términos de las tareas, los usuarios y el contexto de uso) que da lugar a un problema de usabilidad. En esta sección se amplía la dicotomía sencilla de las soluciones de problemas describiendo las situaciones en que se producen los problemas.
  • Principio: un patrón suele basarse en uno o varios principios ergonómicos, como la orientación del usuario, o la coherencia, o la gestión de los errores.
  • Solución: una solución probada del problema. Una solución describe sólo el núcleo del problema, y el diseñador tiene la libertad de implementarla de muchas maneras. Otros patrones pueden ser necesarios para resolver sub-problemas.
  • Por qué: Cómo y por qué el patrón funciona realmente, incluyendo un análisis de cómo puede afectar a ciertos atributos de la usabilidad. El razonamiento (por qué) debe proporcionar un argumento razonable para el impacto especificado en la usabilidad cuando se aplica el patrón. El por qué debería describir qué aspectos de la usabilidad deberían haber sido mejorados o qué otros aspectos podrían verse afectados.
  • Ejemplos: Cada ejemplo muestra cómo el patrón se ha aplicado con éxito en un sistema de la vida real. Esto suele ir acompañado de una captura de pantalla y una breve descripción.
  • Aplicación: Algunos patrones proporcionan detalles de implementación.

Como numerosas personas han trabajado en los patrones de la Interacción Humano-Computadora en los últimos años, el concepto de patrones de IxD se conoce con diferentes nombres; por ejemplo, patrones de interacción, patrones de interfaz de usuario (UI o GUI), patrones de usabilidad, patrones de diseño web y patrones de flujo de trabajo. Estos patrones comparten muchas similitudes y básicamente todos proporcionan soluciones a los problemas de usabilidad en la interacción y el diseño de la interfaz. Algunos patrones se conocen con nombres diferentes (o incluso con el mismo nombre) en diferentes colecciones de patrones [1].

En palabras simples, cuando en el taller nos referimos a un patrón de diseño, nos refimos tanto al flujo de procesos de diálogo (interacción) entre un usuario y un servicio (pasos, movimiento) como a los elementos de interfaz que gatillan y permiten tales acciones.

Dentro del mundo de los Patrones de Interacción existen distintas categorías; patrones que suelen repetirse en distintos servicios para cumplir una acción/motivación. Sin embargo, bajo una categoría, puede existir múltiples formas de articular los procesos por el lado del servicio para realizar el flujo de este patrón, pecando en algunas instancias, que las motivaciones de personas o empresas no estén alineadas con las acciones que proporcionan valor a los clientes y usuarios que interactúan con el servicio.

Es por eso, que esta iniciativa trata de identificar patrones de interacción empleados por los servicios que finalmente resultan ser abusivos o injustos y que de alguna manera redundan en algún perjuicio evitable para los usuarios finales.

Referencias Bibliográficas

  1. La definición de Patrón de Interacción está tomada de Interaction Design Foundation.

Tarea 1

Visto desde el enfoque critico, Identificar al menos 5 Patrones de Interacción en Plataformas Digitales (Sitios web y Aplicaciones en diversos formatos) que cumplan una Mala Experiencia de Usuario (Mala UX).

  • Formato de Entrega: Vía Casiopea.
    • +Nuevo Objeto > Nueva Tarea > Nombrar la Tarea como "Tarea 1"
  • Día de Entrega: Viernes, 20 de Marzo.
  • Herramientas: Diagramas, pantallazos y PiX

Este Encargo debe contar con:

  1. Nombre de la Plataforma o Servicio.
  2. Descripción de la Plataforma o Servicio.
  3. Categoría de Patrón.
  4. Colección de Pantallas (de manera secuencial en relación al flujo de los procesos).
  5. Partitura de Interacción (Registro de la experiencia de interacción del usuario con el sistema).
  6. Proposición de clasificación de patrones encontrados (categorías y jerarquías)

Tareas

  1. Alejandro Jiménez Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Alejandro Jiménez Amín)
  2. Amalia Casanova Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Amalia Casanova)
  3. Antonia Escudero Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Escudero)
  4. Antonia Gallardo Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Gallardo)
  5. Antonia López Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Antonia López)
  6. Camilo Caroca Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Camilo Caroca)
  7. Catalin Armijo Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Armijo)
  8. Catalina González Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Gonzalez)
  9. Catalina Jorquera Kruberg Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Jorquera Kruberg)
  10. Catalina Velásquez Tarea 1 - Taller de Diseño de Interacción 2020
  11. Constanza Cabrera Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Cabrera)
  12. Constanza Villarroel Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Villarroel)
  13. Cristina Herrero Tarea 1- Taller de Diseño de Interacción 2020(Alumnos: Cristina Herrero)
  14. Daniela Murillo Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Daniela Murillo)
  15. David Silva Bernales Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: David Silva Bernales)
  16. Fernanda Talamilla Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Fernanda Talamilla P)
  17. Javiera Galaz Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Javiera Galaz)
  18. Josefa Zamora Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Josefa Zamora)
  19. Marcelo Mondaca Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Marcelo Mondaca)
  20. María Ignacia Santander Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: María Ignacia Santander Serrano)
  21. María Inés González Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: María Inés González Guardia)
  22. Omar Nuñez Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Omar Nuñez)
  23. Paola Chicano Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Paola Chicano)
  24. Roberta Durán Tarea 1 - Taller Diseño de Interacción 2020(Alumnos: Roberta Durán)
  25. Rocío Castillo Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Rocío Castillo)
  26. Rodrigo Toro Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Rodrigo Toro)
  27. Sebastián Perucci Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Sebastián Perucci)
  28. T1: TDI2020 Martín Canihuante(Alumnos: Martin Canihuante)
  29. Valentina Blanco Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Valentina Blanco)
  30. Vicente Quezada Salfate Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Vicente Quezada Salfate)

Tarea 2

En relación al encargo anterior y la lista de Patrones realizado en la reunión, elegir un Patrón de Interacción y desglosar 5 ejemplos buenos y 5 ejemplos malos de Experiencia de Usuario (UX) en distintos servicios digitales.

  • Formato de Entrega: Vía Casiopea.
    • +Nuevo Objeto > Nueva Tarea > Nombrar la Tarea como "Nombre del Alumno Tarea 2 - Taller de Diseño de Interacción 2020"
  • Día de Entrega: Martes, 24 de Marzo.
  • Herramientas: Descripciones escritas, Diagramas, Pantallazos y Partituras de Interacción

Estructura del Encargo

  1. Nombre del Patrón Seleccionado
  2. Descripción del patrón Argumentos y observaciones generales sobre la experiencia de estudio del patrón en cuestión.


Para cada Ejemplo:

  1. Nombre del Servicio
  2. Soporte del Servicio Aplicación, Sitio web, etc..
  3. Escala de Habitos UX Ubicar la experiencia del patrón en dentro del servicio entre : Malo, Mediocre, Neutral, Aceptable ó Bueno.
  4. Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones.
  5. Colección de Pantallas SecuencialesTransparentar procesos y secuencias en las pantallas presentadas.
    1. Descripción a pié de Imagen para cada Pantalla
      1. Por Galería
      2. Por Imagen Individual min. 500px
    2. Evidenciar visualmente las selecciones en la interacción con la página Clicks, Direcciones visuales, Errores identificados, etc.
  6. Partituras de Interacción
    1. Título: Servicio
    2. Descripción: Experiencia con el Patrón de Interacción
    3. Indicar las etapas con títulos específicos (Cabecera de la partitura).
    4. Complementar Iconos con Descripción
    5. En Pie de la partitura realizar observaciones que enriquezcan registro de la experiencia.

Lista de Patrones

  1. Creación de cuenta (registro) - Catalina Velasquez
  2. Autenticación de usuario (ingreso o login) - Cristina Herrero
  3. Recuperar cuenta - Roberta Durán
  4. Eliminar cuenta - Catalina Gonzalez
  5. Eliminar suscripción - Valentina Blanco
  6. Captcha o elementos de seguridad - Rocio Castillo
  7. Cambiar de cuenta de pago a cuenta gratuita - Alejandro Jiménez
  8. Acceder a contenido de pago (carnada) - Rodrigo Toro
  9. Definir preferencias de mensajería - Daniela Murillo
  10. Des-suscripción de lista de correo - Constanza Villarroel
  11. Cambio de contraseña - Javiera Galaz
  12. Desbloquear características (compras dentro de la App)
  13. Notificaciones - Sebastian Perucci
  14. Comentar una publicación - Antonia López
  15. Patrones de Evaluación:
    1. Evaluación de producto o servicio - Vicente Quezada Salfate
    2. Calificación de post (upvote, downvote, like, etc) - Maria Ignacia Santander
  16. Definición de preferencias para entregar servicio personalizado
  17. Contenido recomendado no solicitado por el usuario - Camilo Caroca
  18. Aplicaciones codependientes - Antonia Gallardo
  19. Actualización de información constante - Catalina Jorquera
  20. Wizard o Tunneling (pop ups u otros elementos de interfaz que guían al usuario) - Constanza Cabrera
  21. Cuentas verificadas (normalmente de celebridades) en RRSS - David Silva
  22. Chatbots - Amalia Casanova
  23. Eliminar contenido en RRSS - Catalina Armijo
  24. Solicitar permisos del usuario - Maria Inés González
  25. Segmentación del contenido (desde la paginación al scroll infinito) - Josefa Zamora
  26. Carros de compra - Fernanda Talamilla Pino
  27. Trackeo de envíos - Constanza Cabrera
  28. Predicción de búsqueda (autocomplete u otros) - Marcelo Mondaca
  29. Formas de Pago - Antonia Escudero
  30. Comparación de productos - Martín Canihuante
  31. Compartir - Gabriela Zett

Tareas

  1. Alejandro Jiménez Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Alejandro Jiménez Amín)
  2. Amalia Casanova Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Amalia Casanova)
  3. Antonia Escudero Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Escudero)
  4. Antonia López Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Antonia López)
  5. Camilo Caroca Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Camilo Caroca)
  6. Catalina Armijo Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Armijo)
  7. Catalina González Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Catalina González)
  8. Catalina Jorquera Kruberg Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Jorquera Kruberg)
  9. Catalina Velásquez Tarea 2 - Taller de Diseño de Interacción 2020
  10. Constanza Cabrera Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Cabrera)
  11. Constanza Villarroel Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Villarroel)
  12. Cristina Herrero Tarea 2- Taller de Diseño de Interacción 2020(Alumnos: Cristina Herrero)
  13. Daniela Murillo Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Daniela Murillo)
  14. David Silva Bernales Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: David Silva Bernales)
  15. Fernanda Talamilla P Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Fernanda Talamilla P)
  16. Gabriela Zett Tarea 2 - Taller de Diseño de Interacción 2o2o(Alumnos: Gabriela Zett)
  17. Javiera Galaz Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Javiera Galaz)
  18. Josefa Zamora Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Josefa Zamora)
  19. Marcelo Mondaca Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Marcelo Mondaca)
  20. Martín Canihuante Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Martín Canihuante)
  21. María Ignacia Santander Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: María Ignacia Santander Serrano)
  22. María Inés González Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: María Inés González Guardia)
  23. Paola Chicano Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Paola Chicano)
  24. Roberta Durán Tarea 2 - Tarea de Diseño de Interacción 2020(Alumnos: Roberta Durán)
  25. Rocío Castillo Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Rocío Castillo)
  26. Sebastián Perucci Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Sebastián Perucci)
  27. Valentina Blanco Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Valentina Blanco)
  28. Vicente Quezada Salfate Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Vicente Quezada Salfate)

Tarea 3

Seguir definiendo y profundizando el patrón y los 10 ejemplos estudiados, considerando las correcciones realizadas en la reunión anterior. También desarrollar descripción del estudio, identificando bajo el carácter del patrón elegido, qué es considerado una buena practica de Experiencia de Usuario (UX).

  • Formato de Entrega: Vía Casiopea.
    • +Nuevo Objeto > Nueva Tarea > Nombrar la Tarea como "Nombre del Alumno Tarea 3 - Taller de Diseño de Interacción 2020"
  • Día de Entrega: Viernes, 27 de Marzo.
  • Herramientas: Descripciones escritas, Diagramas, Pantallazos y Partituras de Interacción

Estructura del Encargo

El encargo debe estar presentado bajo los lineamientos que lo estructuran:

  1. Nombre del Patrón Seleccionado
  2. Descripción del patrón Argumentos principal del estudio, identificando conceptos que validen que es una buena practica UX bajo las condiciones del patrón elegido.


10 ejemplos que se ubiquen en el rango de Buena y Mala UX, donde cada uno debe responder a:

  1. Nombre del Servicio
  2. Soporte del Servicio Aplicación, Sitio web, etc..
  3. Descripción de experiencia de usuario con el servicio Determinación de Buena o Mala UX, argumentada bajo descripciones el servicio y observaciones en la Experiencia de Usuario.
  4. Colección de Pantallas SecuencialesTransparentar procesos y secuencias en las pantallas presentadas.
    1. Descripción a pié de Imagen para cada Pantalla. Parte importante en la presentación de su trabajo.
      1. Recomendado por Imagen Individual (min. 500px) o mediante scroll horizontal.
    2. Evidenciar visualmente las selecciones en la interacción con la página Clicks, Direcciones visuales, Errores identificados, etc.
  5. Partituras de Interacción
    1. Título: Experiencia en el Patrón dentro del Servicio
    2. Descripción: Experiencia con el Patrón de Interacción
    3. Indicar las etapas con títulos específicos (Cabecera de la partitura).
    4. Complementar Iconos con Descripción
      1. OBS: Valorizar el registro tanto la capa de la Persona (Experiencia subjetiva) como la del Sistema (Especulativo)
    5. En Pie de la partitura realizar observaciones que enriquezcan registro de la experiencia.

Tareas

  1. Alejandro Jiménez Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Alejandro Jiménez Amín)
  2. Amalia Casanova Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Amalia Casanova)
  3. Antonia Escudero Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Escudero)
  4. Antonia Gallardo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Gallardo)
  5. Antonia López 3 - Taller de Diseño de Interacción 2020(Alumnos: Antonia López)
  6. Camilo Caroca Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Camilo Caroca)
  7. Catalina Armijo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Armijo)
  8. Catalina González Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Catalina González)
  9. Catalina Jorquera Kruberg Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Jorquera Kruberg)
  10. Catalina Velásquez Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Velásquez)
  11. Constanza Cabrera Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Cabrera)
  12. Constanza Villarroel Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Villarroel)
  13. Cristina Herrero Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Cristina Herrero)
  14. Daniela Murillo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Daniela Murillo)
  15. David Silva Bernales Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: David Silva Bernales)
  16. Fernanda Talamilla P Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Fernanda Talamilla P)
  17. Gabriela Zett Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Gabriela Zett)
  18. Javiera Galaz Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Javiera Galaz)
  19. Josefa Zamora Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Josefa Zamora)
  20. Marcelo Mondaca Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Marcelo Mondaca)
  21. Martín Canihuante Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Martín Canihuante)
  22. María Ignacia Santander Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: María Ignacia Santander Serrano)
  23. María Inés González Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: María Inés González Guardia)
  24. Omar Nuñez Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Omar Nuñez)
  25. Paola Chicano Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Paola Chicano)
  26. Roberta Durán Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Roberta Durán)
  27. Rocío Castillo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Rocío Castillo)
  28. Rodrigo Toro Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Rodrigo Toro)
  29. Sebastián Perucci Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Sebastián Perucci)
  30. Valentina Blanco Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Valentina Blanco)
  31. Vicente Quezada Salfate Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Vicente Quezada Salfate)

Tarea 4

  • Formato de Entrega: Vía Casiopea, vista por aplicación del Cardsorting
    • +Nuevo Objeto > Nueva Tarea > Nombrar la Tarea como "Nombre del Alumno Tarea 4 - Taller de Diseño de Interacción 2020"
    • Número: 4
  • Día de Entrega: Martes, 31 de Marzo.
  • Herramientas: Descripciones escritas, Figma (Wireframes), Cardsorting (EN PROCESO)

Tarea que consiste en el preámbulo del proyecto principal del ciclo, que consiste en diseñar un sitio web donde visualizaremos de mejor manera todas las buenas y malas practicas de Experiencia de Usuario en Patrones de Interacción.

Esta Tarea se compone de dos etapas:

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:

  1. Categorizar los patrones en especies de familias taxonómicas (Ejemplo: los patrones de Autenticación de usuario, Captcha, entre otros podrían ubicarse en una categoría mayor denominada como Patrones de Seguridad).
  2. Realizar sub-categoría dentro del patrón estudiado (Dentro de tu patrón, cuantas clasificaciones reconoces).
    1. Para esta primera etapa se enviara una invitación para participar de este CardSorting desde la aplicación [Usabilitest]
    2. Tiempo limite de este encargo: Domingo 29 de Marzo, a las 16:30

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:

  1. Proponer un nombre para el sitio web - repositorio de patrones UX
  2. Pantallas de inicio a la materia: ¿De que se trata los Patrones de Interacción? ¿Porque es importante identificar buenas y malas practicas en la Experiencia de Usuario? ¿Cuales son los patrones identificados?
  3. Pantallas que muestren un patrón: Modo en como presentarías un patrón, junto con todo lo estudiado (De que se trata, como identificas las buenas y malas practicas, ejemplos que los fundamentan, junto con todas las herramientas utilizadas para registras las experiencias).
    1. Entrega de esta parte del encargo por Casiopea nombrado como "Nombre del Alumno Tarea 4 - Taller de Diseño de Interacción 2020".
    2. La tarea debe tener como presentación una imagen de portada de uno de sus wireframe, para poder evaluar en conjunto las maquetaciones realizadas.
    3. En la tarea se debe explicar los criterios de diseño realizado en los wireframes (Para inicio y para un patrón), junto con una buena presentación de estos
      1. Por Scroll
      2. Por Slideshow

Herramientas

Cardsorting

Wireframes

Tareas

  1. Antonia Escudero Tarea 4 - MuestraUX(Alumnos: Antonia Escudero)
  2. Antonia Gallardo Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Gallardo)
  3. Camilo Caroca Tarea 4 - Ramiux(Alumnos: Camilo Caroca)
  4. Catalina Armijo Tarea 4 - PatternIn(Alumnos: Catalina Armijo)
  5. Catalina González Tarea 4 - PATTUER(Alumnos: Catalina González)
  6. Catalina Jorquera Kruberg Tarea 4 - Plexus(Alumnos: Catalina Jorquera Kruberg)
  7. Catalina Velásquez Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Velásquez)
  8. Constanza Villarroel Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Villarroel)
  9. Daniela Murillo Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Daniela Murillo)
  10. David Silva Bernales Tarea 4 - Almanaque UX(Alumnos: David Silva Bernales)
  11. Fernanda Talamilla P Tarea 4 - Patrono(Alumnos: Fernanda Talamilla P)
  12. Gabriela Zett Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Gabriela Zett)
  13. Javiera Galaz Tarea 4 - SYNAPPSE(Alumnos: Javiera Galaz)
  14. Josefa Zamora Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Josefa Zamora)
  15. Marcelo Mondaca Tarea 4- Taller de Diseño de Interacción 2020(Alumnos: Marcelo Mondaca)
  16. Martín Canihuante Tarea 4 - Interacción del usuario con los patrones en la interfaz(Alumnos: Martín Canihuante)
  17. María Ignacia Santander Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: María Ignacia Santander Serrano)
  18. Omar Nuñez Tarea 4 - UXPatternsT(Alumnos: Omar Nuñez)
  19. Paola Chicano Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Paola Chicano)
  20. Roberta Durán Tarea 4 - Interactio(Alumnos: Roberta Durán)
  21. Rocío Castillo Tarea 4 - UxAtron(Alumnos: Rocío Castillo)
  22. Valentina Blanco Tarea 4 - INTERPAT(Alumnos: Valentina Blanco)
  23. Vicente Quezada Salfate Tarea 4 - ARPAUX(Alumnos: Vicente Quezada Salfate)