Diferencia entre revisiones de «Pyxis y Gamma»

De Casiopea
Línea 68: Línea 68:
El método contempla una serie de arquetipos con ''nombre'', ''edad'', ''ocupación'' y ''residencia''. La ''descripción'' antecede al ''escenario'' y la consecuente problemática que debe ser atendida en el proceso de evaluación.   
El método contempla una serie de arquetipos con ''nombre'', ''edad'', ''ocupación'' y ''residencia''. La ''descripción'' antecede al ''escenario'' y la consecuente problemática que debe ser atendida en el proceso de evaluación.   


=====Arquetipo I=====
=====Arquetipo I (Externo - Postulante)=====


[[Archivo:41827d 0f2dbeeb0f70f7de4729aae053efb0c9.jpg srz 231 235 85 22 0.50 1.20 0.00 jpg srz.jpg|thumb|left|Persona I]]
[[Archivo:41827d 0f2dbeeb0f70f7de4729aae053efb0c9.jpg srz 231 235 85 22 0.50 1.20 0.00 jpg srz.jpg|thumb|left|Persona I]]
Línea 86: Línea 86:
# ''Contactar a la escuela a través del formulario de "contacto".''
# ''Contactar a la escuela a través del formulario de "contacto".''


=====Arquetipo II=====
=====Arquetipo II (Interno - Primer año)=====


[[Archivo:Mario Vergas.jpg|thumb|left|Persona II]]
[[Archivo:Mario Vergas.jpg|thumb|left|Persona II]]
Línea 105: Línea 105:
#''Buscar la sección de "noticias".''
#''Buscar la sección de "noticias".''


=====Arquetipo IV=====
=====Arquetipo IV (Externo - Egresado)=====


[[Archivo:Elena Sánchez.jpg|thumb|left|Persona IV]]
[[Archivo:Elena Sánchez.jpg|thumb|left|Persona IV]]
Línea 125: Línea 125:
# ''Encontrar la "edición digital:" "El acto arquitectónico", por Alberto Cruz.''.
# ''Encontrar la "edición digital:" "El acto arquitectónico", por Alberto Cruz.''.


=====Arquetipo V=====
=====Arquetipo V (Externo - Apoderado)=====


[[Archivo:Ernesto Gómez.jpeg|thumb|left|Persona V]]
[[Archivo:Ernesto Gómez.jpeg|thumb|left|Persona V]]

Revisión del 03:48 21 jul 2014

TítuloPyxis y Gamma
Tipo de ProyectoProyecto de Titulación
Palabras Clavediseño gráfico, diseño web, framework, tema wordpress, wordpress, responsive
Período2014-2014
AsignaturaTaller de Diseño Gráfico Titulación 3,
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)Juan Antonio Godoy, Idar González
ProfesorHerbert Spencer
URLhttp://eadpucv.github.io/pyxis/, http://eadpucv.github.io/gamma/


Verificación e iteración

Carta Gantt

Etapa titulo 3.png

Gamma

Implementación

El paso de maquetas a theme en wp

Correcciones de diseño

Ajustes en el diseño por la administrabilidad, usabilidad y legibilidad

Testeo del sitio

Evaluación de la plataforma (software)

  1. Validador de código y accesibilidad
    1. w3 [[1]]
    2. Browser screenshots [[2]]
  2. Velocidad del sitio
    1. Pingdom [[3]]
  3. Observaciones generales (velocidad, usabilidad, estándard de códigos)
    1. Google developer PageSpeed insight [[4]]
W3C Markup Validation Service

Existe un estándar de escritura en estructura de documentos para la web. Entre las validaciones se toma en cuenta la arquitectura de elementos, la semántica, la correcta declaración de elementos, etc. Frente a la primera evaluación, el sitio en su versión alfa muestra más de 180 errores y 2 advertencias graves. Tras corregir errores de semántica se logran reducir las advertencias y diversos errores de semántica. Sin embargo, hay errores que se deberán ir limpiando con el transcurso del tiempo incluso una vez ya implementado el sitio.


Google developer insight

