Diseño de un nuevo patrón de interacción para el gobierno estudiantil

De Casiopea


TítuloEstudio para el diseño de un nuevo patrón de interacción para el gobierno estudiantil de la Escuela de Arquitectura y Diseño de la PUCV
Tipo de ProyectoProyecto de Taller
Período2011-
AsignaturaTaller de Diseño Gráfico 7ª Etapa,
Del Curso4º DG 2011,
CarrerasDiseñ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.
Alumno(s)Macarena Álamos R, Jaime Pérez Moena, Diego Reyes, Carlos Vargas
ProfesorHerbert Spencer

Diseño del Proceso de Investigación

Este proyecto nace con la intención de conocer cual es la realidad del Gobierno Estudiantil en la Escuela de Arquitectura y Diseño de la PUCV. Para esto se desarrolla un plan que comienza con una instancia de investigación sobre una muestra representativa de Estudiantes de la escuela. Los resultados brindados por este estudio proporcionan información con respecto a la visión real e ideal que existe sobre este gobierno, nos permite definir un problema, para luego sugerir una propuesta que responda a las criticas e ideales que surgen del estudio.

Identificación y Definición del Problema

Se identifica la falta de participación por parte de los alumnos de un Gobierno Estudiantil. Para definir este problema nos preguntamos:

  1. ¿Como ven los alumnos el gobierno estudiantil de esta escuela?
  2. ¿Cuales son los intereses de los alumnos?
  3. ¿Cuales son los espacios de comunicación existentes?

Ante eso, clasificamos las preguntas en:

  1. La visión existente sobre los alumnos y la situación de gobierno
    • ¿Existe gobierno estudiantil?
    • ¿Cual es el valor de la cead para los alumnos?
    • ¿Dónde pasan las cosas?
    • ¿Existe un espacio reconocible para el dialogo?
    • ¿Qué es lo que funciona?
    • ¿Como se definiría un gobierno estudiantil en la escuela u otra facultad?
    • ¿Hay diferencias hay entre la forma de gobernar esta escuela y otras facultades?¿Cuales?
    • ¿Es el cead una real forma de gobernar o de representación estudiantil?
    • ¿Cual es la participación de los alumnos?
    • ¿Existe compromiso de los alumnos?
    • ¿Como se ven los alumnos frente al gobierno de la escuela?
  2. La visión de un Gobierno estudiantil Ideal
    • ¿Cuales deberían ser las funciones de un organismo de gobierno estudiantil?
    • ¿Como se relacionaría un organismo de gobierno estudiantil con el cuerpo estudiantil y el cuerpo docente?
    • ¿Cual es la participación real y la participación ideal de un alumno de un organismo de gobierno estudiantil?
  3. Preguntas directas al Cead
    • ¿Cual es la cantidad de alumnos que participa de las votaciones?
    • ¿Quienes son los integrantes y participantes del Cead?
    • ¿Cuales son sus motivaciones y decepciones?
    • ¿Quienes y como se acercan al Cead?

Definición de las actividades y kits de trabajo

A partir de las preguntas, sugerimos dos actividades para realizar, una enfocada en lo que los estudiantes entienden por gobierno estudiantil y la otra en cómo sería el modelo ideal de uno.

  1. Primera Actividad: visión de los estudiantes sobre el gobierno estudiantil.
    • Tiempo destinado: max 30min
    • Introducción
    • Actividad: Fabricar en grupos un afiche que represente el actual funcionamiento del gobierno estudiantil. Exponer brevemente.
    • Materiales:
      • Medio pliego de hilado 6.
      • Set de formas abstractas en distintos colores.
      • Fotografías de escenarios habitados por los estudiantes.
  2. Segunda Actividad: Para la visión de un Gobierno estudiantil Ideal.
    • Tiempo destinado: max 30min
    • Introducción: a partir de lo escuchado por las explicaciones de los afiches, filtrar las características positivas y negativas para proponer una solución.
    • Actividad: Dibujar a una persona (cuerpo) con todas las características necesarias para ser un buen gobernador estudiantil. Exponer brevemente.
    • Materiales:
      • Medio pliego de hilado 6
      • Pinceles
      • Tintas de colores
      • Lápices

Para el kit de trabajo se usarán 14 pliegos de cartulina de 52x70cm (2 de cada color primario y secundario más 2 negros) para realizar las figuras. Se utilizan círculos y cuadrados, y también un tangrama, que se escoge por la capacidad de figuras que brinda en un espacio reducido.

Junto a esto, y utilizando los mismos colores, proponemos un grupo de palabras predefinidas para que con ellas compongan su afiche. Estas corresponden a catorce verbos y veinte adjetivos calificativos, que dan connotaciones tanto positivas como negativas, para ser lo más neutro posible y no interferir con lo que ellos quieran expresar.

A continuación, una muestra de las figuras y la cantidad de ellas en un pliego de cartulina (sin contar las palabras).

