THEMIS: Visualización e Inicio

De Casiopea


TítuloExploración de Gobernanza
Tipo de ProyectoProyecto de Taller
Palabras ClaveGobernanza
Período2019-2019
AsignaturaTaller de Diseño de Interacción
Del CursoTaller de Diseño de Interacción 2019
Alumno(s)Joaquín Villagra, Daniela Peñailillo, Pedro Filún, Javiera Prado Barriga
ProfesorHerbert Spencer, Katherine Exss

Primeras Observaciones

Dibujos grupales

Comenzamos nuestro modulo dibujando nuestras manos entre los integrantes del grupo formado, esto nos ayudo a distender la conversación respecto a la materia que comenzamos a estudiar y también para conocernos mejor, ya que nuestro movimiento de las manos dicen mucho de nosotros como personas y en el caso de esta conversación, demuestran el interés en esta. En general las manos más móviles eran las manos de quien estaba hablando mientra que las manos más estáticas o contraídas eran las manos de los que estábamos atentos al tema.

Discusión

En primera instancia como grupo se discutió el ¿por que? de la la paralización estudiantil y los beneficios y desventajas de estos. De las 4 personas pertenecientes al grupo, ninguna asistió a las asambleas durante la movilización, por lo que nacen las siguientes preguntas:

  • ¿Porque no participamos de esta movilización?
  • ¿Cuanto nos identificamos con esta?
  • ¿Era necesario para la EAD una paralización de las actividades académicas?
  • ¿Que beneficio nos dejo el movimiento?

Las respuestas se basaron en principalmente, desinterés por nuestra parte de participar en la política estudiantil, mas aun cuando los temas tratados no nos convocan como Escuela. Otra respuesta era la forma en la que se abordan las asambleas, el miedo a la critica, y la poca empatía con las opiniones distintas entre "escueleros". En cuanto a la movilización en si, sentimos que si bien dentro de la escuela existe una carga académica importante, el tema de salud mental se ve mas en otras carreras de la universidad y con la paralización, los cronogramas ya pactados a comienzo de año se vieron afectados, desconfigurando en su totalidad el funcionamiento de la universidad y la organización personal de cada estudiante. (contribuyendo con el paro al deterioro de la salud mental). Los beneficios a corto plazo del paro, fueron la desconexion parcial de la carga académica, ayudando al despeje mental individual. Beneficio a largo plazo, se acordó con rectoria una semana de preparación previa a los examenenes semestrales, sin clases para ayudar a disminuir la presión, carga académica.

Identificación de la EAD dentro de las problemáticas estudiantiles

Identificacion pucv.png

Modelo de gobernanza EAD

Investigación previa

Con el estudio individual de modelos previos ya conocidos, comenzamos a reunir información de textos sobre democracia y a definir algunos conceptos.

  • Gobernanza: Responde al como se dirige.La eficacia, calidad y buena orientación de la intervención del Estado
  • Gobierno: Autoridad que dirige una unidad política y cuya función es la de administrar y controlar el Estado y sus instituciones, ejercer autoridad y regular la sociedad.
  • Democracia: Sistema político que defiende la soberanía del pueblo y el derecho del pueblo a elegir y controlar a sus gobernantes.
  • Democracia ideal: utopía democrática, creada en reacción a lo real.
  • Participación: Debe ser voluntaria y personal.
  • Libertad Política: empírica y practica, que protege al ciudadano de la opresión.
  • Individualismo comunitario: El individuo trabaja activamente para contribuir a la comunidad, por el simple placer de hacerlo.
  • Jerarquía: Decisiones tomadas por un superior y ejecutadas por el resto*
  • Mercado: Priman elementos competitivos.

Puntos importantes

  • Dialogo abierto al interés común.
  • Entorno que acoja los modos de participación
  • Transparencia en la Manera y medios de informar.
  • Como se reúne la gente.
  • Espacios de conversación
  • Canales de participación.
  • Construir confianza en el otro.

Modelos y estudio individual

Analogos

Modelo actual

En este modelo se muestra el flujo comunicacional dentro de la Ead.

Diagrama flujo de informacion actual1.png

Con el modelo de flujo actual podemos identificar que el gran problema que existe dentro de la Escuela es el manejo de las problemáticas de los estudiantes, ya que en gran parte la información se da por perdida o no se le da relevancia.

Modelo ideal

