Informe de usabilidad de la Universidad de Virginia
Conocemos la interfaz de UVA, analizamos posibles usuarios y mejoramos uno de sus puntos débiles
La universidad de Virginia fue fundada en 1819 por Thomas Jefferson a fin de promover el conocimiento humano, educar a líderes y cultivar una sociedad reflexiva.
Actualmente la UVA es una institución pública icónica de educación superior, cuenta con escuelas y programas clasificados a nivel nacional, un importante centro médico académico y un distinguido proyecto de investigación. Posee un autogobierno activo gestionado por los propios estudiantes, comprometidos en Arte y Atletismo.
Para la investigación hemos elegido dos usuarios con un perfil joven e involucrados actualmente en estudios:
Nombre: Javier Godino
Demografía: Hombre de 29 años, soltero y reside en una zona urbana cerca del centro de la capital.
Ocupación: Es programador Senior, su tiempo libre lo dedica a estudiar online, jugar a la consola, ver series sobretodo frikis e ir al cine.
Necesidades: Este tipo de plataformas le pueden dar acceso a estudios y formaciones.
- A simple vista le parece “chula” y que muestra la información de manera directa.
- Para descubrir quién era la mascota solo ha necesitado 2 Scrolls de ratón, sobre si se imparten clases en árabe no es capaz de encontrarlo y para buscar el aeropuerto más cercano a UVA tardó 6 interacciones.
- Cree que la usabilidad es fácil, pero en cuanto a la navegación comenta que es compleja con muchos submenús de cabeceras en cada sección. No acaba de ver muy claro el orden de la pantalla principal.
Nombre: Marta Rodríguez
Demografía: Mujer 25 años, soltera y reside en Madrid centro.
Ocupación: Estudió Derecho y ADE y acaba de terminar un máster, se considera foodie y le apasionan las películas.
Necesidades: Le interesan estas web para tener contacto con su universidad y buscar el contenido que le pueda ser útil.
- La primera impresión de Marta es que la interfaz es limpia, clara e intuitiva.
- No consigue localizar ni la mascota, ni si existen clases en Árabe y para encontrar el aeropuerto necesitó 8 clicks.
- Después de navegar por la plataforma opina que para nada es clara, no cree que los menús se correspondan lo que se encuentre en ellos, ve demasiada información por lo cual se pierde al buscar y mucho desorden.
Como problemas a destacar debemos señalar la falta de limpieza de la página principal, la complejidad de la navegación debido a los submenus y lo difícil de comprender el contenido ubicado en estos.
Me he decidido a resolver el caos de información de la pantalla de inicio, sintetizar y organizarla para que tengan una agradable primera toma de contacto con la Universida de Virginia.
Empiezo realizando el wireframe de la página existente para identificar de manera eficiente los puntos débiles de esta.
Comenzamos con la lluvia de ideas y los primeros bocetos:
- En primer lugar, el menú lo he simplificado y queda About us, Academics,Admission y el resto están agrupados en Services con una lista desplegable.
- En esta misma barra en la esquina superior derecha sitúo la opción Search.
- La página se compone casi en su totalidad por noticias con sus respectivas fotografías, están clasificados en At a glance, UVA today (more news, all events) y @ UVA, hay demasiados submenús de noticias. Lo englobo en un slide donde puedes hacer una búsqueda según el tema que te interesa y bajo esto aparecen las noticias más relevantes del día.
- Además la web tiene todo su peso en la zona de la izquierda y el resto en blanco, decido mantener amplios espacios en blanco para que quede limpia, pero repartiendo las imágenes de manera más equilibrada.
- En el menú inferior, donde estan los links de contacto incluyo el Email que estaba ubicado en el superior.
- Además he introducido un logo de la mascota de la universidad que se mueve y baila sobre At a glance y si pinchas sobre él, te enlaza con el video de la mascota de UVA.
Tras este proyecto he valorado que es muy importante conocer de primera mano las pruebas de los usuarios y ver cómo a medida que interactúan con la página cambian por completo sus expectativas. Se debe tener muy en cuenta su experiencia, pues aunque en un primer momento algo parezca muy visual y simple, no siempre es así.
Creo que es interesante recrear un wireframe de baja fidelidad sobre lo que vamos a trabajar para poder comparar con tu prototipo y evaluar si has conseguido mejorar los problemas.
Ahora si que si, acabamos con el Prework, nos vemos muy pronto ya inmersos a tope, mientras tanto a darle al código!!!