Al someter la versión alfa del sitio [alfa.ead.pucv.cl], nos arroja una serie de elementos que pueden ser mejorados en función de usabilidad y del funcionamiento del sitio como un sistema, básicamente asegurando estándares de elementos gráficos y un mejor rendimiento en el sitio.

  • Velocidad: 42/100 en Desktop y 27/100 en móvil
    • Optimizar imágenes: Esto implica un tratado de imagen por parte de la persona que suba las imágenes. Es decir, reducir datos de la foto sin perder la definición. [5]
    • Habilitar compresiones: Para optimizar el tiempo de carga del sitio se recomienda habilitar la compresión de archivos mediante el uso de gzip. [6]. Esto además de asegurar un menor tiempo de carga, le puede ayudar a ahorrar datos a alguien que navegue por el sitio con banda-ancha restringida (datos por navegación). Éste es el enlace de cómo se configura el archivo .htaccess que permite comprimir contenidos. [7]
    • Eliminar bloqueo de render en archivos JavaScript y CSS: Para que un navegador pueda mostrar una página al usuario, antes debe analizarla. Si encuentra un script externo que bloquee la visualización del contenido durante el análisis, debe detenerse y descargar el archivo JavaScript. Cada vez que sucede esto, se crea un nuevo flujo de datos en la red que retrasa la carga de la página. [8]. En este caso, se dejan sólo nos javascript más necesarios para el funcionamiento directo del sitio, como jquery el carrusel y los otros se dejan en el footer, cosa que carguen al final. Además se les agrega una extensión llamada async, que desincroniza la descarga de los javascript.
    • Especifiación del caché en el navegador: El almacenamiento en caché del navegador para recursos estáticos puede ahorrarle tiempo al usuario si este visita tu sitio en más de una ocasión. El almacenamiento en caché de las cabeceras debería aplicarse a todos los recursos estáticos que puedan almacenarse en caché, no solo a un pequeño conjunto (como imágenes). Entre los recursos que se pueden almacenar en caché se incluyen los archivos JS y CSS, archivos de imágenes y otros archivos de objetos binarios (archivos multimedia, archivos PDF, etc.). En general, el código HTML no es estático y no debería considerarse apto para almacenarse en caché de forma predeterminada. Debes tener en cuenta qué política de almacenamiento en caché sería la más adecuada para el código HTML de tu sitio.
  • Consideraciones
    • Minificar JavaScript, HTML y CSS: Se propone minificar estos archivos, eliminando espacios vacíos, tabulaciones inecesarias (para la lectura de software), que permite que la lectura del sitio sea mucho más rápida. Actualmente.
    • Reducir tiempos de respuesta del servidor: Por el momento se supone que en el servidor que está alojado la versión alfa del sitio no es la óptima. Por lo tanto esto tendremos que comprobarlo una vez que el sitio esté implementado en el servidor real.
  • Pruebas cumplidas
    • No tener landing page
    • Priorizar contenido visiblemente
  • Experiencia de usuario 98/100
    • Elementos a considerar
      • Aplicar el tamaño adecuado a los botones táctiles
    • Pruebas cumplidas
      • No utilizar plugins
      • Configuración de Viewport
      • Ajustar el tamaño del sitio a Viewport
      • Usar tamaños tipográficos legibles

Personas y escenarios

Objetivos / Estructura / Proceso

La siguiente metodología busca representar de manera especulativa con las personas que frecuentan el sitio e[ad] en sus diferentes escenarios o situaciones ficticias para una posterior realización de pruebas de usuario. Dichas pruebas comprometen la usabilidad y adaptación de la plataforma digital, al punto de re-plantear la rama de los contenidos, la interacción y la gráfica del sitio con respecto al registro, el estudio y el resultado de las pruebas.

El método contempla una serie de arquetipos con nombre, edad, ocupación y residencia. La descripción antecede al escenario y la consecuente problemática que debe ser atendida en el proceso de evaluación.

Arquetipo I (Externo - Postulante)
Persona I
  • Nombre: Felix Muñoz.
  • Edad: 20 años.
  • Ocupación: Estudiante.
  • Residencia: Santiago, Chile.

Descripción: Felix es un joven estudiante de arte de la Universidad Católica de Chile. Su inquietud por esta disciplina es herencia de su padre, quien postuló a la facultad de arquitectura de la misma escuela, y donde hoy ejerce como docente. Desde muy pequeño Felix se ha ligado poco a poco a los trabajos manuales y de carácter análogo: En especial fotografía y técnicas de grabado. Aunque sus estudios hoy en día no requieren por completo de dicho interés, y aun dudando de su proyección laboral, Felix ha perseverado durante todo un año para comprometerse con la carrera.