Con el modelo ideal de flujo queremos proponer un paso de la información más certero, que esta logre pasar por los distintos grados jerárquicos de la escuela sin variar, y también se pueda filtrar cierta información, ya que muchos de los problemas pueden ser solucionados a nivel escuela o taller sin necesidad de llegar a una instancia mayor. Este Modelo esta pensado para que la información sea llevada de forma análoga, con la participación activa del alumnado. Modelo de flujo de información.png

Flujo de informacion-4.png

Identificación del problema comunicacional

Con la realización del modelo previo, ha surgido la siguiente pregunta ¿Es necesario que todos los problemas sean tratado con TU taller? ¿Que pasa si un compañero de otro taller tiene la misma necesidad o duda?¿Como creamos una relación aun mas estrecha entre todos los estudiantes EAD para que los problemas de cada uno sean visibilizados? Para lograr visibilidad necesitamos un gran numero de personas/Alumnos que estén de acuerdo con una misma problemática,la mejor forma de lograr esto no es solo pasar por taller, si no que también lograr formar comunidades que se entiendan entre si y se ayuden.

Error al crear miniatura: Archivo más grande que 25 MP
TALLER ALM.png
Error al crear miniatura: Archivo más grande que 25 MP
INDCOM.png

Primera propuesta móvil

Con la intención de mejorar la comunicación entre alumnos y ayudar a crear nuevas comunidades de encuentro, decidimos la creación de una aplicación móvil que ayude al categorismo de los problemas y ayude a la creación de conversaciones y espacios para debatir dentro de un ambiente amable y seguro.

Wireframes

Previsualizacion

Wfa.jpg

Digitalizacion

WF1.jpg WF2.jpg WF3.jpg WF4.jpg WF5.jpg

El login de esta pagina es mediante rut y clave del navegador académico, para así permitir a alumnos, ex-alumnos y profesores poder ingresar. Participar en cada dialogo es sumamente fácil, solo se accede a el tema de interés y se realiza la publicación,comentario o suscripción al tema. Una pequeña pestaña de contactos contiene la información de números telefónicos o correos institucionales de algunos de los departamentos de la PUCV. La intención es lograr que todos los problemas sean visualizados en una misma pantalla y sin orden de jerarquía, solo ordenados por tiempo de publicación Loopapp.png

Casos de Uso

Problemas de infraestructura

En una primera instancia se plantea de la falta de mesas en algunas de las sala de la escuela,para saber a cuantos alumnos le afecta esto, abro en la app un debate para saber cuanto afecta esto en la calidad del estudio.Luego de esto se toma en cuenta la cantidad de personas comentando a favor, luego se genera un petitorio entre todos los participantes en la conversación y se lleva la propuesta a asamblea.

Debate: ¿Debería haber junaeb en la cafetería?

Ingreso en la app para conocer los temas nuevos que están rondando la Escuela de Arquitectura y Diseño, dentro de estos temas aparece un debate sobre la cafetería, donde la gran mayoría de los participantes están a favor de que tenga junaeb y un porcentaje menor se encuentra en contra. Ya que el debate lleva pocos días en conversación se mantiene abierto sin una resolución final.Por lo que el tema se mantiene en debate pero no es llevado a asamblea.

Segunda propuesta Móvil

En la segunda propuesta móvil, decidimos centrarnos en el método de categorización de las publicaciones y como hacer que cada una de estas publicaciones sean visibles para los usuarios de esta app. Para ello hemos definido categorías y subcategorías en las que se pueden encasillar todas las publicaciones que se puedan realizar.

Loopapp2.png

Definiciones

Categorías: Es un elemento utilizado, principalmente, para clasificar, facilitando el ordenamiento en grupos que tienen cualidades homogéneas. Dentro de las diferentes categorías que se establezcan en una materia, pueden existir algunas que estén incluidas en otras mediante un sistema jerárquico, conociéndose en este caso como subcategorías.

  • Bienestar:Es un estado de satisfacción personal, de comodidad, y de confort, que de forma separada o conjunta considera como positivos y/o adecuados aspectos tales como la salud o bienestar psico-biológico, el éxito social y económico.
  • Oficio: Disciplinas que abarcan cada una de las dimensiones de vida de quienes las desarrollan, propone una dedicación completa que significa la aplicación de la Arquitectura y el Diseño en cada uno de los momentos de desarrollo del hombre.
  • Difusión: Propagación o divulgación de conocimientos, noticias, actitudes, costumbres, modas, eventos de televisión, etc.
  • Ocio:Tiempo libre que se dedica a actividades que no son ni trabajo ni tareas domésticas, y que pueden ser consideradas como recreativas. Es un tiempo recreativo que se usa a discreción.

Mapa de Clases de la App

