Sebastián Perucci, Vicente Quezada Salfate, Antonia López, Cristina Herrero, Josefa Zamora
sitioweb
Taller de Diseño de Interacción 2020
Asignatura(s) | Taller de Diseño de Interacción |
---|---|
Año | 2020 |
Tipo de Curso | Taller de Etapa |
Profesores | Katherine Exss, Herbert Spencer |
Profesor(es) Ayudante(s) | Catalina Pérez |
Estudiantes | Catalina Armijo, Valentina Blanco, Constanza Cabrera, Martín Canihuante, Camilo Caroca, Amalia Casanova, Rocío Castillo, Paola Chicano, Antonia Escudero, Javiera Galaz, Antonia Gallardo, Catalina González, 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 Clave | ux, interacción, juego |
Carreras Relacionadas | Diseñ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
- Delegada: Roberta Durán
- Vicedelegada: Constanza Villarroel
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 | Ciclo 2 |
---|---|
Patrones de Interacción UX | Juego: Fenómenos y Tecnología |
Desde 16 de Marzo al 5 de Mayo | Desde 8 de Mayo al 24 de Julio |
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 |
Tabla de Calificaciones
Ciclo 1: Malas Prácticas | Ciclo 2: El Juego (Parte 1, Individual) | Ciclo 2: El Juego (Parte 2, grupal) | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
30% | 30% | 30% | 10% | 30% NF | 30% | 30% | 40% | 30% NF | 25% | 25% | 25% | 25% | 40% NF |
Reconoce y observa el campo de diseño | Reflexiona y tiene una mirada crítica | Interpreta, compone y diagrama | Construye y Desarrolla el diseño técnicamente | Nota Final Ciclo 1 | Reconoce y Observa el Campo (obs) | Reflexiona y Teoriza (modelo) | Propone y Expone | Nota Final Etapa 1, Ciclo 2 | Integra y propone | Itera y Refina | Desarrolla y Materializa | Documenta, Reflexiona y Expone | Nota Final Etapa 2, Ciclo 2 |
Ciclo 1: Patrones de Interacción 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
- A Pattern Language, Christopher Alexander
- Refactoring Guru
- Pattern Library, Wilie.com
- UI Patterns
- Pattern Tap
- Declaratoria Iberoamericana de UX
- Funcionalidades del Navegador: 2020
- Pix: Las partituras de Interacción como herramientas de diseño para la modelación de valor en nuevos servicios digitales
- Diseño Participativo con PiX: una Aproximación desde la Narrativa
- John Dewey, El arte como experiencia
Patrones: Colecciones con un enfoque crítico (UX Collective)
- 10 Principles for Ethical UX Designs
- 10 Evil Types of Dark UX Patterns
- 10 Types of A**hole Design Patterns
- 10 Essential Cognitive & Behavior Patterns for UX Design
- ↑ 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:
- Nombre de la Plataforma o Servicio.
- Descripción de la Plataforma o Servicio.
- Categoría de Patrón.
- Colección de Pantallas (de manera secuencial en relación al flujo de los procesos).
- Partitura de Interacción (Registro de la experiencia de interacción del usuario con el sistema).
- Proposición de clasificación de patrones encontrados (categorías y jerarquías)
Tareas
- Alejandro Jiménez Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Alejandro Jiménez Amín)
- Amalia Casanova Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Amalia Casanova)
- Antonia Escudero Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Escudero)
- Antonia Gallardo Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Gallardo)
- Antonia López Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Antonia López)
- Camilo Caroca Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Camilo Caroca)
- Catalin Armijo Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Armijo)
- Catalina González Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Gonzalez)
- Catalina Jorquera Kruberg Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Jorquera Kruberg)
- Catalina Velásquez Tarea 1 - Taller de Diseño de Interacción 2020
- Constanza Cabrera Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Cabrera)
- Constanza Villarroel Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Villarroel)
- Cristina Herrero Tarea 1- Taller de Diseño de Interacción 2020(Alumnos: Cristina Herrero)
- Daniela Murillo Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Daniela Murillo)
- David Silva Bernales Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: David Silva Bernales)
- Fernanda Talamilla Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Fernanda Talamilla P)
- Javiera Galaz Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Javiera Galaz)
- Josefa Zamora Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Josefa Zamora)
- Marcelo Mondaca Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Marcelo Mondaca)
- María Ignacia Santander Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: María Ignacia Santander Serrano)
- María Inés González Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: María Inés González Guardia)
- Omar Nuñez Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Omar Nuñez)
- Paola Chicano Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Paola Chicano)
- Roberta Durán Tarea 1 - Taller Diseño de Interacción 2020(Alumnos: Roberta Durán)
- Rocío Castillo Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Rocío Castillo)
- Rodrigo Toro Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Rodrigo Toro)
- Sebastián Perucci Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Sebastián Perucci)
- T1: TDI2020 Martín Canihuante(Alumnos: Martin Canihuante)
- Valentina Blanco Tarea 1 - Taller de Diseño de Interacción 2020(Alumnos: Valentina Blanco)
- 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
- Nombre del Patrón Seleccionado
- Descripción del patrón Argumentos y observaciones generales sobre la experiencia de estudio del patrón en cuestión.
Para cada Ejemplo:
- Nombre del Servicio
- Soporte del Servicio Aplicación, Sitio web, etc..
- Escala de Habitos UX Ubicar la experiencia del patrón en dentro del servicio entre : Malo, Mediocre, Neutral, Aceptable ó Bueno.
- Descripción de experiencia de usuario con el servicio Observaciones en aciertos, deficiencias y sus explicaciones.
- Colección de Pantallas SecuencialesTransparentar procesos y secuencias en las pantallas presentadas.
- Descripción a pié de Imagen para cada Pantalla
- Por Galería
- Por Imagen Individual min. 500px
- Evidenciar visualmente las selecciones en la interacción con la página Clicks, Direcciones visuales, Errores identificados, etc.
- Descripción a pié de Imagen para cada Pantalla
- Partituras de Interacción
- Título: Servicio
- Descripción: Experiencia con el Patrón de Interacción
- Indicar las etapas con títulos específicos (Cabecera de la partitura).
- Complementar Iconos con Descripción
- En Pie de la partitura realizar observaciones que enriquezcan registro de la experiencia.
Lista de Patrones
- Creación de cuenta (registro) - Catalina Velasquez
- Autenticación de usuario (ingreso o login) - Cristina Herrero
- Recuperar cuenta - Roberta Durán
- Eliminar cuenta - Catalina González
- Eliminar suscripción - Valentina Blanco
- Captcha o elementos de seguridad - Rocio Castillo
- Cambiar de cuenta de pago a cuenta gratuita - Alejandro Jiménez
- Acceder a contenido de pago (carnada) - Rodrigo Toro
- Definir preferencias de mensajería - Daniela Murillo
- Des-suscripción de lista de correo - Constanza Villarroel
- Cambio de contraseña - Javiera Galaz
- Desbloquear características (compras dentro de la App)
- Notificaciones - Sebastian Perucci
- Comentar una publicación - Antonia López
- Patrones de Evaluación:
- Evaluación de producto o servicio - Vicente Quezada Salfate
- Calificación de post (upvote, downvote, like, etc) - Maria Ignacia Santander
- Definición de preferencias para entregar servicio personalizado - Omar Nuñez
- Contenido recomendado no solicitado por el usuario - Camilo Caroca
- Aplicaciones codependientes - Antonia Gallardo
- Actualización de información constante - Catalina Jorquera
- Wizard o Tunneling (pop ups u otros elementos de interfaz que guían al usuario) - Constanza Cabrera
- Cuentas verificadas (normalmente de celebridades) en RRSS - David Silva
- Chatbots - Amalia Casanova
- Eliminar contenido en RRSS - Catalina Armijo
- Solicitar permisos del usuario - Maria Inés González
- Segmentación del contenido (desde la paginación al scroll infinito) - Josefa Zamora
- Carros de compra - Fernanda Talamilla Pino
- Trackeo de envíos - Constanza Cabrera
- Predicción de búsqueda (autocomplete u otros) - Marcelo Mondaca
- Formas de Pago - Antonia Escudero
- Comparación de productos - Martín Canihuante
- Compartir - Gabriela Zett
Tareas
- Alejandro Jiménez Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Alejandro Jiménez Amín)
- Amalia Casanova Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Amalia Casanova)
- Antonia Escudero Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Escudero)
- Antonia López Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Antonia López)
- Camilo Caroca Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Camilo Caroca)
- Catalina Armijo Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Armijo)
- Catalina González Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Catalina González)
- Catalina Jorquera Kruberg Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Jorquera Kruberg)
- Catalina Velásquez Tarea 2 - Taller de Diseño de Interacción 2020
- Constanza Cabrera Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Cabrera)
- Constanza Villarroel Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Villarroel)
- Cristina Herrero Tarea 2- Taller de Diseño de Interacción 2020(Alumnos: Cristina Herrero)
- Daniela Murillo Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Daniela Murillo)
- David Silva Bernales Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: David Silva Bernales)
- Fernanda Talamilla P Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Fernanda Talamilla P)
- Gabriela Zett Tarea 2 - Taller de Diseño de Interacción 2o2o(Alumnos: Gabriela Zett)
- Javiera Galaz Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Javiera Galaz)
- Josefa Zamora Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Josefa Zamora)
- Marcelo Mondaca Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Marcelo Mondaca)
- Martín Canihuante Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Martín Canihuante)
- María Ignacia Santander Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: María Ignacia Santander Serrano)
- María Inés González Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: María Inés González Guardia)
- Paola Chicano Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Paola Chicano)
- Roberta Durán Tarea 2 - Tarea de Diseño de Interacción 2020(Alumnos: Roberta Durán)
- Rocío Castillo Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Rocío Castillo)
- Sebastián Perucci Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Sebastián Perucci)
- Valentina Blanco Tarea 2 - Taller de Diseño de Interacción 2020(Alumnos: Valentina Blanco)
- 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:
- Nombre del Patrón Seleccionado
- 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:
- Nombre del Servicio
- Soporte del Servicio Aplicación, Sitio web, etc..
- 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.
- Colección de Pantallas SecuencialesTransparentar procesos y secuencias en las pantallas presentadas.
- Descripción a pié de Imagen para cada Pantalla. Parte importante en la presentación de su trabajo.
- Recomendado por Imagen Individual (min. 500px) o mediante scroll horizontal.
- Evidenciar visualmente las selecciones en la interacción con la página Clicks, Direcciones visuales, Errores identificados, etc.
- Descripción a pié de Imagen para cada Pantalla. Parte importante en la presentación de su trabajo.
- Partituras de Interacción
- Título: Experiencia en el Patrón dentro del Servicio
- Descripción: Experiencia con el Patrón de Interacción
- Indicar las etapas con títulos específicos (Cabecera de la partitura).
- Complementar Iconos con Descripción
- OBS: Valorizar el registro tanto la capa de la Persona (Experiencia subjetiva) como la del Sistema (Especulativo)
- En Pie de la partitura realizar observaciones que enriquezcan registro de la experiencia.
Tareas
- Alejandro Jiménez Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Alejandro Jiménez Amín)
- Amalia Casanova Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Amalia Casanova)
- Antonia Escudero Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Escudero)
- Antonia Gallardo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Gallardo)
- Antonia López 3 - Taller de Diseño de Interacción 2020(Alumnos: Antonia López)
- Camilo Caroca Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Camilo Caroca)
- Catalina Armijo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Armijo)
- Catalina González Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Catalina González)
- Catalina Jorquera Kruberg Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Jorquera Kruberg)
- Catalina Velásquez Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Velásquez)
- Constanza Cabrera Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Cabrera)
- Constanza Villarroel Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Villarroel)
- Cristina Herrero Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Cristina Herrero)
- Daniela Murillo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Daniela Murillo)
- David Silva Bernales Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: David Silva Bernales)
- Fernanda Talamilla P Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Fernanda Talamilla P)
- Gabriela Zett Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Gabriela Zett)
- Javiera Galaz Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Javiera Galaz)
- Josefa Zamora Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Josefa Zamora)
- Marcelo Mondaca Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Marcelo Mondaca)
- Martín Canihuante Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Martín Canihuante)
- María Ignacia Santander Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: María Ignacia Santander Serrano)
- María Inés González Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: María Inés González Guardia)
- Omar Nuñez Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Omar Nuñez)
- Paola Chicano Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Paola Chicano)
- Roberta Durán Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Roberta Durán)
- Rocío Castillo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Rocío Castillo)
- Rodrigo Toro Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Rodrigo Toro)
- Sebastián Perucci Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Sebastián Perucci)
- Valentina Blanco Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Valentina Blanco)
- 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:
- 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).
- Realizar sub-categoría dentro del patrón estudiado (Dentro de tu patrón, cuantas clasificaciones reconoces).
- Para esta primera etapa se enviara una invitación para participar de este CardSorting desde la aplicación [Usabilitest]
- 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:
- Proponer un nombre para el sitio web - repositorio de patrones UX
- 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?
- 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).
- Entrega de esta parte del encargo por Casiopea nombrado como "Nombre del Alumno Tarea 4 - Taller de Diseño de Interacción 2020".
- La tarea debe tener como presentación una imagen de portada de uno de sus wireframe, para poder evaluar en conjunto las maquetaciones realizadas.
- 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
- Por Scroll
- Por Slideshow
Herramientas
Cardsorting
Wireframes
- Figma (wireframes)
Tareas
- Antonia Escudero Tarea 4 - MuestraUX(Alumnos: Antonia Escudero)
- Antonia Gallardo Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Gallardo)
- Camilo Caroca Tarea 4 - Ramiux(Alumnos: Camilo Caroca)
- Catalina Armijo Tarea 4 - PatternIn(Alumnos: Catalina Armijo)
- Catalina González Tarea 4 - PATTUER(Alumnos: Catalina González)
- Catalina Jorquera Kruberg Tarea 4 - Plexus(Alumnos: Catalina Jorquera Kruberg)
- Catalina Velásquez Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Velásquez)
- Constanza Villarroel Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Villarroel)
- Daniela Murillo Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Daniela Murillo)
- David Silva Bernales Tarea 4 - Almanaque UX(Alumnos: David Silva Bernales)
- Fernanda Talamilla P Tarea 4 - Patrono(Alumnos: Fernanda Talamilla P)
- Gabriela Zett Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Gabriela Zett)
- Javiera Galaz Tarea 4 - SYNAPPSE(Alumnos: Javiera Galaz)
- Josefa Zamora Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Josefa Zamora)
- Marcelo Mondaca Tarea 4- Taller de Diseño de Interacción 2020(Alumnos: Marcelo Mondaca)
- Martín Canihuante Tarea 4 - Interacción del usuario con los patrones en la interfaz(Alumnos: Martín Canihuante)
- María Ignacia Santander Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: María Ignacia Santander Serrano)
- Omar Nuñez Tarea 4 - UXPatternsT(Alumnos: Omar Nuñez)
- Paola Chicano Tarea 4 - Taller de Diseño de Interacción 2020(Alumnos: Paola Chicano)
- Roberta Durán Tarea 4 - Interactio(Alumnos: Roberta Durán)
- Rocío Castillo Tarea 4 - UxAtron(Alumnos: Rocío Castillo)
- Valentina Blanco Tarea 4 - INTERPAT(Alumnos: Valentina Blanco)
- Vicente Quezada Salfate Tarea 4 - ARPAUX(Alumnos: Vicente Quezada Salfate)
Proyecto: Sitio Web de buenos y malas practicas en Patrones de Interacción (UX)
- Formato de Entrega: Vía Casiopea.
- +Nuevo Objeto > Nuevo Proyecto > Nombrar Proyecto como "Nombre del proyecto de sitio web"
- Palabra Clave: sitioweb
- Estructura de trabajo: Proyecto nivel grupal (6 grupos de 5 alumnos)
- Herramientas: Descripciones escritas, Pantallas e Imagenes, Figma (Mapa de Navegación y Wireframes).
- Día de Entrega: Viernes, 3 de Abril.
En vista de los ejercicios realizados en la tarea anterior y teniendo en claro su carácter especulativo para entrar al proyecto principal de este ciclo, comenzaremos de forma grupal formalizar las propuestas del sitio web desde desde el ámbito estructural como un espacio que es navegado por medio de sus conceptos y vínculos (refiriendo a los conceptos y vínculos a todo el contenido que hemos estado desarrollando a nivel taller).
Para eso, esta primera etapa del proyecto debe cumplir con los siguientes procesos:
- Nombrar el Proyecto de Sitio Web
- Se permite solo nombres en español.
- Este será el nombre su proyecto.
- Proponer grupalmente el Mapas de Navegación del Sitio Web
- En vista de lo conversado en clases y levantado en el ejercicio de Cardsorting (Registrado en el Drive del Taller), desarrollar las categorización y jerarquías de como el usuario navegara por estos contenidos.
- En este mapa de navegación debe como mínimo traer elementos claves para presentar los patrones (secciones que explican de que va el proyecto, el animo y su relevancia) y el modo de como se presentaría cada patrón de interacción (El patrón, descripción, buena y mala UX, Ejemplos, Partituras de Interacción, etc).
- Recordar que un mapa de navegación se presenta por niveles (no mas de 4 niveles para una buena experiencia de navegación dentro de un sitio).
- Este trabajo se realizara en la aplicación Figma, herramienta que permite realizar modificaciones de un trabajo de manera simultanea y a tiempo real.
- Después de realizarlo, tiene que estar exportado como imagen y presentado mediante un Proyecto en la wiki.
- Proponer de igual manera Secuencias de Wireframes para los siguientes niveles de navegación:
- Portada del Sitio Web.
- Introducción a un Patrón de Interacción.
- Modo de mostrar buenos y malos ejemplos de un patrón.
- De igual manera que el Mapa, este trabajo sera realizado en Figma; exportado como imagen y publicado en el proyecto.
- Formato de Entrega: Vía Casiopea.
- Actualizar y publicar contenido en el proyecto ya realizado
- Estructura de trabajo: Proyecto nivel grupal (6 grupos de 5 alumnos)
- Herramientas: Descripciones escritas, Pantallas e Imágenes, Figma (Mapa de Navegación y Wireframes e Interfaz).
- Día de Entrega: Martes, 14 de Abril.
Este semana se destina a la reflexión personal, a la observación y a la conceptualización de una propuesta de interacción para el proyecto grupal. Ejes importantes:
- Observación del estar ante y dentro de forma simultánea, relación básica de la arquitectura orientada. ¿Cómo me oriento estando ante una interfaz y dentro de un sistema de hipertexto? ¿cuáles son las indicaciones visuales de orientación, de lectura, de anticipación y de flujo?
- Avanzar hacia una proposición de navegación y de experiencia (mira y siente) para el sitio.
Lecturas
- John Dewey, El Arte Como Experiencia. Leer el capítulo 3 "Cómo se Tiene una Experiencia". Se recomienda revisar otros trabajos en Casiopea acerca de Modelos de Experiencia
- Design for Dasein: Understanding the Design of Experiences (Thomas Wendt). Capítulo 2.
- Tools for Conviviality, Ivan Illich. Reflexión acerca de la relación de dependendia y determinación tecnológica
Etapa 3: Diseño de Interfaz
- Formato de Entrega: Vía Casiopea.
- Actualizar y publicar contenido en el proyecto ya realizado
- Estructura de trabajo: Proyecto nivel grupal (6 grupos de 5 alumnos)
- Herramientas: Descripciones escritas, Pantallas e Imágenes, Figma (Diseño de Pantallas), Illustrator (Logos, iconos, ilustración), Photoshop (Trabajo por de imágenes).
- Día de Entrega: Martes, 21 de Abril.
Avanzar en las propuestas de diseño, específicamente para diseño de interfaz (UI). Esto significa iniciar la construcción de imagen de marca, con una línea gráfica definida y con consistencia a través de las diferentes páginas de sus sitio. Recomendamos cuestionar los nombres de sus proyectos, evitando las combinaciones de varias palabras en una (palabras fantasías) y privilegiando nombres con bajadas que permitan comprender mejor el sentido de su proyecto.
Esperamos lo siguiente:
- Diseño de Logo
- Definición de colores
- Definición de tipografía
- Diseño de iconos requeridos
- Diseño de ilustraciones y otras imágenes de apoyo
- Especial atención y cuidado en margenes y grilla (Geometría estructural del sitio web)
Recuerden la comprensión del diseño de interfaz desde el Diseño Atómico presentado como materia en clases anteriores.
Referencias de sitios web
- https://www.aatt.io/
- https://www.revenuecat.com/
- https://www.virgin.com/
- https://designers.at.finsweet.com/
- https://monyssb.com/
- https://jurajmolnar.com/
- https://heliasoils.com/
- https://basecamp.com/
- https://www.fiftythree.com/
Etapa 4: Desarrollo de Sitio Web
- Formato de Entrega: Vía Casiopea.
- Actualizar y publicar contenido en el proyecto ya realizado
- Estructura de trabajo: Proyecto nivel grupal (6 grupos de 5 alumnos)
- Herramientas:
- Diseño de Interfaz: Descripciones escritas, Pantallas e Imágenes, Figma (Diseño de Pantallas), Illustrator (Logos, iconos, ilustración), Photoshop (Trabajo por de imágenes).
- Desarrollo por código: Editor de código de su preferencia, Github (Publicación de repositorio).
- Día de Entrega: Viernes, 24 de Abril.
En esta etapa se debe estar realizando paralelamente dos procesos de trabajo:
- Refinamiento en el criterio gráfico en el diseño final de la pagina:
- Identidad de marca junto con las normas gráficas que la constituyen (Logotipo, paleta de colores, tipografía, ilustraciones).
- Remarcar que todo criterio gráfico que conforma una identidad de marca debe estar directamente relacionado con las observaciones formuladas es la propuesta de navegación.
- Desarrollo web de la Propuesta:
- Pasar la estructura de contenido, definido ya en Wireframes a HTML de modo que argumente la arquitectura de información propuesta para el sitio.
- Transcribir las propuestas visuales dadas en el diseño de interfaz, a escalas de estilos CSS en el prototipo HTML.
- Dicho prototipo debe estar publicado en un repositorio de Github.
Herramientas
- Editores de Código
- Sublime Text 3 (ligero y muy extensible)
- Coda 3 (muy extensible y se puede trabajar remotamente. Exclusivo de Mac)
- Brackets (Posee su propio visualizador)
- Atom (Tiene un plugin que permite commitear directamente hacia Github)
- Visual Studio Code
- Tipografiás
- Fontsquirrel
- Google Fonts
- Adobe Fonts (Mayor variedad, pero es pagado)
- Publicación de repositorios
Tutoriales relevantes
Cierre de Ciclo: Malas Prácticas en UX
En esta ultima etapa de desarrollo, se presentara el proyecto que cierra el ciclo de Malas Practicas en UX, donde cada grupo documentara de forma completa y elocuente el proceso de propuesta del Sitio web. Ademas, la evaluación se complementara con el proceso individual de cada alumno, en relación a la documentación y fundamentación de la materia estudiada.
- Formato de Entrega: Vía Casiopea.
- Publicación individual en Tarea 3 actualizada
- Publicación grupal en pagina del proyecto actualizada
- Tipo de contenido a entregar:
- Patrón de Interacción y Ejemplos: Texto (fundamentación observación y descripción), imágenes (Capturas de Pantalla con elementos indicadores de la navegación y visualizaciones conceptuales que complementen la explicación de la materia), Partitura de Interacción.
- Arquitectura de Información: Texto que explique los fundamentos y los procesos de cada etapa, Mapa de Navegación (todas las versiones y con sus modificaciones verbalizadas), Wireframes versión de escritorio y móvil (Todas las etapas de modificación,verbalizando sus cambios y agregando texto que facilite la comprensión de la propuesta en la navegación).
- Diseño de Interfaz e Identidad de Marca: Normas Gráficas (proceso constructivo del Logo, íconos, criterios tipográficos, decisión en la paleta de colores y su aplicación, etc.), Pantallas de navegación con al interfaz aplicada en versión de escritorio y móvil (Todas las pantallas tipo con las normas gráficas aplicadas, contenido e imágenes).
- Desarrollo Web: Transcripción de propuesta de interfaz y navegación en repositorio en Github con paginas tipo navegables por HTML con CSS.
- Día de Entrega: Martes, 5 de Mayo.
Rubrica de Evaluación
Reconoce y observa el campo de diseño | Reflexiona y tiene una mirada crítica | Interpreta, compone y diagrama | Construye y Desarrolla el diseño técnicamente | |
---|---|---|---|---|
Porcentaje | 30% | 30% | 30% | 10% |
Nota | Individual | Individual | Grupal | Grupal |
Entregables | Recopilación de patrones y casos ejemplares | Análisis y fundamento critico del patrón estudiado | Arquitectura de la información, Diseño de interfaz y Lenguaje visual | Publicación de la propuesta en HTML y CSS |
Especificaciones | Publicado en "tarea 3": Terminar de desarrollar lo realizado en la tarea 3 en la identificación de un patrón, que seria una buena y mala practica en el este caso y los ejemplos correspondientes que lo fundamentan (mínimo 5 buenas practicas y 5 malas practicas y con todos los elementos visuales y descriptivos que permiten comprender la experiencia de navegación de estos patrones). | Publicado en "tarea 3": Desarrollar desde la tarea 3 el fundamento y la observación frente a la materia estudiada. ¿Que se refiere a patrones de interacción? ¿Por que es importante como comunidad de diseñadores identificar estos criterios? ¿Como identificamos y a que se refiere cuando hablamos de una mala y buena practica?. | Publicado en Proyecto por Grupo: Documentar todo el desarrollo constructivo de la propuesta de Sitio Web de cada grupo y evidenciar las determinaciones finales en cada etapa (Mapa de Navegación final, Wireframes Finales, Diseño de Interfaz Final, etc.), junto con textos que expliquen las decisiones realizadas para el producto final de su proyecto (Mostrar de manera mas completa, con imágenes, textos, capturas y vídeos, visualizaciones conceptuales, que aporten a la comprensión de su propuesta). | Publicado en Proyecto por Grupo: Publicar en repositorio de Github linkeado en su pagina de proyecto grupal donde presente un flujo de navegación que corresponda en un Set de 3 paginas; Inicio, Categorías y Patrón con ejemplos. |
Material de Apoyo
La mayoría de los recursos referenciales para el desarrollo web está en inglés. Al buscar cosas en inglés podemos encontrar las referencias más actualizadas y cercanas a la fuente.
Clase de HTML y CSS
Git
Git es una herramienta de control de versión y colaboración.
HTML
HTML usa "marcado" (markup en inglés) y define la estructura de los documentos en Internet.
CSS
- CSS Grid is a Grid Framework. o por qué no es necesario saber Bootstrap.
- La Grilla o "Rejilla"
- Tipografía flexible con la función calc()
SCSS o SASS
Sass es el acrónimo de Syntactically Awesome Style Sheets. Saber esto no es imprescindible pero sí muy recomendado para ordenar y modularizar proyectos, especialmente cuando son más grandes.
Proyectos Grupales
Catalina Armijo, Camilo Caroca, Omar Nuñez, Rodrigo Toro, Marcelo Mondaca
sitioweb
Proyectos Individuales
- Alejandro Jiménez Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Alejandro Jiménez Amín)
- Amalia Casanova Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Amalia Casanova)
- Antonia Escudero Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Escudero)
- Antonia Gallardo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Antonia Gallardo)
- Antonia López 3 - Taller de Diseño de Interacción 2020(Alumnos: Antonia López)
- Camilo Caroca Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Camilo Caroca)
- Catalina Armijo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Armijo)
- Catalina González Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Catalina González)
- Catalina Jorquera Kruberg Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Jorquera Kruberg)
- Catalina Velásquez Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Catalina Velásquez)
- Constanza Cabrera Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Cabrera)
- Constanza Villarroel Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Constanza Villarroel)
- Cristina Herrero Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Cristina Herrero)
- Daniela Murillo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Daniela Murillo)
- David Silva Bernales Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: David Silva Bernales)
- Fernanda Talamilla P Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Fernanda Talamilla P)
- Gabriela Zett Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Gabriela Zett)
- Javiera Galaz Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Javiera Galaz)
- Josefa Zamora Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Josefa Zamora)
- Marcelo Mondaca Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Marcelo Mondaca)
- Martín Canihuante Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Martín Canihuante)
- María Ignacia Santander Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: María Ignacia Santander Serrano)
- María Inés González Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: María Inés González Guardia)
- Omar Nuñez Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Omar Nuñez)
- Paola Chicano Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Paola Chicano)
- Roberta Durán Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Roberta Durán)
- Rocío Castillo Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Rocío Castillo)
- Rodrigo Toro Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Rodrigo Toro)
- Sebastián Perucci Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Sebastián Perucci)
- Valentina Blanco Tarea 3- Taller de Diseño de Interacción 2020(Alumnos: Valentina Blanco)
- Vicente Quezada Salfate Tarea 3 - Taller de Diseño de Interacción 2020(Alumnos: Vicente Quezada Salfate)
Ciclo 2: Juego, Fenómeno y Tecnología
Tras la materia estudiada bajo el enfoque crítico y disciplinar correspondiente a los Patrones de Interacción y sus buenas y malas prácticas frente a la Experiencia de Usuario, levantaremos la segunda arista que fundamenta el Taller, bajo el fenómeno del Juego, desde la percepción contemplativa como estado de flujo de Interacción.
El juego como fenómeno espiritual propio de la condición humana, es una suerte de proyección que desencadena el objeto -o sistema- diseñado, generando un estado que interrumpe el flujo común de una situación cotidiana -intermezzo-, comportándose como una presentación y expresión figurativa de una idea acerca de nuestra realidad.
El filósofo Ludwig Wittgenstein dice:
...No se puede decir (de los juegos): "Deben tener algo en común, o no serían llamados 'juegos'", pero observen y vean si hay algo común a todos ellos. Porque si los observas, no verás algo que les sea común a todos, sino sólo similitudes parciales o afinidades particulares en ellos. Debes repetirte: ¡no pienses, sino observa! |
Por tanto, el campo de observación es el hecho lúdico mismo en el juego y el jugar -game y play-, donde la materia o fenómeno material surge desde su valor potencial -como el dedo que apunta a la luna. No se trata del dedo, se trata de la luna-.
Por el otro lado, la Carta del Errante menciona:
Es necesario obedecer al acto poético con y a pesar del mundo para desencadenar la Fiesta. Y la Fiesta es el juego, supremo rigor de mi libertad. Tal es la misión del poeta porque el mundo debe ser siempre reapasionado. |
Es importante comprender el vínculo entre el jugador y el juego en su propia capacidad de celebración y creatividad, conforma el juego como un sistema interactivo y dinámico -un mecanismo- que se compone por elementos esenciales diseñados expresamente para conformar la experiencia del juego. Este mecanismo interno constituye un delicado balance entre la restricción o traba que reside en el conjunto de reglas que contienen el flujo de las jugadas y el ritmo de los pequeños logros o victorias que ritman, matizan y retroalimentan la experiencia; y todo ello orientado hacia una meta clara y manifiesta. Entonces se entiende que el saber jugar no tiene nada que ver con las reglas, sino con las heurísticas o conjunto de tácticas que surgen del “saber jugar bien”, de la destreza, y todo aquello que guía las acciones y que en definitiva le dan el carácter al juego.
Cronograma del Ciclo
MAYO | JUNIO | JULIO | ||||||||
---|---|---|---|---|---|---|---|---|---|---|
S.09 | S.10 | S.11 | S.12 | S.13 | S.14 | S.15 | S.16 | S.17 | S.18 | S.19 |
11-15 | 18-22 | 25-29 | 01-05 | 08-12 | 15-19 | 22-26 | 29-03 | 06-10 | 13-17 | 20-24 |
EN PARO | LIBRE | Puesta al día | TÉRMINO | |||||||
Define su observación personal mediante modelos y casos de estudio | Versión 1: Propuesta Individual
Revisión y corrección |
Revisión de avances y corrección | Versión 2: Propuesta Individual
Definición de tipo de juego |
Semana sin clases ni evaluaciones . | PDC2020 Conferencia de Diseño.
(Profesores Ausentes) |
Desarrollo propuesta juego grupal
Revisión de avances y corrección |
Validación del juego con “otros”
Revisión de avances y corrección |
Implementa mejoras a partir de evaluación | Desarrolla su entrega final ¿Cómo se transfiere la experiencia del juego? | Elabora y entrega documentación definitiva |
Etapa 1: Observación del Juego
Encargo 1
Como primer ejercicio de esta etapa, abriremos el campo de la observación desde el ámbito cotidiano -dentro de la posibilidades que permiten el contexto en que estamos viviendo-, contemplando distintos espacios e interacciones lúdicas,haciendo consciente e identificando como nos adentramos desde ellas a un flujo de juego, respondiendo las siguientes preguntas: ¿Qué momentos permiten el aparecer de un “juego”?, ¿Como nos encontramos con un estado de flujo de juego? ¿Que elementos de ese momento permiten dejarme llevar cuando se experimenta un fenómeno lúdico?
Para decantar este estudio, debe estar apoyado por distintos materiales que evidencian las observaciones:
- Croquis: que evidencien y abstraiga los fenómenos contemplados.
- Esquemas conceptuales y Modelos: Visualizaciones que levanten conceptos claves del estudio, acoplados en un figura de pensamiento.
- Textos descriptivos y argumentales: en donde se desarrolla y articula las observaciones levantadas.
- Formato de Entrega: Vía Casiopea.
- +Nuevo Objeto > Nueva Tarea > Nombrar la Tarea como "Nombre de Alumno, Estado de flujo: entre el juego y lo cotidiano, E1- Taller de Diseño de Interacción 2020"
- Número: 5
- Día de Entrega: Viernes, 8 de Mayo.
- Herramientas: Descripciones escritas, Fotos de Croquis (Photoshop,Escaner,etc), Esquemas conceptuales y Modelos (Illustrator, entre otros programas).
Encargo 2
Teniendo ya un primer acercamiento al juego como un estado de flujo, trasladar estas experiencias de observación hacia casos de estudios únicos; buscar 2 juegos de cualquier naturaleza (corporales, vídeo juegos, de mesa, etc.), observar los elementos que lo constituyen, compararlos, y levantar mapas conceptuales, fundamentos y modelos (figuras de pensamiento) que permitan construir el estudio requerido.
Para decantar este estudio, debe estar apoyado por distintos materiales que evidencian las observaciones:
- Croquis: que evidencien y abstraiga los conceptos contemplados (en el caso de juegos físicos).
- Capturas de Imágenes: que evidencien los conceptos que constituyen el flujo (en el caso de juegos digitales).
- Esquemas conceptuales y Modelos: Visualizaciones que levanten conceptos claves del estudio, acoplados en un figura de pensamiento.
- Textos descriptivos y argumentales: en donde se desarrolla y articula las observaciones levantadas.
- Formato de Entrega: Vía Casiopea.
- +Nuevo Objeto > Nueva Tarea > Nombrar la Tarea como "Nombre de Alumno, Casos de Estudios del Juego, E2- Taller de Diseño de Interacción 2020"
- Número: 6
- Día de Entrega: Martes, 12 de Mayo.
- Herramientas: Descripciones escritas, Fotos de Croquis (Photoshop,Escaner,etc), Esquemas conceptuales y Modelos (Illustrator, entre otros programas).
Encargo 3
Seguir profundizando los casos estudiados y abrir campo a mas casos comenzando a construir una biblioteca de casos en relación a la materia del taller. De las lecturas propuestas para el ciclo, identificar conceptos que se encuentran en la galaxia del juego, eligiendo uno y profundizándolo (estos conceptos no se pueden repetir por alumno).
Para decantar este estudio, debe estar apoyado por distintos materiales que evidencian las observaciones:
- Croquis: que evidencien y abstraiga los conceptos contemplados (en el caso de juegos físicos).
- Capturas de Imágenes: que evidencien los conceptos que constituyen el flujo (en el caso de juegos digitales).
- Esquemas conceptuales y Modelos: Visualizaciones que levanten conceptos claves del estudio, acoplados en un figura de pensamiento (tanto para los casos de estudios como los conceptos profundizados).
- Textos descriptivos y argumentales: en donde se desarrolla y articula las observaciones levantadas (tanto para los casos de estudios como los conceptos profundizados).
- Formato de Entrega: Vía Casiopea.
- +Nuevo Objeto > Nueva Tarea > Nombrar la Tarea como "Nombre de Alumno, Casos de Estudios del Juego, E3- Taller de Diseño de Interacción 2020"
- Número: 7
- Día de Entrega: Martes, 15 de Mayo.
- Herramientas: Descripciones escritas, Fotos de Croquis (Photoshop,Escaner,etc), Esquemas conceptuales y Modelos (Illustrator, entre otros programas).
Proyecto Individual etapa 1: Observación del Juego
Teniendo los encargos realizados anteriormente, crear un proyecto correspondiente a la investigación individual de un concepto del juego, junto con los casos de estudio de juegos únicos y variados (mínimo 2 por alumno). Para incluir al proyecto los casos de juegos realizados, enlazar como "casos de estudios".
En este proyecto debe presentarse:
- Observación y teoría del Juego: Bajada argumentativa que levante la revisión teórica abstraída de la bibliográfica estudiada, que introduzca a la materia del ciclo.
- Modelo de la teoría del Juego: Modelo conceptual que sintetice la revisión teórica y explique en que consiste el juego como un flujo de interacción.
- Estudios de casos de Juego: presentación, descripción y comparación y comprensión de variados casos de juegos (mínimo 2, únicos e irrepetibles por alumnos). este este estudio debe estar enriquecido tanto por material textual, como material visual y conceptual que lo fundamente (croquis o capturas de pantallas según la naturaleza del juego, mapas y modelos conceptuales, entre otros). En ello debe evidenciarse la naturaleza del juego, en que consiste, como se estructura, el comportamiento de el(los) jugador(es), y como se relacionan entre casos
- Investigación de un concepto: que se ubique dentro de la galaxia del juego, materia enriquecida por texto, mapas conceptuales, modelos, entre otros.
Materiales que enriquezcan el es estudio de la materia:
- Croquis: que evidencien y abstraiga los conceptos contemplados (en el caso de juegos físicos).
- Capturas Imágenes: que evidencien los conceptos que constituyen el flujo (en el caso de juegos digitales).
- Esquemas conceptuales y Modelos: Visualizaciones que levanten conceptos claves del estudio, acoplados en un figura de pensamiento (tanto para los casos de estudios como los conceptos profundizados).
- Textos descriptivos y argumentales: en donde se desarrolla y articula las observaciones levantadas (tanto para los casos de estudios como los conceptos profundizados).
- Formato de Entrega: Vía Casiopea.
- +Nuevo Objeto > Nuevo Proyecto > Nombrar Proyecto como "Nombre de Alumno, Observación del Juego- Taller de Diseño de Interacción 2020"
- Palabra Clave: teoriadeljuego
- Día de Entrega: Martes, 19 de Mayo.
- Herramientas: Descripciones escritas, Fotos de Croquis (Photoshop,Escaner,etc), Esquemas conceptuales y Modelos (Illustrator, entre otros programas).
Proyecto Individual etapa 2: Observación del Juego
Siguiendo con el desarrollo del proyecto, dirigir todo el contenido levantado y estudiado en la convergencia de un prototipo individual de juego (puede ser físico o digital) que contenga todos los elementos claves que participan en la constitución de un estado de juego.
Para ello, debe presentarse:
- Observación y teoría del Juego: Bajada argumentativa que levante la revisión teórica abstraída de la bibliográfica estudiada, que introduzca a la materia del ciclo.
- Modelo de la teoría del Juego: Modelo conceptual que sintetice la revisión teórica y explique en que consiste el juego como un flujo de interacción.
- Estudios de casos: Vincular los casos estudiados de juego, junto con una descripción y un comparación entre ellos (cada caso de estudio debe contener su observación como flujo, esquemas y modelos que los argumenten)
- Investigación de un concepto: que se ubique dentro de la galaxia del juego, materia enriquecida por texto, mapas conceptuales, modelos, entre otros.
- Observación del concepto: desde el concepto estudiado, abrir campo de observación (por medio de dibujos, anotaciones y demás) y como este aparece en la cotidianidad como elemento gatillante de un estado de juego. Este estudio debe estar enriquecido con esquemas y modelos que lo argumenten.
- Diseño de juego: Primera versión de prototipo de un juego (original) que ideado desde la observaciones realizadas, construido con materiales de alcance accesible en casa. Presentar por dibujos del diseño, textos que lo describan (en el debe evidenciarse la naturaleza del juego, en que consiste, como se estructura, el comportamiento de el(los) jugador(es)) y fotos del prototipo real.
Materiales que enriquezcan el es estudio de la materia:
- Croquis: que evidencien y abstraiga los conceptos contemplados (en el caso de juegos físicos).
- Capturas Imágenes: que evidencien los conceptos que constituyen el flujo (en el caso de juegos digitales).
- Esquemas conceptuales y Modelos: Visualizaciones que levanten conceptos claves del estudio, acoplados en un figura de pensamiento (tanto para los casos de estudios como los conceptos profundizados).
- Textos descriptivos y argumentales: en donde se desarrolla y articula las observaciones levantadas (tanto para los casos de estudios como los conceptos profundizados).
- Fotos de Prototipos: Imágenes que muestren la totalidad del prototipo, desde su figura general hasta sus partes mas importantes.
- Formato de Entrega: Vía Casiopea.
- Actualizar el proyecto "Nombre de Alumno, Observación del Juego- Taller de Diseño de Interacción 2020"
- Palabra Clave: juegouno
- Día de Entrega: Martes, 22 de Mayo.
- Herramientas: Descripciones escritas, Fotos de croquis y prototipo (Photoshop, Escaner,etc), Esquemas conceptuales y Modelos (Illustrator, entre otros programas).
Proyecto Individual Presentación: Observación y Diseño del Juego
Entrando al final de esta primera etapa del ciclo, realizar presentación final de su proyecto individual, teniendo en consideración lo siguientes puntos:
- Mapa Teórico del Juego: Mapa conceptual que induzca a la materia del juego a nivel genérico(junto con apoyo descriptivo de textos, citas, etc.), estudio respaldados por las referencias bibliográficas entregadas para este ciclo.
- Observación de flujos del juego dentro de lo cotidiano: Ejercicio de Observación por medio de dibujos anotaciones que levanten elementos que forman parte del estado de juego.
- Casos de Estudios: Análisis de distintos casos de juegos ya existentes, en donde se estudia la mecánica y los elementos que entrar en juego para que se produzca este flujo de juego.
- Concepto levantado y profundizado: Identificar un concepto que se relaciones con el acto ludico del juego, ahondando en como se articula en un sistema y cuales son sus cualidades.
- Propuesta de Juego:
- Concepto del Juego: ficha técnica y descripción que presente las características generales del juego propuesto (acompañado por imágenes del juego diseñado).
- Nombre del Juego
- Categoría: Juego de Rol, Competencia, Destreza física, Abstracto, Party Game, Temáticos, etc. (Videojuego o de mesa)
- Participantes: De cuantos jugadores es el juego.
- Campo de juego: En mesa, dimensionalidad física, Digital, etc.
- Piezas: Cartas, piezas calzadas, fichas, etc.
- Tiempo ponderado: cuanto es el tiempo que se demora en realizar una partida.
- Objetivo: ¿Cual es la finalidad?
- Jugabilidad y mecánicas del juego : Reglas y procedimientos donde se presenta cuales son los artefactos y como interactuan.
- Modelo del juego: Modelo conceptual donde evidencia el dinamismo en el sistema diseñado en el juego y como rebela el flujo del juego (elemento tensor que mantiene a los jugadores dentro del estado ludico).
- Concepto del Juego: ficha técnica y descripción que presente las características generales del juego propuesto (acompañado por imágenes del juego diseñado).
- Presentación en vídeo:
- Presentación del juego: Objetivo, Reglas, Procedimientos (jugabilidad)
- El concepto que lo fundamenta
- Modelo del juego y descripción del dinamismo en el sistema del juego.
- Este vídeo debe durar máximo 2 minutos
Como entregar:
- Formato de Entrega: Vía Casiopea.
- Nuevo Proyecto: "Nombre de Alumno, Observación del Juego- Taller de Diseño de Interacción 2020"
- Palabra Clave: juegouno
- Día de Entrega: Domingo, 7 de Junio.
- Materiales y Herramientas: Descripciones escritas, Fotos de croquis y Fotos de la propuesta (Photoshop, Escaner,etc), Esquemas conceptuales y Modelos (Illustrator, entre otros programas), Videos (Sony Vegas, Photoshop, Power Point, Movie Maker, Filmora, etc.).
Proyectos Individuales
- "David Silva Bernales, Observación del Juego- Taller de Diseño de Interacción 2020"
- "Sebastián Perucci, Observación del Juego- Taller de Diseño de Interacción 2020"
- Alejandro Jiménez, Observación del Juego- Taller de Diseño de Interacción 2020
- Amalia Casanova, Observación del Juego- Taller de Diseño de Interacción 2020
- Antonia Escudero, Observación del Juego- Taller de Diseño de Interacción 2020
- Antonia Gallardo, Observación del Juego- Taller de Diseño de Interacción 2020
- Antonia López Lagos, Observación del Juego- Taller de Diseño de Interacción 2020
- Camilo Caroca, Observación del juego- Taller de Diseño de Interacción 2020
- Catalina Armijo, Observación del Juego- Taller de Diseño de Interacción 2020
- Catalina González, Observación del Juego- Taller de Diseño de Interacción 2020
- Catalina Jorquera Kruberg, Observación del Juego- Taller de Diseño de Interacción 2020
- Catalina Velasquez, Observación del Juego- Taller de Diseño de Interacción 2020
- Constanza Cabrera, Observación del Juego- Taller de Diseño de Interacción 2020
- Constanza Villarroel, Observación del Juego- Taller de Diseño de Interacción 2020
- Cristina Herrero, Observación del Juego- Taller de Diseño de Interacción 2020
- Daniela Murillo, Observación del Juego- Taller de Diseño de Interacción 2020
- Fernanda Talamilla Pino, Observación del Juego- Taller de Diseño de Interacción 2020
- Gabriela Zett, Observación del Juego - Taller de Diseño de Interacción 2020
- Javiera Galaz, Observación del Juego- Taller de Diseño de Interacción 2020
- Josefa Zamora, Observación del Juego- Taller de Diseño de Interacción 2020
- Marcelo Mondaca, Observación del Juego- Taller de Diseño de Interacción 2020"
- Martín Canihuante, Observación del Juego- Taller de Diseño de Interacción 2020
- María Ignacia Santander, Observación del Juego- Taller de Diseño de Interacción 2020
- María Inés González, Observación del Juego- Taller de Diseño de Interacción 2020
- Omar Nuñez, Observación del Juego- Taller de Diseño de Interacción 2020
- Paola Chicano, Observación del Juego- Taller de Diseño de Interacción 2020
- Roberta Durán, Observación del Juego - Taller Diseño de Interacción 2020
- Rocío Castillo, Observación del Juego- Taller de Diseño de Interacción 2020
- Valentina Blanco, Observación del Juego- Taller de Diseño de Interacción 2020
- Vicente Quezada Salfate, Observación del Juego- Taller de Diseño de Interacción 2020
Etapa 2: Diseño de un sistema de Juego
Fase 1
Habiendo experimentado un primer ejercicio individual, donde desarrollaron un estudio (por medio de la observación, lectura teórica y casos de estudios como referencias) y con eso una propuesta de juego, conformando todos los elementos claves para la estructuración de un sistema de juego, ahora se formalizará esta experiencia en un proyecto grupal, que contenido levantado desde el ejercicio anterior, tendrán que re formular una nueva propuesta de juego, considerando en este primer encargo, los siguientes puntos:
- Introducción a la materia del juego: Introducción teórica de que se trata el juego y la relacion de todos los elementos que estructuran y hacen evidente su cualidad ludica (enriquecerlo con un mapa conceptual).
- Re formulación del concepto de juego:
- Breve presentación de las propuestas individuales: concepto y como se abordo a un juego
- Articulación de estos conceptos (enriquecido con texto y un modelo)
- Casos de estudios: Nuevos casos de estudios que puedan perfilar hacia la formulación de su concepto
- Presentación del concepto formulado: Argumento del concepto, en relacion al contenido levantado anteriormente que enriquece con características indicadas hacia la realización de un juego (aparte del concepto, que elementos que rescatados le dará el carácter al juego que diseñaran) (enriquecido con modelo)
- Primeras Propuestas del Juego: Nombre de la propuesta, demostraciones en dibujos, esquemas de las versiones ideadas (ideal tener un prototipo alfa del juego) y descripción de como se jugaría.
Materiales que enriquezcan el es estudio de la materia:
- Croquis: que evidencien y abstraiga los conceptos contemplados (en el caso de juegos físicos) e idear versiones del juego.
- Capturas Imágenes: que evidencien los conceptos que constituyen el flujo (en el caso de juegos digitales).
- Esquemas conceptuales y Modelos: Visualizaciones que levanten conceptos claves del estudio, acoplados en un figura de pensamiento (tanto para los casos de estudios como los conceptos profundizados).
- Textos descriptivos y argumentales: en donde se desarrolla y articula las observaciones levantadas (tanto para los casos de estudios como los conceptos profundizados).
Para ello el modo de entrega será el siguiente:
- Formato de Entrega: Vía Casiopea.
- Carácter del proyecto: Proyecto Grupal (de 3 a 4 alumnos)
- Nuevo Proyecto: "Propuesta de Juego:(nombre del juego diseñado)"
- Palabra Clave: juegodos
- Día de Entrega: Martes, 23 de Junio.
- Semana de Corrección: 23 y 26 de Junio.
Fase 2
Considerando la situación que nos amerita la presencialidad remota, abriendo la siguiente pregunta que permita dirigir la realización de esta propuesta de juego: ¿Como pensamos en la actualidad, en situación de pandemia, mecánicas de juegos, capaces de ser transferibles bajo condiciones remotas?
Para ello tenemos las siguientes coordenadas que podrían guiar al diseño de un juego que responda a esta pregunta:
- Un juego que contenga un nivel de trascendencia: Juegos que aborden un tema de contingencia y aportando de maneras educativas y social.
- Nuevas modalidades jugabilísticas a distancia: Reconocer las posibilidades tecnológicas facilitadas para el encuentro de manera remota, que permitan ingeniar modalidades en la jugabilidad del juego diseñado, que respondan y solucione las condiciones actuales, pensando en un juego que se participa en grupos.
- Propuesta de distribución del juego diseñado: Con respecto a la coordenada anterior, proponer de igual manera formas que faciliten la distribución del juego bajo condiciones de pandemia (pensando en las posibilidades de que al jugador le llegue las piezas suficientes para poder acceder a la experiencia del juego, sea físicas o digital).
Como parte de los enunciados anteriormente, cada juego debe presentar un sitio web en modo de contenedor virtual que permita exponer su propuesta de juego. Cada sitio web debe contener los siguientes elementos:
- Presentación del juego: Narrativa, Objetivo y Meta.
- Ficha técnica del Juego: Tipo de juego, Categoría, Modo de juego, Cantidad de Participantes y Tiempo estimado.
- Modalidades Jugabilisticas: En el caso que el juego tenga distintas posibilidades de ser jugado.
- ¿Como se juega?: En torno a las modalidades posibles del juego distinguir preparación (En caso de ser fisico y/o armable) y/o inicio del juego, Desarrollo (turnos, interacción con las piezas y entre los jugadores) y termino (indicador de victoria en torno a los objetivos y las metas del juego).
- Reglas: Posibilidades y restricciones que sistematizan el flujo del juego.
- Accesibilidad al juego: refiriendo a como adquirir el juego (links de descarga, de compra o dirección del juego online).
- Flexibilidad multi-idioma: preferible la posibilidad que todo el contenido este disponible en distintos idiomas (ingles, español).
Para ello el modo de entrega será el siguiente:
- Formato de Entrega: Vía Casiopea.
- Actualizar Proyecto: "Propuesta de Juego:(nombre del juego diseñado)"
- Día de Entrega: Martes, 30 de Junio.
- Semana de Corrección: 30 de Junio y 3 de Julio.
Fase Final
Esta ultima fase del proyecto se enfocara en realizar la versión final del juego en estado de presentarlo en la fecha entrega del proyecto.
Martes 14 de Julio
Se realizara la ultima corrección general para todos los proyectos, quienes deberán alistarse a los horarios de corrección estipulados correspondientemente. En estas correcciones se encargara de revisar los siguientes ámbitos del proyecto (según el criterio del equipo determinar cual es el mas priorizable con respecto a el avance):
Versión (semi)final del juego:
- Presentación del juego: De forma clara sintética y consiza del juego (de que se trata, la narrativa y como se juega).
- Concretización en la mecánica del juego: Presentar versiones lo suficientemente terminadas que puedan ser jugadas para poder examinar como se sistematiza los elementos que permiten el flujo del juego (verificar su jugabilidad). Para ello ya debe estar solucionado:
- Objetivos del Juego, Mecánica, Narrativa que respondan a la jugabilidad.
- Veracidad del piezas bien construidas bajo el criterio de la plataforma en que se presente el juego.
- Linea gráfica consistente del juego (Criterios gráficos que disponen en la identidad del juego, desde el mismo hasta todos los elementos que la contienen, como caja, manual, etc).
Sitio Web del Juego:
- Optima presentación del contenido que enriquece el universo del juego (cómo presentar de mejor manera el juego sus elementos).
- Arquitectura de información que jerarquiza de manera optima el contenido que presenta (cómo se va distribuir el contenido).
- Linea gráfica del interfaz que concuerda con la linea gráfica desarrollada en el juego (cómo esta linea gráfica permea todo los elementos que forman parte del juego).
- Vídeo de presentación (solo en caso de que este realizado)
Viernes 17 de Julio: Entrega del Proyecto
Entrega de la versión finalizada del juego en sus plataformas correspondientes junto con su vídeo de presentación. Ademas ademas, es recomendable tener tanto el sitio web como la documentación en la wiki completa (este ultimo es posible extenderse hasta el lunes 22 de Julio). Para cada punto se considerara desarrollar de la siguiente forma:
Proyecto de Juego:
- En el caso de un Juego Físico presentar:
- Imagen en distintas perspectivas del juego diseñado y construido (mostrando detalles en las terminaciones de los elementos que la conforma; Construcción de las piezas, tablero y todo lo que aporte a la experiencia del juego).
- Manual del juego y packaging.
- En el caso de Juego Virtual presentar:
- Ficha Técnica del juego
- Descripción, Objetivo, Narrativa, Desarrollo del juego y reglas
- Versión online del juego, habilitado para ser probado (correspondiente a la plataforma que utilice).
- Manual del juego (aplicado a la plataforma y también subida a la wiki) y su packaging (en caso de necesitarlo).
Vídeo de Presentación:
- ¿De que se trata el juego?: Descripción, Objetivo y narrativa y visualización del juego en su completitud.
- ¿Como se juega?: Segmentos que presenten el proceso del juego indicando su estructura en la mecánica y las reglas que la limitan.
- OJO:
- El vídeo debe durar máximo 2 min.
- Estar vinculado tanto al sitio web del juego como a la wiki.
- Recordar habilitar el video de manera publica para que pueda ser visto sin problemas.
- Preferible considerablemente que haya una voz que explique todo lo necesario para presentar el juego.
- Jerarquizar los contenidos necesarios para que se entienda su propuesta.
Sitio Web:
- Descripción, Objetivo, Narrativa.
- Imagen de presentación del juego.
- Ficha Técnica del juego.
- Vídeo de Presentación.
- Instrucciones del juego: Desarrollo del juego y reglas.
- Presentación de las piezas que la conforman, los turnos, el rol de los jugadores etc.
- Descargables (en el caso de necesitarlo).
- Enlace al juego (en el caso de necesitarlo).
- Contenido extra que enriquezca la experiencia del juego.
- OJO:
- Pernear de forma consistente la linea gráfica diseñada para el juego.
- Estructurar el contenido (de lo mas importante a lo mas especifico) para ser comunicado de la mejor manera.
- En el caso de tener mas de una pagina, preocuparse en que estén todos bien enlazados.
Estructura de la Documentación(wiki):
- Aportes de los juegos individuales anteriores
- Observaciones fundamentales
- Propuestas iterativas (versiones)
- Objetivos, mecánicas, narrativas, reglas, etc.
- Videos de prueba
- Pruebas con usuarios (con sus anotaciones correspondientes)
- Propuesta final
- Concepto, narrativa, mecánica y reglas
- Lenguaje gráfico
- Video Final
- Web
- Referencias
Rúbrica de Evaluación
Integra y Propone | Itera y Refina | Desarrolla y Materializa | Reflexiona y Expone | |
---|---|---|---|---|
Porcentaje | 25% | 25% | 25% | 25% |
Entregables | Documentación de la discusión de grupo y combinatoria de sus observaciones y propuestas individuales. | Documentación de proceso de evaluación del juego con otros, aprendizajes y mejoras de su propuesta. | Construcción física o desarrollo en programación de su propuesta grupal de juego. | Presentación de su propuesta y transferencia de la experiencia del juego. Documentación completa de su proceso de diseño. |
Especificaciones | De manera sintáctica presentar los proyectos individuales que permiten articular un concepto que permita proponer prontamente un sistema de juego (Incluye mapas conceptuales y modelos que visualicen las articulaciones). | Presentación del progreso de la propuesta del juego desde su mecánica, los elementos que lo compone hasta toda la linea gráfica que permea la identidad del juego. Estos avances deben estar documentados mostrando todas las versiones del juego (junto con las anotaciones levantadas al momento de ser testeados) y como estos van encaminando hacia la propuesta final. | Presentación del juego acabado, mostrando de la mejor manera todos los elementos y terminaciones que configuran el juego (piezas, tablero, linea gráfica, etc.), fundamentando las decisiones y criterios realizados para conformar una buena mecánica del juego. | Vídeo de presentación que comunique e manera clara y consiza de que se trata el juego y sus dinámicas. Ademas documentar de una manera comunicable, mediante texto, imágenes y esquemas que enriquezcan el modo de presentar y transferir dicha experiencia de diseño. |
Proyectos Grupales
Roberta Durán, Gabriela Zett, Javiera Galaz, Catalina Velásquez
Propuesta de Juego: Descarados
Alejandro Jiménez Amín, Cristina Herrero, Martín Canihuante, Catalina González
Propuesta de Juego: Batalla Anura
Catalina Jorquera Kruberg, Daniela Murillo, Antonia Gallardo, Rocío Castillo
Propuesta de Juego: Formadito
María Inés González Guardia, Constanza Cabrera, Constanza Villarroel, Amalia Casanova
Propuesta de Juego: La piedra filosofal
Bibliografía
- Homo Ludens, Johan Huizinga
- Manifiesto for a Ludic Century, Eric Zimermman
- Clasificación de los juegos, Roger Caillois
- El Arte como Experiencia, John Dewey
- Metatopia: Diseño de Juegos de Mesa 101
- Sitio Personal de Jane McGonigal: juegos serios, juegos con propósito. (Ver sus charlas TED)
- Conferencias Ted Jane McGonigal
Autómatas Celulares
- Does John Conway hate his Game of Life?
- Regla 30, en Wolfram Alpha
- Epic Conway's game of life
- Life in life
- Del libro "A New Kind of Science", p. 55: El espacio de solución de los autómatas celulares. Aquí podemos observar diferentes tipos de emergencia: la periódica (tediosa), la recursiva (fractal) y la caótica (irreductible).
- Referencia tangencial, de las implicancias del pensamiento discreto del algoritmo como motor para la emergencia de los fenómenos físicos: Proyecto Wolfram Physics: hacia una nueva teoría fundamental del universo.
Herramientas
- Scratch Pogramación fácil para crear juegos.
- Dreams plataforma para la creación de juegos PS4
- ejemplo de juego realizado en Dreams: AVATAR - Rise of the Phoenix King
- P5js y Processing
- Tic Tac Toe Tutorial P5js.
- Lista de tutoriales de Juegos