Escenario: Felix comienza a pensar que su carrera no cumple las expectativas que tenía para sí, y, junto a su familia, mantienen conversaciones sobre un posible traslado de carrera. Su padre le ha recomendado arquitectura o diseño, y felix -entusiasmado-, no duda en revisar por internet las diferentes opciones. Vía Google se encuentra con el enlace del sitio e[ad], y se propone echar un vistazo a la malla curricular. Se introduce por el rótulo de navegación "Carreras y postgrados" y pincha en "Diseño gráfico". El sitio le redirige a una página donde se halla descrita la concepción de la escuela sobre el oficio del diseño y la malla curricular disponible para descargar en formato .PDF. Felix ha considerado estudiar en la PUCV dicha carrera, cursar durante un año el plan común de la malla, y luego decidir la mención de gráfico u objetos. Felix ha revisado también el "perfil del egresado" y ha enviado un mensaje a través de la sección de "contacto" del sitio, presentándose como posible postulante. A fin de año han acabado discutiendo, junto a su padre, el necesario traslado a la región de Valparaíso.

Tareas a diagnosticar:

  1. Encontrar la "malla curricular".
  2. Encontrar el "perfil del egresado".
  3. Contactar a la escuela a través del formulario de "contacto".
Arquetipo II (Interno - Primer año)
Persona II
  • Nombre: Mario Vargas.
  • Edad: 18 años.
  • Ocupación: Estudiante.
  • Residencia: Viña del mar, Chile.

Descripción: Mario cursa primer año de arquitectura en la facultad de Arquitectura y diseño e[ad] PUCV. Lleva una semana de bienvenida, y una de la cosas que le han llamado la atención radica en la concepción poética que caracteriza la enseñanza de la escuela llevada al acto y el oficio. Como es de costumbre, ha participado por primera vez en el taller de américa impartido en Ciudad abierta y la casa de estudios, y con ello su acercamiento a la poesía dejó de ser insospechado. A sólo unos días de haber ingresado, Mario tuvo que consultar por la localización de Ciudad abierta en Ritoque, puesto que debía asistir a su primera clase de "Cultura del cuerpo". De modo que, al ser atendido por uno de sus compañeros, le fue aconsejado visitar el sitio e[ad] para encontrar la dirección exacta y el geo-punto presente en el mapa digital de Google, de manera que pudiese rastrearlo con su propio Smartphone.

Escenario: Pasado un tiempo, en clases de taller, Mario comienza a recibir semanalmente dos encargos relacionados con la práctica del dibujo en base a la "observación". Nuevamente se halla ante una técnica y ámbito desconocidos, por lo que, curioso, resuelve investigar a través del sitio e[ad]. Al ingresar, hace click en el primer rótulo (donde anteriormente apeló por la información del campus), en la sección "Escuela", y luego el primer sub-rótulo: "Historia". Mario encuentra allí descrita la Historia originaria de la facultad y quiénes fueron los fundadores de dicha metodología y enseñanza de concepción tan particular. Además ah revisado la sección "Amereida" y ha leído sobre la publicación de la obra con el mismo nombre. Ahora, más informado sobre el propósito en las cualidades de su facultad, Mario a recomendado a sus compañeros revisar el sitio e[ad] para estar al tanto si surgen dudas.

Tareas a diagnosticar:

  1. Buscar la localización de "Ciudad abierta" en Ritoque.
  2. Revisar la "historia" y origen de la e[ad].
  3. Buscar la sección "amereida".
  4. Buscar la sección de "noticias".
Arquetipo IV (Externo - Egresado)
  • Nombre: Elena Sánchez.
  • Edad: 24 años.
  • Ocupación: Egresada ingeniería civil industrial.
  • Residencia: Reñaca, Chile.

Descripción: Elena es una joven egresada de ingeniería en la Universidad Federico Santa María de Viña del mar. Su carácter es entusiasta, y cada vez que tiene la oportunidad de participar en un proyecto particular -de preferencia humanista-, se introduce rápidamente al debate de ideas y conjeturas, cauta y disciplinadamente, aporta su punto de vista y conocimiento. Hace sólo una semana que Elena concursó a un fondo para la inversión de su proyecto de tesis, el cual salió ganador y fue digno de aceptación por el gobierno.