Un diagrama de clases nos permitirá representar gráficamente y de manera estática la estructura general de un sistema, mostrando cada una de las clases y sus interacciones representadas en forma de bloques, los cuales son unidos mediante líneas.

Error al crear miniatura: Archivo más grande que 25 MP

Wireframes

En este caso nos centramos en solo la sección de publicaciones y visualizaciones de la información.

Recurso 3-100.jpg Recurso 4-100.jpg Recurso 5-100.jpg Recurso 6-100.jpg

Wireframe Explicativo.png

BotonesAppDialogo.png

Casos de Usos

Propuestas para la realización de una Asamblea extraordinaria

Se propone entre un grupo de estudiantes de la E[ad] la realización de una asamblea extraordinaria, para coordinar los temas mas importantes de la semana. La cantidad de alumnos reunidos de forma presencial, no son los suficientes como para solicitar la asamblea, pero saben que mediante la app se pueden reunir mayor cantidad de personas y lograr concretar la asamblea. Por lo que se abre una encuesta para saber cuantas personas están de acuerdo con la realización de esta asamblea.

Realización de discusiones para definir proyectos

Un estudiante de la E[ad] publica en la app un proyecto aun no definido en su totalidad. Se propone en este caso la creación de un espacio común, donde los estudiantes puedan realizar actividades extra-académicas, en la publicación no hay detalles de la ubicación o de actividades que se puedan realizar en el lugar. Gracias a los comentarios a favor y en contra de este proyecto, se definieron ciertos aspectos a considerar para la construcción de este.

Discusión sobre temas que movilizan al cuerpo estudiantil

Se abre un debate en la app para que todos puedan mantenerse informados y tengan el poder de manifestar sus ideas respecto al tema a debatir. En el debate se abren puertas para presentar ciertas problemáticas que finalmente se discuten en una asamblea, la que es anunciada con anticipación gracias a que se publicita en la misma app con los temas que se van a tratar, entre ellos los mas relevantes de la app.

Tercera Propuesta

Modelo grupal

La siguiente propuesta comienzan con las decisiones tomadas entre el taller, finalmente se decidió realizar una aplicación entre todos los integrantes del curso, y con esto se comenzó por organizar todas las ideas que cada grupo llevaba, poniéndolas en orden según el tema. El orden esta dado por un loops infinito que tomamos como modelo para el desarrollo de la app. Modelo Metagrupo 7 G6 1.png Gracias a que previamente estábamos tratando la forma de publicación de las necesidades de la escuela, nos centramos como grupo en como se visualizaran estas ultimas en la pagina central de la app, como hacer que cada publicación se destaque.

Gráfica de la aplicación

Mapa de Clases

El siguiente mapa de clase esta realizado en conjunto con el total del taller, aparecen todas las características de esta aplicación en conjunto MAPA DE CLASES THEMIS PRIMERA PROPUESTA JPG.jpg

Paleta de colores y grilla inicial

La selección de la paleta de colores de la app, por parte del grupo de interfaz se relaciona directamente con los colores utilizados dentro de la escuela, siendo los colores más representativos de esta.

Coloresapp.jpg Grilla appthemis.png

Wireframes

En este modelo de aplicación las pantallas funcionan con un scroll superior lateral y uno inferior vertical, donde en la parte superior van las publicaciones más comentadas de cada categoría y en la sección inferior van las publicaciones categorizadas y por orden de publicación, también se decidio crear tipos de publicaciones, tales como debate, idea y proyecto, para así tener publicaciones más especificas. Esto fue pensado con la intención de que todas las publicaciones tuviesen la misma visibilidad dentro de la aplicación.


Menuthemis1.jpg Oficiothemis1.jpgPublicacionof1.jpgCatPublicaciones1.jpgPerfilthemis1.jpg

Simbologia

Simbologia Pantallas.png

Aplicacion Navegable

Ruta de navegacion

Aplicación funcional
Ruta-navegacion.app.png

Propuesta final

Con el termino de los avances como grupo 6, se inicio con el proceso final de creación de la aplicación, entre todo el taller, por lo que se establecieron paletas de colores, tipografía y grilla para todos igual. Como grupo 6, estuvimos encargados del desarrollo de la pantalla de inicio, donde se visualizan las noticias e ideas de la aplicación. El desafío que se nos presento fue, como hacer que cada una de las publicaciones fuese visible y tuviese la misma importancia que las demás. Una de las primeras propuestas presentaba la pagina de inicio con un scroll horizontal donde se presentan las noticias con menos tiempo y uno vertical que ordena las publicaciones en orden cronológico (lo más nuevo arriba)