Convocatoria

Afiche1 drv 4dg 2011.jpg

Nuestra muestra representativa está compuesta por:

  1. Estudiantes universitarios de las distintas carreras y cursos de la e[ad]
  2. Estudiantes universitarios de las distintas carreras y cursos de otras universidades.

La convocatoria se llevará a cabo mediante:

  1. Invitación de palabra (en persona).
  2. Invitación por correo electrónico:La siguiente invitación esta dirigida a ustedes con el fin de abrir un dialogo y conocer su visión frente a la realidad de los alumnos y el gobierno de nuestra escuela, con la intención de proponer una nueva forma de interacción para este organismo. Es por eso que preparamos una actividad y ágape el día martes 19 de abril en nuestra escuela, Av. Matta 12, Recreo, Viña del Mar, de 16.30 a 17.30 hrs. De antemano muchas gracias. Contamos con tu confirmación y asistencia. Alumnos 4ºDG 2011

Presentación

--Maca.alamos 19:23 17 abr 2011 (CLST) --Jaime Perez Moena 19:21 17 abr 2011 (CLST) --Diegorv 20:23 17 abr 2011 (CLST)

Implementación y estudio de la actividad individual propuesta

La Actividad apuntó a que los coolaboradores dibujaran la figura representativa de un cuerpo de gobierno ideal y cómo éste se comunica con los alumnos. (Si se quiere saber sobre la actividad detallada, seguir el siguiente link).

Breve Descripción de la Actividad

En un tiempo estimado de alrededor de diez minutos, los cinco colaboradores, alumnos de Primer Año de Diseño y Tercer Año de Diseño Gráfico, realizaron su dibujo en el papel. Terminado este tiempo, cada uno explicó su analogía:

Jornada de investigacion MG 5052.JPG
  • Participante 1: Se representa la figura de un cóndor volando sobre la cordillera. El ave hace alusión a este cuerpo que lo abarca todo, pero no lo contiene, permaneciendo en una condición abierta sobre la cordillera para poder conocerla por completo. La cordillera es la representación del Cuerpo Estudiantil.






Jornada de investigacion MG 5053.JPG
  • Participante 2: Dibuja una especie de agujero negro, cuyo centro representa el Gobierno Estudiantil. A este centro llegan muchas líneas que corresponden a las partes componentes del Gobiero. La gracia es que todas las líneas, que representan a los alumnos, están vinculados con el centro.






Jornada de investigacion MG 50502.JPG
  • Participante 3: La imagen representa una boca, voz que comunica pasando por sobre lo que está restringido, que transmite un mensaje que llega por igual a todos los estudiantes, y que con esto los estudiantes logran organizarse y su participación es equivalente.





Jornada de investigacion MG 5049.JPG
  • Participante 4: Ella define un Gobierno cerrado y distante, donde su ideal sería que este núcleo se comenzara a rodear por más gente, haciendo que unos inviten a trabajar a otros.






Jornada de investigacion MG 5051.JPG
  • Participante 5: Define un Cuerpo que llega a todas partes, sin importar como este luzca. De esa manera, todos pueden estar comunicados.







Conclusiones

  1. Con respecto a la REALIDAD observada por los participantes:
    • Se identifica un Cuerpo de Gobierno distante a la mayoría de los Alumnos.
    • No se utilizan los recursos del oficio para sorprender, llamar o convocar.
    • El problema está en el modo o forma de hacer las cosas.
  2. Con respecto al IDEAL de los Participantes:
    • Se quiere que sea un Cuerpo de Gobierno conocido que llegue y conozca a todos.
    • Se quiere un Cuerpo de Gobierno accesible al diálogo.
    • Se quiere que sea abierto a las opiniones y que esté interesado en todas las opiniones.
    • Se quiere que todos los alumnos puedan participar dentro del gobierno por igual.
    • Se quiere que el Cuerpo de Gobierno sea autónomo.

Propuesta de siguientes pasos a seguir

  1. Con respecto a la representatividad de la muestra estudiada: Lograr que alunos de Arquitectura participen del proceso de investigación, ya que corresponden a la mayoría de estudiantes.
  2. Con respecto al estudio de las vías de comunicación: Hacer pruebas con los canales existentes para descubrir cual es la más eficiente
  3. Con respecto a los modos de interacción: Descubrir cual es la modalidad de acto más eficiente para acercar mutuamente a los alumnos, sobre todo, para lograr una comunicación mas clara con los alumnos de primer año, que según lo visto, son quienes piden más información al respecto de la identidad y organización de la escuela.

Modelos Visuales del Contexto Reconocido

Se identifica un Cuerpo de Gobierno distante a la mayoria de los alumnos debido a que no se utilizan los recursos del oficio para sorprender, llamar o convocar y esto se genera a que el problema esta en el modo o forma de hacer las cosas.
Se requiere que sea un Cuerpo de Gobierno Autónomo conocido que llegue y conozca a todos los alumnos, que sea accesible al dialogo, abierto e interesado en todas las opiniones donde todos los alumnos puedan participar dentro de este mismo por igual.