Escenario: El proyecto consiste en la debida gestión de una empresa inmobiliaria que busca reunir jóvenes egresados de arquitectura y diseño de objetos, con el fin de afrontar el conjunto ecológico y urbanista de forma integral y equilibrada, administrando los fondos para generar una marca coorporativa. A Elena le hace ilusión llevar a cabo el proyecto con algunas personas de su edad promedio y de espíritu emprendedor. De modo que el primer paso es contactar estudiantes o profesionales en las áreas respectivas, y comienza a investigar por internet. Sin embargo, uno de sus amigos es estudiante de diseño en la e[ad], y le ha recomendado visitar el sitio y los proyectos que ha realizado la PUCV con respecto al eco-urbanismo. Elena no duda en revisar la información recomendada, y ya en el sitio se dirige a la "malla curricular", con el objetivo de estudiar la rama de contenidos presentes en la carrera. Luego apela por el "perfil del egresado" para observar la formación y visión de la facultad en sus alumnos. Finalmente, Elena debe "publicar un trabajo" en la sección "Bolsa de trabajo" para agendar el proyecto en el sitio y que éste se encuentre disponible para el conjunto-escuela a través de la plataforma digital. Con esperanzas, Elena cree que tendrá buenos resultados, y acaba anotando la "dirección" exacta de la facultad de arquitectura y diseño para visitarla si fuera necesario.

Tareas a diagnosticar:

  1. Descargar la "malla curricular".
  2. Encontrar el "perfil del egresado".
  3. "Publicar un trabajo" como aviso para los estudiantes de la facultad.
  4. Encontrar la "dirección" de la casa de estudios e[ad].
  5. Encontrar la "edición digital:" "El acto arquitectónico", por Alberto Cruz..
Arquetipo V (Externo - Apoderado)
  • Nombre: Ernesto Gómez.
  • Edad: 52 años.
  • Ocupación: Empresario.
  • Residencia: Rancagua, Chile.

Descripción: Ernesto es padre de tres hijos. Dos de ellos cursan en la universidad y están en la mitad de su carrera. Escogieron vivir en Santiago para estudiar en la capital, en la Universidad de Chile y la Universidad Diego Portales. El tercer hijo, Agustín, es el más pequeño y está por ingresar a la educación superior. Al igual que sus hermanos, pretende estudiar en a capital, y esperanzado en su ardua preparación para la PSU, quiere postular a la carrera de arquitectura en la universidad Católica de Chile. Sin embargo, Ernesto ha reparado en investigar otras opciones, guiado por la idea de ampliar las oportunidades para su hijo, e incitarlo a que pongo ojo en los establecimientos regionales.

Escenario: Ernesto, desde su oficina, decide buscar por internet información sobre la carrera de Arquitectura en el país, y específicamente impartida en regiones. Vía Google se encuentra con el enlace del sitio e[ad], donde pincha "Carreras y postgrados" para ingresar en "Arquitectura", y de inmediato se encuentra con el "perfil del egresado"; se le ocurre guardar el enlace y mostrárselo a su hijo, cuando llegue a casa. Antes salir del sitio, se pregunta por los profesores que imparten las clases, y desde "Escuela" hace click en "cuerpo académico". Allí se le presenta un listado de todos los profesores con su respectiva información profesional. Finalmente, con un mayor interés, revisa la sección de "becas y ayudas estudiantiles" y la sección de "Servicios" implementados por la facultad. En casa, ambos visitaron el sitio juntos para especular opciones.

Tareas a diagnosticar:

  1. Encontrar el "perfil del egresado".
  2. Revisar qué docentes erigen el "cuerpo académico".
  3. Encontrar las opciones de "becas y ayudas estudiantiles".
  4. Buscar los "servicios" implementados por la facultad.

Pruebas de usuario

Registro

Silverback es una aplicación para Apple capaz de registrar la interacción del usuario con el sistema. Además graba la respuesta gesticular de éste con la web-cam y lo dispone en una sub-pantalla. Esta aplicación es muy útil a la hora de realizar pruebas de usabilidad con personas reales, registrar todo el proceso de pruebas con una plataforma web y de manera ulterior estudiar los resultados para finalmente generar una parametrización de cada prueba, con el fin de obtener resultados estadísticos y racionalizables de acuerdo al criterio de los desarrolladores.

Silverback-app
Tipos de usuarios

Los tipos de usuario representan -de forma pseudo-realista, sin apelar específicamente a la situación descrita en "personas y escenarios"- los arquetipos identificados; siendo así el paso siguiente para llevar a la praxis la metodología de evaluación y replanteamiento sobre el diseño y la estructura de los contenidos en sito e[ad].

  • Los tipos de usuario son los siguientes:

