Estudio y Propuestas del Sitio UAI

De Casiopea
TítuloEstudios sobre el sitio de la Universidad Adolfo Ibañez
Tipo de ProyectoProyecto de Curso
Palabras Claveusabilidad, heurística, wireframe
Período2013-2013
AsignaturaLenguaje Computacional 3,
Del CursoLC3 2013,
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)Danila Ilabaca, Alison Saravia, Samira Bajbuj, Catalina Reyes, José Miguel Ortega, Carolina Nuñez
ProfesorJorge Barahona
URLhttp://uai.com

Introducción

Entrega uno

Evaluación Heurística

El estudio Heurístico consiste en un analisis de Usabilidad. Se trata de un sistema de evaluación de interfaces y procesos que consisten entre la Interacción Persona-Ordenador. El análisis heurístico contiene una serie de comprobaciones que velan por la usabilidad del sitio web en distintas categorías, que varían en cantidad, las más comunes son las siguientes:

1.-Aspectos Generales 2.-Identidad e Información 3.-Estructura y navegación 4.-Rotulado 5.-Layout de la página 6.-Entendibilidad y Facilidad 7.-Control y Retroalimentación 8.-Elementos Multimedia 9.-Búsqueda 10.-Ayuda


Homedetalles1.png

  1. Logos Uai

Detalleslogo.png


    • Identidad Visual

Se caracteriza por una paleta de colores frios, más el negro siempre presente como background principal

Visualdetalle.png

      • Buscadores

Buscadores.png

        • Header y Footer

Headerfotter.png

Entrega dos

Mapa de navegación / creación de personajes y escenarios

Mapa de navegación actual de menú principal, superior e inferior

Captura de pantalla 2013-08-13 a la(s) 21.27.46.png

Mapa de navegación actual del sitio

ENTREGA2 MAPA ACTUAL liviano.png

Mapa de navegación menú principal mejorado

Captura de pantalla 2013-08-13 a la(s) 22.12.48.png

Mapa de navegación superior mejorado

Captura de pantalla 2013-08-13 a la(s) 21.57.36.png

Mapa de navegación inferior mejorado

Captura de pantalla 2013-08-13 a la(s) 21.58.52.png

Creación de personajes y escenarios

Personaje 1

Captura de pantalla 2013-08-13 a la(s) 22.25.30.png

  • NOMBRE: Camila Muñoz
  • EDAD: 17 años
  • OCUPACIÓN: Estudiate Educación media
  • NIVEL DE USUARIO: Primario
  • ESCENARIO: Camila está en cuarto medio del colegio Alemán, se acerca la fecha de la PSU y no sabe a cual universidad entrar. Quiere estudiar periodismo y decide visitar el sitio de la Universidad Adolfo Ibáñez. Al ingresar al home del sitio observa que en el menú principal dice “ Facultades y carreras” y ve que al ir a “Carreras” aparece “Periodismo”. Lo que está buscando principalmente Camila es el puntaje de la PSU que necesita para entrar a esta carrera. Al meterse a la categoría “Periodismo” ningún título lo relaciona con el puntaje, opta por meterse a “Admisión”, al clickear observa que no sale el puntaje de corte, si no que aparece el valor mensual en UF, lo cual hace que Camila abandone el sitio.

Personaje 2

Captura de pantalla 2013-08-13 a la(s) 22.28.19.png

  • NOMBRE: Catalina Bedecarratz
  • EDAD: 21 años
  • OCUPACIÓN: Estudiante universitaria
  • NIVEL DE USUARIO: Primario
  • DESCRIPCIÓN: En las mañanas, durante el trayecto a la Universidad y en su tiempo libre de los fines de semana, suentretención es leer. Es de nivel económico medio-alto .Es una persona nocturna, pasa hasta altas horas de la noche en el computador investigando y socialmente está habituada a interactuar con las personas para rescatar información para la Universidad.
  • ESCENARIO: “Son las 18:00 de la tarde, acaba de salir de la Universidad, y pasa al supermercado a comprar cosas para la once, ya que vive con una amiga y una prima. Mientras toma once, recuerda que debe mandar un mail para confirmar una