--Jaime Perez Moena 19:36 20 abr 2011 (CLST) --Maca.alamos 19:37 20 abr 2011 (CLST) --Campivargas 19:42 20 abr 2011 (CLST)

Creación de las características del Espacio


La siguiente fase expone como es que este espacio se conforma, y como es que se puede habitar, para eso hemos definido los contenidos y las "reglas del juego" que proponen las pautas de interacción, que velan por el cumplimiento de nuestra definición de Comunidad:

La Comunidad se genera por medio de la interacción de distintas personas mediante acciones comunes, donde la persona se reconoce como un ser facultado, con el poder y derecho de opinar, valorar y denunciar.

La Persona

Persona será todo aquel ser facultado, con el poder y derecho de opinar, valorar y denunciar dentro de este espacio. Para ser identificado como una persona, el interesado debe registrarse en el sitio, acto que le proporcionara una identidad y perfil de usuario.

  1. Contenido del Perfil de Usuario
    • Nombre Completo, el nombre de usuario se generará por el primer nombre y dos apellidos.
    • Fotografía
    • Información académica: Carrera - Curso
    • Competencias (etiquetas)
    • Servicios (permanentes) que ofrece.
    • Participación en el espacio (actividades recientes).
    • Redes sociales a las que pertenece y su dirección.
    • Contacto: e-mail, cel, web.
  2. Descripción del Perfil
    • Generar un perfil de usuario completo dará la posibilidad de tener voz dentro del espacio, ya que solo los usuarios correctamente registrados (puntos 1, 2, 3, 4) podrán publicar, opinar, votar.
    • El uso de los datos de nombre y fotografía acompañarán cada publicación, comentario y voto del usuario.
    • El espacio del perfil proporcionará la posibilidad de contactar a otros según sus intereses y competencias dependiendo si el usuario publique o no sus datos de contacto.
    • Solo tendrá acceso a los datos de los punto 3, 4 y 8 quienes tengan esos datos publicados en su perfil.

Los Sub-espacios