Usuario Externo (postulante) - Arquetipo I


  • ¿Encontrar el perfil del egresado?

Análisis cuantitativo:

  1. Tiempo: 80 segundos
  2. Número de clicks erróneos: 8
  3. Número de clicks acertados: 3

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:
  3. Observaciones:


  • ¿Encontrar la malla curricular?

Análisis cuantitativo:

  1. Tiempo: 6,8 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 3

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:
  3. Observaciones:


  • ¿Encontrar el cuerpo docente?

Análisis cuantitativo:

  1. Tiempo: 6 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:
  3. Observaciones:


  • ¿Encontrar la ubicación de la facultad?

Análisis cuantitativo:

  1. Tiempo: 30,5 segundos
  2. Número de clicks erróneos: 3
  3. Número de clicks acertados: 1

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:
  3. Observaciones:


  • ¿Compartir una noticia?

Análisis cuantitativo:

  1. Tiempo: 17,8 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:
  3. Observaciones:


  • ¿Encontrar información sobre intercambio estudiantil?

Análisis cuantitativo:

  1. Tiempo: 13 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 1

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:
  3. Observaciones:


  • ¿Contactar a la e[ad]?

Análisis cuantitativo:

  1. Tiempo: 6,8 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:
  3. Observaciones:


Usuario Interno (Primer año) - Arquetipo II


  • ¿Encontrar el perfil del egresado?

Análisis cuantitativo:

  1. Tiempo: 48,9 segundos
  2. Número de clicks erróneos: 3
  3. Número de clicks acertados: 3

Análisis cualitativo:

  1. Recorrido de Navegación: Barra de navegación principal - Carreras y postgrados - Arquitectura - Malla curricular - Descargar malla curricular.
  2. Confusiones/dificultades: Ninguna.
  3. Observaciones: Tomándose el debido tiempo de lectura, su interacción es expedita, intuitiva, sin dudas prolongadas o vacilación en secciones diferentes.


  • ¿Encontrar la ubicación de Ciudad abierta?

Análisis cuantitativo:

  1. Tiempo: 38,7 segundos
  2. Número de clicks erróneos: 2
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación: Barra de navegación principal - Carreras y postgrados - Arquitectura - Malla curricular - Descargar malla curricular.
  2. Confusiones/dificultades: Ninguna.
  3. Observaciones: Tomándose el debido tiempo de lectura, su interacción es expedita, intuitiva, sin dudas prolongadas o vacilación en secciones diferentes.


  • ¿Compartir una noticia?

Análisis cuantitativo:

  1. Tiempo: 60 segundos
  2. Número de clicks erróneos: 1
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación: Barra de navegación principal - Carreras y postgrados - Arquitectura - Malla curricular - Descargar malla curricular.
  2. Confusiones/dificultades: Ninguna.
  3. Observaciones: Tomándose el debido tiempo de lectura, su interacción es expedita, intuitiva, sin dudas prolongadas o vacilación en secciones diferentes.


  • ¿Contactar a la e[ad]?

Análisis cuantitativo:

  1. Tiempo: 14 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación: Barra de navegación principal - Carreras y postgrados - Arquitectura - Malla curricular - Descargar malla curricular.
  2. Confusiones/dificultades: Ninguna.
  3. Observaciones: Tomándose el debido tiempo de lectura, su interacción es expedita, intuitiva, sin dudas prolongadas o vacilación en secciones diferentes.


  • ¿Encontrar el cuerpo docente?

Análisis cuantitativo:

  1. Tiempo: 19,6 segundos
  2. Número de clicks erróneos: 5
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación: Barra de navegación principal - Carreras y postgrados - Arquitectura - Malla curricular - Descargar malla curricular.
  2. Confusiones/dificultades: Ninguna.
  3. Observaciones: Tomándose el debido tiempo de lectura, su interacción es expedita, intuitiva, sin dudas prolongadas o vacilación en secciones diferentes.


Usuario Interno (Curso superior) - Arquetipo III


  • ¿Encontrar el perfil del egresado?

Análisis cuantitativo:

  1. Tiempo: 120 segundos
  2. Número de clicks erróneos: 10
  3. Número de clicks acertados: 3

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:.
  3. Observaciones:


  • ¿Encontrar el cuerpo docente?