entrevista con un profesor. Después de tomar once, Procrastina en su notebook y busca en sitios Universitarios un libro de interés para un proyecto que está relacionado con la interacción y las personas. Luego de eso se concentra en avanzar para sus trabajos.”

Personaje 3

Captura de pantalla 2013-08-13 a la(s) 22.34.40.png

  • NOMBRE: Diego Zenteno
  • EDAD: 24 años
  • OCUPACIÓN Estudiate de Derecho
  • NIVEL DE USUARIO: Avanzado
  • DESCRIPCIÓN: Diego está en su último año de Derecho en la UAI, realizando su tésis de grado. Suele utilizar el sitio web de manera diaria, ya sea para buscar libros en la biblioteca, revisar sus asignaturas, imprimir cupón de pago y mantenerse informado sobre temas estudiantiles (noticias, agenda).
  • ESCENARIO: Ya que Diego está en su último año de Universidad se encuentra preocupado en relación a su futuro laboral, por lo tanto toma la iniciativa de investigar sobre opciones de Magister que entrega su propia Universidad. Uno de sus principales objetivos es ampliar conocimiento más allá de su profesión propiamente tal, más en detalle está interesado en el área de la sicología, por lo tanto decide navegar el sitio e informarse sobre las opciones y posibilidades que en entrega su propia universidad, como también sobre temas relacionados con el valor que este requiere.

Personaje 4

Captura de pantalla 2013-08-13 a la(s) 22.47.17.png

  • NOMBRE: Bernardo Cárdenas
  • EDAD: 58 años.
  • OCUPACIÓN: Profesor
  • NIVEL DE USUARIO: Avanzado
  • DESCRIPCIÓN:

Bernardo es Profesor de Dirección Estratégica en postgrados de la Escuela de Negocios de la Universidad Adolfo Ibáñez. Los días Lunes,Jueves y Viernes dicta sus clases en horarios que van de 9.45 am a 11.15 am y luego por las tardes de 15.30 pm a 17.00 pm. En el tiempo que tiene entre una y otra clase, se dedica a actualizar notas de alumnos y a subir información respecto a cambios de horario o entrega de trabajos en el sitio de la Universidad. Y los días que no dicta clases, trabaja en conjunto con sus pares de la Escuela de Negocios para preparar su material para las próximas clases.

  • ESCENARIO:

Un día Viernes por la tarde, luego de finalizar su última clase, Bernardo asiste a un seminario de la Escuela de Negicios que dicta uno de sus colegas en la Universidad. El seminario finaliza a eso de las 21.00 pm apróx. Bernardo llega a su casa con la intención de ingresar al sitio de la UAI para descargar textos relacionados con su ramo, que pueden servir de apoyo para sus alumnos, pero se percata de que el link “Biblioteca” no se encuentra disponible; es decir, el link está roto. Toma la decisión de ver si al día siguiente sigue así y se va a acostar. Al día siguiente lo intenta una vez más y no hay acceso a “Biblioteca”, por lo que decide esperar al día Lunes para ir directamente a la Biblioteca y solicitar los textos que necesitaba. En este caso, el sitio no fue de ayuda para Bernardo, ya que el no funcionamiento del link “Biblioteca” provocó un retraso en la entrega de material para sus alumnos.

Personaje 5

Captura de pantalla 2013-08-13 a la(s) 22.52.35.png

  • NOMBRE: Isabella Ranieri
  • EDAD: 22 años.
  • OCUPACIÓN: Estudiante de Derecho en la Universidad de Bolonia, Italia.
  • NIVEL DE USUARIO: Primario
  • DESCRIPCIÓN:

Isabella estudia hace dos años la carrera de Derecho en la Universidad de Bolonia, Italia. Ella usa internet diariamente ya que tiene acceso a éste desde su casa en la cuál vive junto a una amiga. Sus padres viven en Roma. Ella vive en Bolonia debido a que estudia ahí. Isabella es Bilingüe, habla su idioma natal; el italiano, y además maneja un perfecto inglés.

  • ESCENARIO:

