Valentina Pérez: Intranet Alumnos

De Casiopea



Título
Palabras ClaveDiseño Gráfico, Diseño de Interacción, Taller de Construcción 4, Intranet, Maia, Diseño Gráfico 4, Segundo trimestre
Período2010-2010
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)Valentina Pérez
ProfesorHerbert Spencer


Proyecto: Diseño Intranet Alumnos

Introducción

El ramo de Construcción tiene como fin, llegar a una dimensión mas práctica del taller, donde debemos, en poco tiempo, realizar un proyecto que tenga como meta, la construcción de algún cuerpo gráfico. Este año, la construcción se basa en la creación de sitios web, enfrentándonos con cada una de las problemáticas que esto conlleva. Hacemos un recorrido por diferentes materias para poder llegar al producto final que sería el proyecto de cada uno de los alumnos.

Cada uno de los alumnos enfrenta diferentes desafíos, los cuales debe resolver con un trabajo de investigación y estudio. Este año, como mencionamos anteriormente, nos centramos en diferentes tipos de proyectos de carácter digital.

En esta edición veremos el proceso detallado de cada uno de los pasos que damos en esta investigación, desde el estudio, hasta el desarrollo del producto.

Primer estudio

Mapa de navegación del sitio e[ad]

Para dar comienzo la proyecto del ramo, comenzamos por la investigación del sitio de la escuela (www.ead.pucv.cl). Este es un sitio que se encuentra en constante cambio, por toda la cantidad de gente que participa en él, generando diferentes tipos de contenidos.

En este espacio interceptan diferentes tipos de intereses. Desde los mas prácticos, de un interés mas interno de la escuela, hasta intereses de tipo abierto a otras personas anexas a la escuela que estén interesadas en los temas que tocamos en ella.

Por lo tanto nos encontramos con un espacio para múltiples miradas. Para poder adentrarnos en el, hicimos una investigación en el sitio que se conformó por la reproducción del mapa de navegación del sitio.

El mapa de navegación es una herramienta que nos ayuda a poder leer el sitio de manera mas ordenada, así, entendemos su estructura interna y su contenido, de qué manera este se nos presenta en la navegación.

Segundo estudio

Análisis de mapa de navegación del sitio e[ad]

Luego de haber tenido nuestro primer encuentro a profundidad con el sitio de la escuela, hacemos un análisis de este, pero con una mirada más crítica, con el objetivo de ver qué cosas buenas y malas tiene el sitio y donde podemos encontrar un buen espacio donde generar algo nuevo.

Esto se puede basar en diferentes criterios, de partida encontrar qué públicos son los que llama el sitio de la escuela, y si de verdad, se da la instancia de nuevos planteamientos sobre los oficios o la poética. Qué otros tipos de instancias se pueden generar en el sitio o qué elementos de este no tienen un buen uso. También se puede apuntar a otros criterios como de mejoras del sitio, de manera de crear una nueva forma de que los contenidos se muestren.

Éstas son algunas de las preguntas que se hacen de forma previa a la realización del encargo. En las siguientes páginas veremos como se desarrolla este análisis.

Propuestas para el proyecto

Dos propuestas para el sitio

Del segundo estudio del sitio veo muchos puntos diferentes, con diferentes tipos de audiencias, sin embargo me llamó la atención dos grandes problemáticas.

  1. La primera trata sobre el espacio de Amereida en el sitio.
  2. Se trata sobre hacer del sitio, no solo un lugar de donde sacar información, si no también que este sea una herramienta para las personas de la escuela, en especial los alumnos.

La primera viene de la poca consistencia que hay dentro de la sección Amereida, sin especificar que este se trata de un ramo.

La segunda se refiere a una intranet para los alumnos de la escuela, un lugar donde se pueda interactuar con diferentes elementos de la facultad, facilitando la organización persona de los alumnos. Esta viene, por el solo hecho que no existe un elemento así.

A continuación se profundizará mas de cada tema.

Espacio Taller Amereida

En una primer lugar, vemos un extenso texto de la descripción del ramos. Consiste en un punteo con información a modo de ficha técnica. Luego una breve descripción. Esto parece un poco inadecuado y muy extenso para quienes recurren mucho a este sitio, en especial los alumnos.

Sin duda muchas personas fuera de la escuela recurren a este sitio, sin embargo, a primera vista del texto, no se logra persivir la riqueza e importancia que tiene este ramo. Los conceptos tradición, oficio y poética no están detras de esta presentación.