Estos corresponden a acciones posibles de interacción, de los que se han definido su contenido, el proceso de acción (normas del juego) y el control del espacio.

  1. Información
    1. Contenido del espacio de Informaciones
      1. Titulo
      2. Clase-Categoría (etiquetas por definir)
      3. Autor
      4. Fecha
      5. Contenido(texto+ Imagen)
      6. Comentarios
      7. Valoración
    2. Proceso para la publicación de una noticia. (reglas del juego)
      1. Se escribe la noticia en una plantilla que llena los campos 1, 2, 3, 4, 5 del punto 1. por cualquier usuario registrado.
      2. La noticia/Información es publicada.
      3. La noticia/Información puede recibir votaciones valorativas (me gusta), con lo que se hará más visible en el espacio de publicación de noticias/Informaciones, y podrá acceder al ranking principal.
      4. La noticia/información puede ser compartida a otros por otros medios sociales.
      5. La noticia/Información puede recibir comentarios cuando está dentro del las 5 noticias mejor valoradas dentro del ranking.
      6. Cuando la noticia es muy comentada (más de 10 comentarios, entre 3 o más usuarios) el tema se postula como proyecto. Si nadie se hace responsable de un proyecto al respecto después de 40 comentarios entre 3 o más usuarios, la noticia es eliminada del ranking principal, y se cierran los comentarios, transformándose en solo un registro.
    3. Sistema de Control de las Publicaciones de Información
      1. La autoría de las publicaciones serán con nombre y fotografía.
      2. El máximo de publicaciones por usuario será de 1 noticia/Información semanal.
      3. La noticia/Información tendrá una vigencia máxima de 1 mes de publicación en el ranking principal.
      4. Existe un límite de 5 publicaciones en el ranking principal. Las noticias/Informaciones que no estén dentro de ese ranking no tiene opción a comentario y se encuentran en el archivo general de noticias/Informaciones.
      5. No se podrán publicar dos noticias sobre el mismo tema paralelamente en el tiempo.
  2. Proyectos
    1. Contenido del espacio de Proyectos
      1. Titulo
      2. Clase - Categoría (etiquetas por definir)
      3. Autor
      4. Fecha y tiempos de desarrollo
      5. Resumen del proyecto
      6. Objetivos
      7. Capital Social requerido
      8. Capital social recibido
      9. Capital Financiero requerido
      10. Capital Financiero recibido
      11. Permisos legales recibidos
  3. Invitaciones
    1. Contenido del espacio de Invitaciones
      1. Título
      2. Fecha
      3. Lugar
      4. Costo
      5. Resumen del Evento (Abstract)
      6. Imagen
      7. Capital Social
    2. Proceso para la publicación de un Invitaciones. (reglas del juego)
      1. La persona crea un evento, el cuál está sometido a un formulario base para poder crearlo. En dónde tiene la obligación de llenar los campos que son requeridos. Del modo contrario, no podrá crearlo.
      2. Tras lo anterior, la comunidad tiene la facultad de poder ratificar su asistencia o participar de la actividad, la cuál será beneficiada por esta acción, teniendo algún tipo de descuento o regalía por parte de la organización del evento.
      3. Al momento en que el evento a realizar necesite algún tipo de capital, se desprenderá un archivo para crear una ficha para llenar los campos sobre los capitales que necesitas para culminación del evento.
      4. Los cupos de colaboración de capital (social y financiero) está determinado por el creador del evento y son limitados.
      5. Cada persona de la comunidad está facultada para poder inscribirse para la participación del evento. De esta forma el creador del evento se podrá contactar con las personas que se inscriban.
    3. Sistema de Control de las Publicaciones de Invitaciones
      1. La publicación de evento serán con nombre y fotografía
      2. El sistema de control se basa principalmente en lo correctamente legal , moral y éticamente correcto.
      3. El moderador será quien vele por lo anterior se cumpla
      4. Las publicaciones podrán ser denunciadas si es que su contenido es ofensivo o inapropiado para el espacio que se le ha proporcionado.
      5. Luego en un segundo momento, en la acción de coordinar, el creador del evento tendrá la libertad de ver que es lo más apropiado para que su evento o invitación resulte de la mejor forma. De esta forma el cumple, también, una acción de moderador.
      6. Los campos de capital no pueden ser llenados por el creador del evento
  4. Transacciones
    1. Contenido del espacio de Transacciones
      1. Título (¿Qué vendo u ofrezco?)
      2. Nombre de quien vende u ofrece (asociado al perfil, con la imagen de perfil) (por defecto al publicar)
      3. Fotografía del Producto o Servicio
      4. Tipo de Transacción (Producto único, Producto permanente, Servicio, Oferta de Trabajo)
      5. Descripción breve y/o especificaciones del Producto o Servicio
      6. Precio
      7. Fecha de Publicación
      8. Transacción Abierta o Finalizada
      9. Comentarios
      10. Valoración del Producto o Servicio
      11. Denuncia del Producto o Servicio
      12. Opción de enviar mensaje privado
      13. Si es Oferta de Trabajo, a quién va dirigido el trabajo que ofrezco (Arquitecto, Diseñador Gráfico o Diseñador Industrial)
    2. Proceso para la publicación de un Transacciones. (reglas del juego)
      1. Se publica el Producto o Servicio en una plantilla que llena los campos del 1 al 5 (campos obligatorios) del punto anterior. por cualquier usuario registrado.
      2. El Producto o Servicio es publicado.
      3. El Producto o Servicio puede recibir votaciones valorativas, con lo que se hará más visible en el espacio de publicación del Producto o Servicio a largo plazo y podrá acceder al ranking principal.
      4. El usuario registrado que publicó El Producto o Servicio puede borrar su publicación.
    3. Sistema de Control de las Publicaciones de Transacciones
      1. Las publicaciones podrán ser denunciadas si es que su contenido es ofensivo o inapropiado para el espacio que se le ha proporcionado.
      2. El máximo de publicaciones por usuario será de 1 Producto o Servicio semanal.
      3. En el caso de que el Producto o Servicio requiera de sólo una transacción (Producto Único), tendrá una vigencia máxima de 1 mes de publicación, antes de que sea borrada. En el caso de que esa transacción de un producto se lleve a cabo antes del plazo establecido con anterioridad, quien publicó la información tiene la facultad de llenar el campo de "transacción finalizada", en donde se cierran los comentarios y toda otra interacción por parte de los demás usuarios con la página.
      4. Existe un límite de 3 Producto permanente, 1 Servicio y 1 Producto Único en el ranking principal.
      5. No se podrán publicar dos veces sobre el mismo Producto o Servicio por el mismo usuario.

Modelo de las acciones en el Espacio

Desarrollo de Primeros Modelos

Modelo mental, Diego Reyes

Propuesta Final

Archivo:FUNDAMENTO DEL NUEVO ESPACIO DE INTERACCIÓN.png
Modelo del fundamento de la Propuesta de espacio Creado, dónde el registro integra a las Personas a la Comunidad, y estas peronas se lohran contactar con otras Personas por medios de Acciones de Interés Común
Modelo del detalle de relación mínima para la conformación de la comunidad: una persona que busca a otra para asociarse y generar Producto

Paper Prototyping

El prototipo de papel se realiza mediante la figura del círculo, para enfocarnos en el Espacio de Interacción antes de la forma. Este espacio abstracto nos permite caer en la cuenta de los contenidos que están en juego dentro de cada espacio y la jerarquía dentro de este.