Isabella un día en la Universidad escucha de unos compañeros de cursos superiores que vienen llegando de un período de intercambio en Chile y lo mucho que les ha gustado ese país. Ella siempre ha querido aprender español y conocer sudamérica, por lo que decide buscar más información sobre intercambios. Cuando ya se encuentra en su casa busca ingresa al perfil de facebook de uno de los compañeros que viene llegando de su intercambio en Chile y en información encuentra el nombre de una universidad; la UAI, entonces decide buscar en google más información sobre intercambios en esta universidad. Busca “UAI Chile” e ingresa al enlace del sitio de la universidad. Una vez en el sitio Isabella inmediatamente busca algún enlace que lo traduzca al inglés, pero no lo encuentra. Mientras hace “over” sobre las opciones del menú principal ve que hay una opción en inglés que dice “Incoming Foreign Students”, ingresa a ese ítem y encuentra información muy general sobre los intercambios en esa universidad, escrita en inglés por lo que puede leerla. Sin embargo está frustrada porque quisiera conocer información más detallada sobre la universidad y el país. Luego ve la opción: Download Handbook, lo descarga y accede a un pdf con toda la información que requería, más detallado y en inglés. Isabella está mas satisfecha pero aún le quedan dudas. No encuentra ninguna opción en inglés que sea de consulta o contacto. Por lo que opta por averiguar a través de sus compañeros. El sitio le entregó información parcial sobre lo que buscaba.

Entrega tres

Mapa de navegación/Prueba con usuarios/ wireframes

Mapa de navegación modificado y final

Mapa Final


Prueba con Usuarios

La prueba con Usuarios tiene por objetivo permitir la interacción de la persona directamente con los elementos que van a conformar el Home del sitio UAI. Esto es: Buscador, menú de navegación, noticias, agenda, etc. Para esto, se crean "pizarras" interactivas hechas a mano, que cumplen con asemejar pantallas digitales (Desktop, Tablet y Móvil).

La idea es que el Usuario, de acuerdo a sus prioridades, organice y acomode estos elementos dentro de la pizarra.

Perfil de Usuario 1

Usuario1


  • NOMBRE: Constanza Arancibia
  • EDAD: 25 años
  • OCUPACIÓN: Estudiante de Arquitectura
  • NIVEL DE USUARIO: Avanzado





VERSIONES

A continuación se muestra de qué modo fueron organizados los elementos. La primera imagen corresponde al trabajo realizado a mano, la segunda es la muestra digitalizada de los wireframes creados por el usuario, y la tercera es la muestra de cómo se corresponden uno y otro elemento en las tres plataformas (Desktop,Table y móvil).

Versión a mano

Versiones


Versión digitalizada

Versiones digitales


Versión Responsive

Versiones Responsive


Perfil de Usuario 2

Usuario2


  • NOMBRE: Juan Reyes
  • EDAD: 64 años
  • OCUPACIÓN: Profesor Universitario
  • NIVEL DE USUARIO: Intermedio





VERSIONES

A continuación se muestra de qué modo fueron organizados los elementos. La primera imagen corresponde al trabajo realizado a mano, la segunda es la muestra digitalizada de los wireframes creados por el usuario, y la tercera es la muestra de cómo se corresponden uno y otro elemento en las tres plataformas (Desktop,Table y móvil).

Versión a mano

Versiones


Versión digitalizada

Versiones digitales


Versión Responsive

Versiones Responsive



Perfil de Usuario 3

Usuario2


  • NOMBRE: Fernanda Zavala
  • EDAD: 20 años
  • OCUPACIÓN: Estudiante
  • NIVEL DE USUARIO: Intermedio





VERSIONES

A continuación se muestra de qué modo fueron organizados los elementos. La primera imagen corresponde al trabajo realizado a mano, la segunda es la muestra digitalizada de los wireframes creados por el usuario, y la tercera es la muestra de cómo se corresponden uno y otro elemento en las tres plataformas (Desktop,Table y móvil).

Versión a mano

Versiones


Versión digitalizada

Versiones digitales


Versión Responsive

Versiones Responsive


Propuesta final de Wireframe

De las pruebas de usuario realizadas anteriormente se creó un Wirefrmae final que reune todos los aspectos que los usuarios consideraban de mayor prioridad al momento de ingresar al sitio de la UAI.


Wireframe Desktop

Desktop


Wireframe Tablet

Tablet


Wireframe Móvil

Móvil

Conclusión