Mapa de Clases

Mapa de clases 3.png


Menu principal 2.png Menú principal desgloce.png Ver mas.png

Simbologia experimental

Se tomo la decisión de crear iconos en tiza a mano, para ver si se lograba captar la identidad de la escuela en ellos los que finalmente fueron descartados por temas de visibilidad en la pantalla.

Datos pantalla.png

App Final

El resultado final de las pantallas de la aplicación, fueron un resultado de muchas pruebas y errores los cuales ayudaron a finalmente concretar una pantalla útil y visualmente rica. Se elimino el scroll de carrusel que estaba en los prototipos previos ya que no favorecían la visual de la aplicación, también se disminuyeron las cantidades y tamaños de los iconos al interior de las publicaciones, así también se decidió agregar un pequeño resumen en la caja del titulo para así incentivar la lectura de las ediciones.

Aplicación Funcional

Grilla y Paleta de colores Final

Paleta de colores - themis.png
GrillaTH.png

Wireframes

En el ingreso de la aplicación se encuentra su portada inicial, la cual te deriva a crear cuenta o visualizar aplicación, en cualquiera de los dos casos se llega en una instancia a la pagina de inicio, donde aparecen todas las informaciones separadas en dos menús:

Universidad: Se refiere a todos los temas políticos dentro de la universidad, tales como votaciones, paros, asambleas, etc.

Ámbito: Se clasifican así a todas las publicaciones que correspondan a la vida universitaria, a la recreación, etc.

THPortada.png Menú principal ámbito.png Menú principal universidad.png

En la parte superior de la aplicación se encuentra una barra que contiene el buscador el cual funciona con búsquedas únicas dentro de la aplicación y un menú de hamburguesa que contiene la información del perfil.

BUSQUEDA iniciar busqueda.png BUSQUEDA ingresar texto.png

La información del menú lateral es diferente para los distintos casos de uso:

Alumno y Ex-Alumnos: En este caso, el menú lateral cuenta con la derivación al perfil, a la cuenta en casos de problemas con la clave o de uso de la aplicación, contactos de la dirección de la pucv y en el caso de los alumnos se añaden notificaciones de las publicaciones en las que se participa.

Delegado: Este menú cuenta con las mismas opciones que el menú de alumno, agregándoles dos vínculos, uno de revisión de las denuncias de las publicaciones y otro de las tablas de las asambleas y juntas de taller.

Representante: El siguiente cuenta con las mismas facultades que el menú del Alumno, sumándole los vínculos de las denuncias de las publicaciones y el poder de creaciones de votaciones durante las asambleas.

Invitando: En este caso las únicas atribuciones con las que cuenta este menú es con la información de los contactos pucv

Despliegue menú lateral alumno.png Despliegue menú lateral Ex- alumno.png Despliegue menú lateral Delegado.png Despliegue menú lateral representante.png Despliegue menú lateral invitado.png

En las secciones de notificaciones del menú lateral se puede acceder a todas las nuevas notificaciones con su respectivo titulo que anuncian su contenido

Despliegue menú lateral alumno-1.png Notificaciones.inicioTh.png Despliegue menú lateral alumno-2.png Notificaciones-1.png

Recapitulando

Creemos que el dialogo entre el gobierno estudiantil y el estudiante puede ser mejorado mediante esta aplicación, esto debido a que hoy en día la gran mayoría de los alumnos cuenta con un dispositivo smartphone al cual estamos constantemente conectados, revisando redes sociales, por tanto esta aplicación al ser una red social con contenido más acotado puede ser adoptada como parte de nuestra rutina al igual que muchas otras aplicaciones, es por esto que esta debe estar diseñada para atraer a los usuarios y lograr que el alumno se conecte con ella.

Con el termino de toda esta experiencia de diseño, como grupo creemos que esta es una aplicación es viable para ser desarrollada en el tiempo para la Pucv y otras instituciones tal vez no educacionales. Sabemos que es un largo camino para lograr que esta aplicación este 100% funcional, al igual que es un largo camino para corregir muchos de los detalles dentro de las pantallas y el dialogo de estas con el usuario.

Esperamos que se pueda seguir avanzando en las políticas universitarias, ya sea mediante aplicaciones digitales o métodos más tradicionales tales como el dialogo presencial o asambleas. Pero debemos lograr encontrar un punto de equilibrio entre el poder y la gente, para evitar grandes manifestaciones o paralizaciones que afecten de forma no conveniente a ambas partes del conflicto.