Personas y Escenarios

EyP 003 v01.jpg
  • Julio Mardones
  • 18 años
  • Estudiante de Primer Año de Diseño
  • Escenario: Julio Mardones acaba de ingresar a la escuela de Arquitectura y Diseño de la PUCV. Julio quiere ofrecer su cámara. Su compañero le contó que existe un espacio confiable para hacerlo, pero aún no está registrado y necesita crear su cuenta.
  • Pasos a Seguir: Julio debe registrarse en el espacio bajo los siguientes campos obligatorios:
    • Nombre Completo (el nombre de usuario se generará por el primer nombre y dos apellidos)
    • Fotografía
    • Carrera
    • Curso
    • Competencias (etiquetas)
  • Puede completar los siguientes campos:
    • Servicios (permanentes) que ofrece.
    • Redes sociales a las que pertenece y su dirección
    • e-mail
    • celular
    • página web.
  • Luego Julio debe dirigirse al espacio de transacción, crear una nueva transacción y llenar los siguientes campos
    • Nombre del Producto que ofrezco (en este caso, la cámara)
    • Fotografía de lo que quiero vender
    • Tipo de transacción, en este caso, Producto Único
    • Descripción Breve y/o especificaciones de la cámara.
    • Precio
    • Límite de tiempo de la venta.
  • Luego de esperar respuestas, un alumno lo contacta, llegando a un acuerdo.
  • La transacción se realiza, Julio la cierra y es borrada del espacio.
EyP 001 v01.jpg
  • Gerardo Parra
  • 21 años
  • Estudiante de tercer año de Arquitectura de la e[ad] de la PUCV
  • Escenario: Gerardo leyó una noticia publicada por uno de sus compañeros sobre la bienal que se realizará en Santiago de Chile a fines de este año, invitando a escuelas de todo el país. Interesado en participar, quiere idear un proyecto para la muestra que se realizará y quiere contactarse con otros alumnos de diferentes talleres.
  • Pasos a seguir: Gerardo escribe la propuesta de proyecto en una plantilla diseñada donde debe especificar:
    • Título
    • Clase y Categoría
    • Fecha y tiempos de desarrollo
    • Resumen del proyecto
    • Objetivos
    • Capital Social requerido
    • Capital Financiero requerido
    • Permisos legales recibidos.
  • Su propuesta permanecerá una semana en el espacio de Nuevos proyectos esperando que los capitales requeridos sean proporcionados por otros usuarios. Ahora puede ocurrir que:
    • Si los campos de capitales es cubierto en el plazo de esa semana, el proyecto entra a la categoría de HOT.
    • Si los campos de capitales no son cubiertos en ese plazo, el proyecto de desplaza a la categoría general de proyectos, con un plazo para llenar los campo de un tercio del tiempo que demorará en desarrollarse el total del proyecto.
  • Si los campos no son cubiertos en este segundo periodo, el proyecto es clasificado como no atractivo y se abre la posibilidad de emitir comentarios.
  • En este caso, los campos en cuestión no se llenaron en el segundo tiempo otorgado, por lo tanto, debe esperar a recibir 10 comentarios para poder postular nuevamente su proyecto. Gerardo recibe los 13 comentarios y nuevamente postula su proyecto. esta vez los campos son llenados, ya que realizó una difusión por medio de sus redes sociales asociadas. Los campos son llenados por otros usuarios que han ofrecido su capital social en pos del proyecto de Gerardo. Se generan los contactos y se lleva a cabo su participación en la Bienal de Diseño. Durante la semana posterior a la fecha de término del proyecto, se publica en el espacio de informaciones los detalles del trabajo realizado por este equipo contactado en el "espacio de interacción"
EyP 002 v01.jpg
  • Susana Soto
  • 25 años
  • Estudiante de titulación de Arquitectura de la PUCV
  • Escenario: Susana mediante al trabajo de su proyecto de título, conoció a un connotado arquitecto especializado en Moldaje Flexible. Susana decide que el tema en que se especializa este arquitecto es vital para el estudio de un egresado de la e[ad]. Por eso, decide organizar un seminario, invitando a este arquitecto y a otros exponente acerca de este tema.
  • Pasos a Seguir: Al igual que el ejemplo anterior, Susana ya ganó el proyecto, por lo cuál debe crear un nuevo evento que será el seminario. Para crear el proyecto, se debe completar un formulario con campos obligatorios:
    • Título
    • Fecha
    • Lugar
    • Costo
    • Resumen del Evento (Abstract)
    • Imagen
    • Capital Social Del modo contrario, no podrá crearlo.
  • El evento requiere de capital social, necesita gente que esté dispuesta a colaborar en distintos ámbitos para la realización del seminario. Por esto, se desprende un archivo para crear una ficha para llenar los campos sobre los capitales sociales que necesitas para culminación del evento.
  • La creación del capital social necesita la aceptación por parte de la comunidad de estudiantes
  • Luego, la comunidad se hace parte del evento, uniéndose en cada sección de capital social