Archivo:Nanan

En una primer lugar, vemos un extenso texto de la descripción del ramos. Consiste en un punteo con información a modo de ficha técnica. Luego una breve descripción. Esto parece un poco inadecuado y muy extenso para quienes recurren mucho a este sitio, en especial los alumnos.

Sin duda muchas personas fuera de la escuela recurren a este sitio, sin embargo, a primera vista del texto, no se logra persivir la riqueza e importancia que tiene este ramo. Los conceptos tradición, oficio y poética no están detras de esta presentación.

Archivo:Ksdfjn

En una primer lugar, vemos un extenso texto de la descripción del ramos. Consiste en un punteo con información a modo de ficha técnica. Luego una breve descripción. Esto parece un poco inadecuado y muy extenso para quienes recurren mucho a este sitio, en especial los alumnos.

Sin duda muchas personas fuera de la escuela recurren a este sitio, sin embargo, a primera vista del texto, no se logra persivir la riqueza e importancia que tiene este ramo. Los conceptos tradición, oficio y poética no están detras de esta presentación.


Archivo:Jlh

Más abajo, en la misma página, nos encontramos con mas texto y texto linkeado. Cada uno pertenece a diferentes tiempos, como vemos, algunos de 1996, otros del 2010, y cada una de las publicaciones con una breve, y muy general descripción de la clase.

No sabemos cuantos articulos más existen, lo cual hace muy dificil cuando se está buscando algo puntual. Nuevamente, vemos que el material visual no se presenta ante nosotros para darnos otra dimensión del taller de Amereida. Archivo:Ajksfsdqhbj

A la izquerda encontramos un link llamado “ Podcas: del Taller de Amereida”. Teniendo la importancia que tiene, no la representa debido al lugar en el que se encuentra, haciendo muy dificil el encuentro de los audios de las clases, material muy recurrido. El hecho de que se encuentre junto a otros temas que no se relacionan al taller hace mas dificil su acceso.

Luego de que entramos a Podcas, nos encontramos con archivos clasificados por el tipo, no por la el numero de clase o fecha. De manera que una misma clase está dispersa en diferentes formatos, video, audio e imagen (material que aca no se nos presenta). Archivo:Slañdkf

El antecedente más cercano a una intranet para los alumnos es el Navegador Académico. Este es igual para todos los alumnos de la universidad, por lo tanto tiene información muy general. Su importancia es mas de tipo administrativo, sin embargo no se pueden hacer trámites oficiales a través de él.

Por lo menos se usa a principios y a fines del trimestre para la preinscripción de ramos y las notas de los ramos anteriores.

Sin embargo no es una herramienta cercana ni imprescindible para los alumnos. Archivo:Lakmds

Por otro lado, no toda la información que contiene el sitio es realmente oficial. Es el caso del horario. En él se muestra una información muy diferente a la que realmente ocurre en el presente, ni la hora ni el lugar que se nos dice son realmente esos. De manera que, cuando se recive, éste no es de fiar para los alumnos, limitando una verdadera organización de la vida universitaria del alumno.

En general, la distancia entre la realidad y el Navegador Académico es muy grande, de manera que su utilidad es muy baja en el día a día. Al igual que su credibilidad.

Proyecto Intranet Alumnos


Resumen del proyecto (Abstract)

Este proyecto tiene como objetivo crear una herramienta para los alumnos adentro del sitio de la escuela. Consiste en un tipo de "Agenda Electrónica" para los alumnos, donde pueden encontrar información del día a día. De esta manera se trata de oficializar el método que usamos actualmente, nosotros y otros talleres, de los servicios de Google Groups.En el encontraremos diferentes elementos que ayudaran al alumno a organizarse en sus actividades universitarias.



Indice de contenido

  1. Biblioteca
    1. Textos disponibles
    2. Arriendo actual
    3. Deuda en biblioteca
  2. Librería (Elsa)
    1. Deudas de librería
    2. Solicitud de plotter
    3. Valor de impresiones
  3. Cafeta
    1. Menú de la semana
    2. Solicitar almuerzo
    3. Deuda de cafeta
  4. Calendario (Agenda Electrónica)
    1. Ramos
    2. Actividades escuela
    3. Plazos biblioteca
    4. Horarios
  5. Sala de PC
    1. Solicitud de plotter
    2. Solicitud de carro-ancho
    3. Solicitud de impresora laser
  6. Laboratorio Mac
    1. Solicitud de Mac
  7. Avisos
    1. Alertas de biblioteca
    2. Alertas de entregas
    3. Alertas de deudas
  8. Noticias
    1. Noticias de última hora de ramos
    2. Noticias de última hora de servicios