Análisis cuantitativo:

  1. Tiempo: 8 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:.
  3. Observaciones:


  • ¿Compartir una noticia en la e[ad]?

Análisis cuantitativo:

  1. Tiempo: 14,6 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 3

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:.
  3. Observaciones:


  • ¿Contactar a la e[ad]?

Análisis cuantitativo:

  1. Tiempo: 10,7 segundos
  2. Número de clicks erróneos: 1
  3. Número de clicks acertados: 1

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:.

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:.
  3. Observaciones:
  4. Observaciones:


  • ¿Encontrar requerimientos para intercambio estudiantil?

Análisis cuantitativo:

  1. Tiempo: 6,9 segundos
  2. Número de clicks erróneos: 1
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:.
  3. Observaciones:


  • ¿Encontrar ofertas de trabajo (bolsa de trabajo)?

Análisis cuantitativo:

  1. Tiempo: 25,4 segundos
  2. Número de clicks erróneos: 4
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:.
  3. Observaciones:


  • ¿Encontrar noticias de diseño gráfico?

Análisis cuantitativo:

  1. Tiempo: 36,4 segundos
  2. Número de clicks erróneos: 2
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación:
  2. Confusiones/dificultades:.
  3. Observaciones:


Usuario Externo (egresado) - Arquetipo IV


  • ¿Descargar .pdf de la malla curricular?

Análisis cuantitativo:

  1. Tiempo: 9,3 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 4

Análisis cualitativo:

  1. Recorrido de Navegación: Barra de navegación principal - Carreras y postgrados - Arquitectura - Malla curricular - Descargar malla curricular.
  2. Confusiones/dificultades: Ninguna.
  3. Observaciones: Tomándose el debido tiempo de lectura, su interacción es expedita, intuitiva, sin dudas prolongadas o vacilación en secciones diferentes.


  • ¿Encontrar el perfil del egresado?.

Análisis cuantitativo:

  1. Tiempo: 45,8 segundos
  2. Número de clicks erróneos: 7
  3. Número de clicks acertados: 3

Análisis cualitativo:

  1. Recorrido de Navegación: Barra de navegación principal > Carreras y postgrados > Arquitectura > Perfil de egreso.
  2. Confusiones/dificultades:
    1. Movimiento duditativo en el gesto de las manos.
  3. Observaciones: Al no saber dónde buscar, se pasea por todos los rótulos principales, buscando algo que de cuenta del "egresado". Al relacionar el concepto "estudiantes" con "egresados", ingresa en "Ex-alumnos".


  • ¿Publicar un trabajo?

Análisis cuantitativo:

  1. Tiempo: 57,5 segundos
  2. Número de clicks erróneos: 8
  3. Número de clicks acertados: 3

Análisis cualitativo:

  1. Recorrido de Navegación: Barra de navegación principal > Estudiantes > Bolsa de trabajo > Publicar un trabajo.
  2. Confusiones/dificultades:
    1. Se confunde de manera conceptual con "publicar un trabajo" (cree que refiere a un trabajo universitario).
  3. Observaciones: Ingresa a "contacto", creyendo que allí encontrará las publicaciones.


  • ¿Encontrar la "dirección" de la casa de estudios?

Análisis cuantitativo:

  1. Tiempo: 17,8 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación: Barra de navegación principal - Escuela - contacto.
  2. Confusiones/dificultades:
  3. Observaciones:


  • ¿Encontrar la "edición digital:" "El acto arquitectónico"?

Análisis cuantitativo:

  1. Tiempo: 8,7 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Recorrido de Navegación: Barra de navegación principal > Extensión > ediciones e[ad].
  2. Confusiones/dificultades:
  3. Observaciones:


Usuario Externo (apoderado) - Arquetipo V

  • ¿Encontrar el "perfil del egresado"?.

Análisis cuantitativo:

  1. Tiempo: 3,9 minutos
  2. Número de clicks erróneos: 14
  3. Número de clicks acertados: 3