--Jaime Perez Moena 01:03 28 abr 2011 (CLST) --Maca.alamos 01:16 28 abr 2011 (CLST) --Campivargas 11:51 28 abr 2011 (CLST)

Primera Visualización del Espacio

Mapa de Navegación

Mapa de Navegación del Sitio

Mapa de Clases

Mapa de Clases del Sitio

Wireframes

La grilla del Wireframe es pensada, como medida, en cuatro columnas verticales, en donde las dos del centro corresponden al contenido orgánico. Definimos los siguientes espacios:

  • Un header que contiene
    • Logo a la izquierda
    • Log-in a la derecha
    • Buscador a la derecha
    • Iconos de acceso a los cuatro contenidos de la página
      1. Noticias
      2. Proyectos
      3. Eventos
      4. Mercado
  • A la izquierda un espacio para "lo más destacado" de todas las publicaciones
  • A la derecha el calendario de actividades para el inicio y las últimas publicaciones para cada página específica (noticias, proyectos, eventos y mercado).
  • El espacio del centro para el contenido orgánico de la página

Mostramos los Wireframes para cada espacio pensado:

Wireframes de Alta densidad

Para las primeras propuestas definimos espacios de color que identificaran cada parte de la página de inicio. Bloques de colores ordenan cada título en su propio espacio, pero luego se decidió hacer desaparecen los bordes que encasillaban los títulos dejándolos del mismo tono que el fondo. Así se incorporan estas publicaciones al fondo de la página.

Para la propuesta final decidimos:

  • Limpiar el espacio de la página de inicio, quitando las fotos de perfil de los usuarios dejando sólo el título.
  • Nombrar los grandes espacios (Lo más destacado y Últimas Publicaciones) en una barra naranja, en donde se recorta la palabra haciendo un juego con el fondo.
  • Quitar el título de "calendario" al sector de la derecha, ya que considerábamos que queda implícito al aparecer las fechas en un eje vertical.
  • Dejar los textos de color negro, excepto el usuario que realiza una publicación en el espacio de calendario.

A continuación, los distintos espacios:

Definición de Elementos gráficos

Iconografía

Paleta de Colores y Texturas

Para la paleta de colores definimos en un comienzo tres grises (desde el negro) más un color luminoso que lo contrastara. Luego decidimos cambiar estos grises por otros tres nuevos pero que vienen de la suma de colores (Cian, Magenta y Amarillo) y luego traducidos a RGB. Mantuvimos el Naranjo que contrasta con los grises.

También definimos una textura de trazos para el header de manera que no llegara el color plano a esa zona. Los colores escogidos vienen de la misma paleta definida que se muestra a continuación:

--Maca.alamos 23:26 1 may 2011 (CLST)
--Jaime Perez Moena 05:39 2 may 2011 (CLST)

Segunda Visualización del Espacio

A partir de la corrección de de la primera propuesta desarrollada hemos decidido reducir la cantidad de información visible en un primer momento, priorizando la idea de la personalización del espacio, donde el lector decide a que contenidos acceder.

Queremos lograr que el usuario pueda organizar los artículos publicados según sus intereses, decidiendo cuales son sus favoritos y así estar al día con las últimas actualizaciones. Este es el motivo por el que existe un gran espacio dispuesto para guardar los favoritos a modo de pizarra editable.

De la idea de visualización anterior mantuvimos el header, tomando los iconos que antes dirigían a los contenidos, pero ahora éstos corresponden a un menú de acción y dirigen a la opción de crear una nueva publicación, desplazando el menú de contenidos fuera de header, como una columna delgada a la derecha de la pantalla.

El menú de contenidos clasifica las publicaciones en:

  • Coloquios, donde se proporciona el espacio para que los usuarios puedan leer temas que generen conversaciones, conectando a los usuarios por medio de comentarios.
  • Proyectos, donde se desprende un listado de proyectos con cupos abiertos para conectar a los usuarios por medio de la cooperación.
  • Eventos, Listado que informa de actividades publicadas por los usuarios, invitando a la participación en estas, y proporcionando la oportunidad de acceder a beneficios al confirmar asistencia.
  • Ofertas, donde se exponen las ofertas publicadas, de manera que los usuarios puedan ofrecer productos, servicios y datos de trabajo. A diferencia de las otras categorías, estas publicaciones tienen una vigencia trimestral en en sitio.

El menú de acciones genera con sus cuatro botones, la posibilidad de crear con distintas plantillas, publicaciones que luego serán leídas por medio de las listas generadas en el menú de Publicaciones.Los botones proporcionan plantillas para:

  • Crear Tema de Conversación
  • Crear Nuevo Proyecto
  • Anunciar Nuevo Evento
  • Crear Nueva Oferta