Propuesta de Mapa de Navegación

Wireframes

Wireframes de diferentes partes del sitio

Wireframes 1

Wireframes 2

Wireframes 3

Interfaz

Mapas de divs

sitio

trabajando en el inicio, solo HTML

Escenarios y personas

Interfaces

ingresar actividad al calendario

Enviar aviso a taller de ramo

Leer un mensaje y responderlo

resolucion de pruebas

persona 1

MALO: 1.menu abajo hacia arriba, mas pekeño 2. gris de fondo al seleccionar 3.Mayuscula minuscula 4.la X al seleccionar enviar emergencia. 5.cosas personales con las actividades este en lo mismo 3.mensajes, relacion de color entre seleccion y mensaje

perosna 2


1. Ver lo del color de los eventos (el gris no el mismo). 2. No se entiende el título temas, pero aparte de eso, igual se entiende cuando se crea uno nuevo. 3. La miagen de fondo se tiene que notar más como una noticia (en el caso de que sea) para que tenga una relación con algo y no sea sólo una imagen de fondo. 4. El envío de mensajes está super claro. 5. La x se puede reemplazar con un 'volver al inicio' para no confundir con cerrar la aplicación.

persona 3


Color morado del head es muy fuerte.

El calendario es claro, pero al ingresar actividades no se entienden todos los contenidos que hay que ingresar, por lo tanto, debería ser por partes.

Encontré todos los botones rápidamente, pero en la parte de enviar el mensaje urgente me costó encontrar el botón "crear nuevo".

Se le da mucha importancia a la noticia al poner una foto de fondo relacionada a esta. En la intranet deberían tener más importancia los contenidos de la parte de abajo (avance curricular, certificados...etc.) y las noticias estar en último lugar.

No se entiende que el texto de la parte inferior izquierda está relacionado a la imagen


persona 4

1. Para enviar o responder un mail, deberia abrirse una ventana nueva, exclusiva para envio o respuesta de mails. La otra opcion es que, al escribir un mail, se opaque el color de las opciones que son redundantes o que no se van a utilizar, como "eliminar" o "responder" (en el caso de que también exista simultaneamente una opcion de "enviar"). Sin embargo, esta complicación se evita haciendo uso de la primera recomendacion, al estilo facebook.

2. si en el cuadrado de la hora ya esta estipulada cual es la actividad a realizar, es redundante tener que clasificarla con un color

3. al crear un foro para un ramo, es dificil darse cuenta para un profesor, que lo que se esta haciendo es crear un foro y no un mail.

4. al terminar un mail o un foro, el boton aceptar DEBE cambiarse: es identico al de facebook


persona 5

1. el porte de los caracteres algo pequeña. 2. me resulto mas facil por que ya estaba familiarizada con la plantilla.

persona 6 1. Incluir un encabezado que identifique al propietario de la Intranet (Institucion). 2. Permitir que se amplíe el mensaje mediante un doble click sobre el mensaje seleccionado. 3. Crear un espacio para "Información General" o Noticias de Importancia. Por ejemplo: Suspensión de clases, actividad en la universidad, etc. 4. Incluir corrector ortográfico cuando escribas la respuesta a un mensaje. 5. Aprovechar mejor el espacio de pantalla disponible. 6. Poco amistoso. No entendí el metodo de los colores. Sería mejor si usa un metodo de preguntas sucesivas. Primero, la hora; segundo, cual es la asignatura y luego asigna el color automaticamente. 7. Debería crear bloques para el horario definido. 8. Así como permite incluir actividades todos los días de la semana, debería permitirlo durante todas las horas del día. Mostrar en forma fija el horario habitual 08:00 a 18:00 horas y con scroll el resto del día. 9. Permitir vista alternativas: Solo un día, todo el mes. 10. El procedimiento para que un profesor mande avisos me parece bueno y facil de hacer. Pero creo que debería canalizarce por una vía distinta. No como parte del foro del ramo entre una serie de otros dialogos de menor nivel.; sino como un mensaje o aviso que el alumno vea casi "inevitablemente".

Maqueta navegable

http://labs.ead.pucv.cl/lc/vperez/prueba/ingreso.htm