Análisis cualitativo:

  1. Navegación: Nav Carreras y posgrados > Nav Escuela > Nav Estudiantes > Asuntos estudiantiles > Nav Estudiantes > Asuntos estudiantiles > Nav Extensión > Nav Carreras y Posgrados > Nav Escuela > Portada información académica > Nav Extensión > Nav Estudiantes > Ex-alumnos > Nav Carreras y Posgrados
  2. Confusiones/dificultades:
    1. Tras buscar en información académica ya no encuentra dónde y vuelve a revisar el menú de navegación.
    2. "¿Podrá estar en ex-alumnos?"
    3. "¿Quizás en la Carrra?"
  3. Observaciones: Los rotulados dificultan la comprensión natural del sitio. Por esa razón el usuario entra a rótulos como "Información académica", "Asuntos estudiantiles", se cae en la duda de "Extensión", incluso en "Ex-alumnos". Esta tarea nos demuestra que el funcionamiento de los aside en esta etapa no están cumpliendo su rol principal (puesto que ahora sólo enlaza a noticias). Se tiende a acceder a la sección "Estudiantes" en busca del perfil del egresado sobre todo al encontrar el rótulo "Ex-alumnos", pareciera que hay una mayor relación entre ambos conceptos. "Información académica" se entiende como un portal donde se encuentra información en relación a lo académico, a lo que pueda venir de la facultad hacia el alumno, mientras que nosotros planteamos un canal de comunicación específico de secretaría de docencia / administración hacia los alumnos. El hecho de que al entrar al Enunciado y el último rótulo aparezca encendido (rojo), hace que comience a leer de abajo hacia arriba.


  • ¿Revisar qué docentes erigen el "cuerpo académico"?


Análisis cuantitativo:

  1. Tiempo: 10,8 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Navegación: Nav Escuela > Cuerpo académico
  2. Confusiones/dificultades: Ninguna.
  3. Observaciones: La tarea no presenta dificultad. El rotulado y el contenido es claro.


  • ¿Encontrar las opciones de "becas y ayudas estudiantiles"?.


Análisis cuantitativo:

  1. Tiempo: 3,3 minutos.
  2. Número de clicks erróneos: 19
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Navegación: Nav Estudiantes > Asuntos Estudiantiles > Nav Estudiantes > Servicios > Nav Escuela > Portada información académica > Nav Estudiantes > Asuntos estudiantiles > Servicios > Nav Extensión > Nav Amereida > Nav Escuela > Nav Estudiantes > Cuerpo Coordinador > Enlace externo PUCV > Enlace externo Fondo Solidario > Nav Admisión > Becas y ayudas estudiantiles
  2. Confusiones/dificultades:
    1. "¿Ahí está? En el DAE"
    2. Titubea en entrar al rótulo "Admisión" sin embargo prefiere Estudiantes y vuelve a buscar en Asuntos estudiantiles.
    3. "No imaginé que estuviera en Admisión porque lo relaciono con Asuntos estudiantiles, ahora que lo veo le encuentro relación pero no pude pensarlo antes"
  3. Observaciones: Se tiene por concepción que becas y ayudas está dentro del rótulo "Estudiantes", ya que ahí se despliega también "Asuntos estundiantiles", rótulo que redirecciona y además se asemeja a DAE (Dirección de Asuntos Estundiatiles". Al ver que no estaba ahí, ve en "Servicios", de nuevo nada que sirva. Nuevamente "Información académica" es parte de la búsqueda, a pesar de que ya ha ingresado el rótulo pareciera ofrecer otro contenido. Incluso "Cuerpo Coordinador" ofrece enlaces a otros sitios que hablan de créditos y la Federación de estudiantes de la PUCV.Nuevamente el aside no cumple su mejor función, la utilidad de enlazar páginas no está funcionando. Existe una tendencia de ordenar los contenidos de una cierta forma a nivel general y si tratamos de cambiar eso, puede que los usuarios no encuentren el contenido de una forma fácil.


  • ¿Buscar los "servicios" implementados por la facultad?

Análisis cuantitativo:

  1. Tiempo: 8,3 segundos
  2. Número de clicks erróneos: 0
  3. Número de clicks acertados: 2

Análisis cualitativo:

  1. Navegación: Nav Estudantes > Servicios
  2. Confusiones/dificultades:
    1. "Lo encontré altiro porque ya había pasado por ahí"
  3. Observaciones: La tarea no presenta dificultad. Con las tareas anteriores ya había encontrado el rótulo Servicios, por lo que se le hizo fácil volver a encontrarlo.

Iteración en uso

Una vez implementado

Pyxis

Incorporación de clases extendidas

Versatilidad del framework (cómo funciona)

Documentación extensiva en gh-pages

Reflexión del proyecto

Paper