Elementos Gráficos

Paleta de colores y Fondo

Mantuvimos la idea de una paleta de colores en base al gris y al contraste del naranjo, pero esta vez ampliando la gama de este último. Utilizamos cinco colores entre naranjos y café para el menú de la barra lateral, los títulos de los contenidos, hipervínculos y para visualizar el ícono del espacio que se está visualizando en ese momento. El gris para el header, el fondo y los textos. Decidimos también cambiar las tramas de textura del prototipo anterior a una imagen de fondo del ala de un estornino que tuviera los tonos de la paleta de colores ya definida.

Imagen de Fondo del Nuevo Espacio V1.png






















Íconos y sus variaciones

Personas y Escenarios

Begoña Vargas

Archivo:Fotografía de perfil begoña vargas.png

  • Estudiante de Tercer Año de Diseño Gráfico.
  • Escenario:Quiere vender su macbook, ella como usuaria frecuente de Interacto estornino, decide publicar su venta en el sitio.
  • Lo que debe Hacer
    1. Entra al sitio Interacto estorino, e inicia sección.
    2. Va al menú de acciones para publicar su venta.
    3. Posteriormente aparece la plantilla de venta, aquí completa sus datos.
    4. Presiona "listo" para publicar su venta.
    5. Aparece el mensaje de publicación para confirmar, ella acepta y su venta esta visible en el sitio.


Marcelo Castillo

Foto de perfil de Marcelo Castillo.png

  • Estudiante Quinto Año de Arquitectura.
  • Escenario:Se ha enterado por unos amigos que en el centro cultural Gabriela Mistral, en Santiago, se está realizando la exposición fotográfica de Koen Wessing- "imágenes indelebles". La cual comienza el día 5 de abril hasta 8 de mayo. Tras esto decide hacer pública la invitación para los alumnos de la escuela.
  • Lo que debe Hacer
    1. Marcelo ingresa a Interacto Estornino.
    2. Él como usuario registrado, decide crear el evento, accediendo al menú de acciones a la categoría de eventos.
    3. Luego de esto sale una plantilla para completar datos.
    4. Al momento de terminar, sale una confirmación para la creación de evento.
    5. Su evento ha sido publicado.


Diego Reyes

Foto de Perfil Avatar Diego Reyes.png

  • Estudiante de Cuarto Año de Diseño Gráfico.
  • Escenario: Diego ha ingresado a INTERACTO estorninos y mientras leía "Revista Trimestral para e[ad]" en la sección de proyectos, notó que necesitaban un fotógrafo. Diego quiere participar ya que considera que es relevante para su CV. Diego No está registrado.
  • Lo que debe Hacer
    1. Diego debe dirigirse a la sección de registro
    2. Luego llena el formulario para editar su perfil
    3. Busca la publicación "Revista Trimestral para e[ad]"
    4. Se inscibe como fotógrafo para dicho proyecto


Nueva Propuesta de Navegación

A partir de las correcciones de la segunda propuesta de Visualización del espacio, hemos simplificado la navegación por este espacio, ahora definido como Sitio Web.

Lo que queda de la propuesta anterior es la idea de poder tener un espacio personalizado donde puedo manejar mis publicaciones y estar informado de las actualizaciones de las publicaciones de las que yo he participado.

Lo que se cambia, es el sistema de navegación, donde existe un sólo menú con las siguientes categorías:

  • Noticias Cead, espacio para las publicaciones oficiales del centro de estudiantes, abiertas a recibir comentarios.
  • Voz Estudiantil, espacio pensado para que cualquier alumno pueda compartui sus inquietudes con la comunidad de la escuela
  • Eventos, que mantiene la idea anterior donde cualquier usuario puede publicar un evento invitando a la comunidad a participar de éste.
  • Ofertas, dónde los usuarios podrán publicar sus avisos de venta, trabajo, y otros servicios.

El Inicio también cambia y muestra las publicaciones más destacadas de cada categoria.

Capturas de Pantalla

Persona y Escenarios

Foto del perfil de Claudio Torres 300x300 DNPI 4DG.png

Claudio Torres 20 Años Estudiante de Cuarto Año de Diseño Gráfico de la PUCV. En sus tiempos libres, se dedica a tomar fotografías. Tiene computador e internet en su casa. Utiliza más Facebook que correo electrónico para contactarse con sus amigos y compañeros de la Universidad.

Escenario 1

Se ha enterado por unos amigos que en el Centro Cultural Gabriela Mistral, en Santiago, se está realizando la exposición fotográfica de Koen Wessing llamada "Imágenes Indelebles". La exposición es gratuita, desde el 5 de Abril hasta el 8 de Mayo. Quiere compartir la invitación con el resto de los estudiantes de la escuela.

Escenario 2

Hace dos días, guardó una publicación del Centro de Estudiantes. Hoy entra a su perfil del sitio con la intención de saber si su inquietud fue respondida, ingresando desde allí a esa publicación.

Escenario 3

Entra el espacio de Ofertas, y lee que una compañera vende cuadernos a pedido, entonces le gustaría saber cuanto se demora en hacerlos. Para esto ve los comentarios de la publicación, pero como ninguno responde a su pregunta, decide escribirla el mismo.

Maqueta Navegable

El siguiente link corresponde a la maqueta navegable pensada para los nuevos escenarios propuestos.-

--Jaime Perez Moena 20:33 11 may 2011 (CLT) -Maca.alamos 20:02 11 may 2011 (CLT)

Evaluación del Espacio con Eyetracking

Partituras de Interacción

Primera Prueba

Segunda Prueba

Tercera Prueba

Evaluación por Espacios

Para la Evaluación por Espacios, se considera cada uno de estos y se identifican dos situaciones:

  1. Conocer los Elementos Relevantes nos permite confirmar cuales de ellos son visibles y cumplen con su cometido.
  2. Identificar los Puntos Ciegos nos permite saber qué elementos de la página, que tienen relevancia, no fueron percibidos por el usuario. De esta forma, se corrigen estos elementos reubicándolos, dándoles más jerarquías de tamaño o contraste de color de modo de que sean más visibles.

A continuación, la Evaluación de cada Espacio acompañada por comentarios que describen los cambios a realizar y confirman lo que está bien realizado.

  • HOME
    1. Lo relevante
      • Inicio
      • Menú de Navegación
      • Títulos de Publicaciones
      • Menú del perfil para el Usuario
    2. Puntos Ciegos
      • Imágenes de Publicaciones al Inferior de la Página
      • Botón "leer más" de las Publicaciones al Inferior de la Página
    3. Comentarios
      • La misma proporción de tamaños de los espacios de las publicaciones le quita un valor jerárquico. Las publicaciones del cuerpo coordinador deberían ser más relevantes que una venta de cuadernos
      • Los títulos de las publicaciones, al ser vista con mayor detención, se les agregará el autor
  • EVENTOS
    1. Lo relevante
      • El Título del Evento
      • Imagen de quien publica
      • Últimas actualizaciones
    2. Puntos Ciegos
      • Botón de Nueva Publicación
      • La Caja de comentarios
      • Botón de Guardar Publicación
    3. Comentarios
      • Es lento el reconocimiento del botón que publica el nuevo evento
      • Se reconoce el espacio "Eventos" como tal
  • LLENAR FORMULARIO / CONFIRMAR PUBLICACIÓN
    1. Lo relevante
      • Espacios de los Campos
    2. Comentarios
      • Los Campos a llenar son claros y precisos, permitiendo entregar la información de manera adecuada
  • PERFIL
    1. Lo relevante
      • Las imágenes de las publicaciones guardadas
      • Datos de Contacto
    2. Puntos ciegos
      • El calendario de Eventos
      • La Imagen de Perfil
    3. Comentarios
      • No se reconoce el botón de Perfil, ya que un solo usuario entro a esta sección
      • La imagen de Perfil no tiene sentido que sea tan grande si no se observó
      • El tamaño de las imágenes de las publicaciones hace que el calendario sea casi imperceptible
  • NOTICIAS CEAD
    1. Lo relevante
      • Título de Publicación
      • Imagen de quien Publica
      • Barra de Últimas Actualizaciones
    2. Puntos ciegos
      • Caja de comentarios
  • VOZ ESTUDIANTIL
    1. Lo relevante
      • Título de la Publicación
      • Imagen de quien publica
      • Caja de comentarios
    2. Puntos ciegos
      • Botón de Nueva Publicación
      • Botón para guardar las Publicaciones
  • VENTAS
    1. Lo relevante
      • Comentarios
      • Detalle de la Publicación
    2. Puntos ciegos
      • Últimas Actualizaciones (Barra de Navegación de la izquierda)
    3. Comentarios
      • No se utiliza la barra de la izquierda para navegar por las publicaciones

Propuesta Final

Mapa de Clases

Mapa de Clases del Sitio

Modelo Final

Modelo del detalle de relación mínima para la conformación de la comunidad: una persona que busca a otra para asociarse y generar Producto

Prototipos de Baja Intensidad

Luego de las diversas modificaciones que se le realizó a la propuesta del sitio anterior, se llegó a estos prototipos de baja intensidad. Donde las modificaciones mas significativas fueron en la página de perfil y el inicio

Modificaciones del Sitio

A partir de los resultados de la prueba de eye traking realizamos los siguientes cambios:

  • Home, donde se le da más importancia al espacio de Vos Estudiantil
  • Perfil, donde se modifica la visualización de los contenidos, reuniéndolos en una sola vista
  • Menú de Perfil, agregado que proporciona la opción de dirigirse a los contenidos personales de cada usuario.

Maqueta Navegable

Sitio Interacto Estorninos