Proceso de rediseño del sitio web de Bibliotecas PUCV 2020
| Período | 2020-2020 |
|---|---|
| Palabras Clave | rediseño, sitio web |
| Relacionado | Proyecto Bibliotecas PUCV 2020 |
| Estudiado por | Javiera Missana |
Página principal: iteración I
Página principal actual:
La primera propuesta de rediseño de la página principal contempla 6 secciones divididas en bloques de información:
- El menú principal en el header y el buscador general: el menú principal es reordenado según las prioridades y funcionalidades del sitio; se cambian algunas rotulaciones y se propone un menú tipo drop-down, con el objetivo de que el usuario pueda ver todas las opciones del contenido ofrecido antes de ingresar a cada página (en la versión actual, el usuario se encuentra con el contenido una vez que ya ingresó a él); se propone un buscador con filtros que ayuden a la búsqueda (la versión actual no cuenta con filtros) y además se propone la existencia de un buscador general que siempre se encuentre en el header, para facilitarle al usuario la búsqueda de información en el sitio.
Diseño actual
Iteración I
Iteración I
Iteración I
Iteración I
Iteración I
Iteración I
- El horizonte llamado "¿Qué quieres hacer?": esta sección corresponde a un conjunto de llamados a la acción, es decir, botones que responden a actividades específicas, (extraídas de las entrevistas y el benchmark) que representan al uso más demandado de la biblioteca online; el objetivo de la sección es acelerar el recorrido que hace el usuario a estos servicios específicos, ahorrando clicks. Los llamados son, en orden, "Usar la biblioteca online", "Solicitar un artículo", "Arrendar o renovar", "Reservar un espacio" y "Contactar a un bibliotecario". El sitio actual cuenta con los siguientes llamados, que no responden a acciones específicas, lo que causa confusión, en especial a usuarios nuevos: "Estudiar", "Enseñar", "Investigar" y "Publicar".
Diseño actual
Iteración I
- La sección llamada "Novedades": corresponde a un reordenamiento de la actual sección "Actualidad", que presenta un menú demasiado heterogéneo en contenido y que tiene páginas vacías, páginas con contenido no muy relevante y servicios que deberían estar en la página de los servicios; la información que sí es relevante para este menú no se anuncia a sí misma, es información bastante estática que requiere del movimiento del usuario. Se propone un nuevo horizonte dinámico que anuncie tres tipos de información: nuevos títulos, nuevas publicaciones y títulos destacados.
Diseño actual
Iteración I
- El calendario de biblioteca: actualmente, el sistema no comunica eventos ni cierres especiales ni otro tipo de actividades en el sitio web, así que se propone un calendario común que contenga todos los eventos de todas las bibliotecas.
- Las bibliotecas del sistema: el sitio actual presenta sus bibliotecas con información resumida previa a entrar a la página completa de cada una. Esta forma de mostrarse se mantiene, pero se realizan ciertos cambios en las jerarquías.
Diseño actual
Iteración I
- El footer: el footer actual contiene información bastante básica y sin mucha jerarquía textual, por lo que se ordena y se propone un nuevo diseño.
Diseño actual
Iteración I
Página principal: iteración II
- Menú principal y buscador general: Se agrega al header el isologo y se afina el menú drop-down.
Iteración I
Iteración I
Iteración I
Iteración I
Iteración I
Iteración I
Iteración II
Iteración II
Iteración II
Iteración II
Iteración II
Iteración II
- Horizonte "¿Qué quieres hacer?": ahora va unido con el buscador general. Se agregan además los botones del chat online y de la pestaña para entregar feedback sobre el sitio.
Iteración I
Iteración II
- Chat asistencial: Se rediseña la interfaz del chat asistencial, que actualmente pide bastantes datos del usuario; adicionalmente, se propone una pestaña para entregar feedback al sistema más rápidamente.
Diseño actual
Iteración I
- Sección "Novedades": Se concretiza más el bloque con un fondo azul para darle su propio espacio en la página.
Iteración I
Iteración II
- Calendario biblioteca: Aparece una primera propuesta formal, que consiste en resaltar los eventos en vez de incrustar un gran calendario: la información entregada consiste en el año, la fecha puntual, la sede, la hora, una foto del evento y el nombre del evento.
Iteración I
- Sección bibliotecas del sistema: la sección adquiere también su propio bloque y cambian algunos colores.
Iteración I
Iteración II
- Footer: se agrega el logotipo de la universidad y se reordena el contenido, estableciendo jerarquías más claras.
Iteración I
Iteración II
Página principal: iteración III
- Menú principal: Con el objetivo de construir un espacio más limpio y con más aire, el fondo se vuelve de un blanco tonal y las letras e isologo del rojo de la imagen de marca ya calibrado; se rediseña el buscador con este mismo propósito y se afina el menú drop-down. Además, se contempla un horizonte de bienvenida a la página, que contempla una foto en la que aparezcan personas, con el objetivo de crear una primera plana acogedora.
Iteración II
Iteración II
Iteración II
Iteración II
Iteración II
Iteración II
Iteración III
Iteración III
Iteración III
Iteración III
Iteración III
- Buscador general y sección "¿Qué quieres hacer?": el buscador se rediseña para que coincida con el del header; la sección "¿Qué quieres hacer?" se mantiene igual
Iteración II
Iteración III
- Chat asistencial: se mantiene la propuesta.
Iteración I
- Sección "Novedades": el fondo se cambia a rojo, pues el azul se mantendrá como el color para lo "clickeable" estrictamente.
Iteración II
Iteración III
- Calendario biblioteca: se mantiene la propuesta.
Iteración I
- Sección bibliotecas del sistema: se mantiene la propuesta.
Iteración II
- Footer: se mantiene la propuesta.
Iteración II
Página principal: iteración IV
- Menú principal: La propuesta de menú se mantiene, y se desplaza la imagen de bienvenida abajo del buscador y la sección "¿Qué quieres hacer?", para que la sección más funcional quede en lo más arriba de la página. El menú drop-down se calibra para funcionar con los colores del menú principal.
Iteración III
Iteración III
Iteración III
Iteración III
Iteración III
Iteración III
Iteración IV
Iteración IV
Iteración IV
Iteración IV
Iteración IV
Iteración IV
- Buscador general y sección "¿Qué quieres hacer?": el banner de bienvenida ahora va bajo esta sección. Se elimina la pestaña "Feedback" y se opta por dejar esta funcionalidad en una página propia bajo el menú "Contacto y ayuda", con el objeto de limpiar la sección.
Iteración III
Iteración IV
- Chat asistencial: se mantiene la propuesta y se elimina la interfaz del feedback.
Iteración I
- Calendario biblioteca: el diseño cambia a un calendario más tradicional debido a que es más fácil organizarse si se ve el panorama completo del mes con los eventos colocados dentro de él; las pestañas de los eventos llevan a la página propia del evento, así que funcionan como enlaces. Debido a su importancia, esta sección pasa a estar arriba de "Novedades".
Iteración I
Iteración II
- Sección "Novedades": se afinan los colores y se rediseña la sección, dándole más espacio a cada sub sección para mostrar contenido simultáneo.
Iteración III
Iteración IV
- Sección bibliotecas del sistema: se mantiene la propuesta.
Iteración II
- Footer: se mantiene la propuesta.
Iteración II
Página principal: iteración V
- Menú principal: la propuesta para el header y el menú drop-down se mantiene.
Iteración IV
Iteración IV
Iteración IV
Iteración IV
Iteración IV
Iteración IV
- Buscador general y sección "¿Qué quieres hacer?": se calibran tamaños y se elimina el banner de bienvenida, por juzgar que no cumplía ninguna función concreta para con el usuario.
Iteración IV
Iteración V
- Chat asistencial: se afinan detalles para convertirlo en un chat más agradable.
Iteración I
Iteración II
- Calendario biblioteca: se mantiene la propuesta.
Iteración II
- Sección "Novedades": se eliminan las cajas y los botones, que sólo utilizan espacio innecesario, y se reemplazan por una diagramación en columnas más limpia y que sigue permitiendo mostrar contenido simultáneo.
Iteración IV
Iteración V
- Sección bibliotecas del sistema: la propuesta anterior es demasiado extensa y sólo agranda la página, por lo que es reemplazada por un menú drop-down que contiene los enlaces a cada biblioteca; la idea de la fotografía hospitalaria se inplementa en esta sección, que ahora cumple su objetivo primero.
Iteración II
Iteración III
Iteración III
- Footer: se mantiene la propuesta y se agregan los íconos de las redes sociales.
Iteración II
Menú "Nosotros": iteración I
Página actual:
La sección actual comprende varias páginas, casi todas con contenido netamente textual en forma de blog, es decir, se ven como si se estuviera leyendo un diario. No se hace uso de la fotografía a excepción de la página "Nuestras bibliotecas" y hay páginas en las que el usuario espera encontrar enlaces o acciones para hacer, pero sólo se encuentra con texto (ejemplo: "Apoyo a la docencia" y "Apoyo al aprendizaje".
La principal propuesta que se hace a esta sección es primeramente limpiar el contenido de toda información que en verdad no sea relevante para el sitio; luego se hace un reordenamiento del contenido y se prosigue a proponer una nueva indexación, que concluye con lo siguiente: el gran menú ya no se llama "Acerca de", sino que recibe el nombre de "Nosotros", el cual es juzgado más humano. Las páginas hijas de este menú ahora son "Acerca de nosotros", "Nuestras bibliotecas" y "Reglamento", consideradas como el contenido preciso para esta sección. Además, los textos originales son re-escritos y editados para acomodarse al lenguaje cordial y hospitalario propuesto: sin el uso del "usted" y con un vocabulario jovial y activo.
Página "Acerca de nosotros"
La primera página dentro de la sección "Nosotros" corresponde a "Acerca de nosotros", y representa un espacio destinado a presentar al equipo humano detrás del sistema de biblioteca. Esta página en la actualidad sólo cuenta con información textual acerca de la misión del sistema de biblioteca, y en una página aparte se presenta al equipo; la propuesta de rediseño es que lo primero en el menú "Nosotros" sea la presentación del equipo humano.
Página "Acerca de nosotros" actual
Página "Nuestro equipo" actual
Sección de presentación del equipo, iteración I
Presentación del equipo completo y sus contactos, iteración I
Esta primera propuesta se apoya fuertemente en la fotografía: se propone que cada integrante del equipo tenga su retrato en la página, con el objeto de volver a la página más humana de lo que ahora es: que no sea tan sólo una lista llana con letras y números, sino que cuente con caras, con sonrisas, con gente que exprese la intención de ayudarte.
Página "Nuestras bibliotecas"
La página "Nuestras bibliotecas" se mantiene dentro del rediseño, ya que son las bibliotecas el pilar y la vida del sistema. No cambia mucho en cuanto a diagramación: se afinan detalles y jerarquías tipográficas, y se agrega la propuesta de añadir un mapa general de la región de Valparaíso, que coloque a cada sede en contexto.
Página "Nuestras bibliotecas" actual
Página "Nuestras bibliotecas", iteración I
Página "Nuestras bibliotecas", iteración I
Página "Reglamento"
La página "Reglamento" se incluye en el rediseño, y corresponde a la última página del menú "Nosotros"; la página actual presenta el reglamento completo como un gran bloque de texto con pocas jerarquías textuales. Se propone ordenar el texto según su fragmentación ya existente, dejando cada sección como un botón drop down: así, el usuario puede elegir leer una sección en particular, o varias, o todas a la vez, y el esqueleto de la indexación se muestra más claro.
Página "Reglamento" actual
Página "Reglamento", iteración I
Página "Reglamento", iteración I
Página "Reglamento", iteración I
Menú "Nosotros": iteración II
Página "Acerca de nosotros"
En una segunda iteración, se decide cambiar las fotografías individuales, eligiendo ahora un formato circular de 200x200px, en pos de una página menos larga hacia abajo.
Iteración I
Iteración II
Menú "Nosotros": iteración III
Página "Nuestras bibliotecas"
La tercera iteración se centra en la página "Nuestras bibliotecas", afinando jerarquías textuales y de color, especialmente para separar la información de contacto y ubicación del aviso de si la biblioteca está abierta o cerrada. Además, se afina y se define mejor la caja de la foto y el nombre de cada biblioteca.
Iteración I
Iteración II
Menú "Nosotros": iteración IV
Página "Acerca de nosotros"
La cuarta iteración vuelve a cuestionar la página "Acerca de nosotros": se colocan fotografías reales y se quita la propuesta de los retratos personales debido a que mantenerlos actualizados en el tiempo no es muy viable; entregar hospitalidad entonces se apoya en el texto de introducción, redactado y modificado a partir de los textos originales, y en la fotografía introductoria.
Iteración II
Iteración III
Página "Nuestras bibliotecas"
Asimismo se vuelve a mirar esta página, y se agrega la fotografía, que a diferencia de la actual, es consistente en mostrar a todas las personas involucradas en cada biblioteca y no sólo mostrar los espacios vacíos. Se afinan jerarquías textuales y se cambia el color de los nombres de las bibliotecas de rojo a azul, debido a que este último es el color dispuesto para los objetos clickeables.
Iteración II
Iteración III
Menú "Nosotros": iteración V
Página "Nuestras bibliotecas"
La quinta iteración vuelve a la página de las bibliotecas: se afinan nuevamente jerarquías textuales, y se agrega una caja a cada biblioteca para que el blanco de la página general no se cole por todos lados; así, cada biblioteca aparece como un elemento propio.
Iteración III
Iteración IV
Menú "Nuestras bibliotecas": iteración I
Página actual:
Actualmente, el menú llamado "Bibliotecas" es el único que ofrece una opción drop-down, con la que se puede elegir de antemano qué página de qué biblioteca visitar. Cada sede tiene su propia página, con una introducción y abajo la información de contacto del equipo, la ubicación y si está abierta o cerrada.
La propuesta de rediseño para esta sección del sitio radica esencialmente en las páginas particulares de cada biblioteca: se hace una limpieza y un reordenamiento del contenido, además de editar y re-escribir los textos que van en cada una de estas páginas para que se acomoden al lenguaje amable y jovial propuesto.
Al igual que el resto de las propuestas de rediseño, se hace uso de la fotografía nuevamente: las páginas particulares actuales tienen un carrusel de fotos bastante pequeño, y se propone que sea un espacio real para la imagen, que haga aparecer a la biblioteca de manera que el usuario sepa con qué se va a encontrar cuando vaya.
Asimismo, se propone que, luego de la introducción (que propone indicar a qué carreras y áreas del conocimiento atiende cada biblioteca) venga inmediatamente la información más relevante, es decir, el número general de contacto y la ubicación, acompañada de un mapa incrustado para dar un contexto real. Luego se muestran los servicios particulares que cada sede ofrece, y por último qué personas componen al equipo que trabaja en cada sede, con su fotografía y su información de contacto debidamente ordenada.
Diseño actual
Diseño actual
Iteración I
Menú "Nuestras bibliotecas": iteración II
La segunda iteración hace calzar el formato de los retratos con el resto del sitio, volviéndolos circulares.
Iteración I
Iteración II
Menú "Nuestras bibliotecas": iteración III
Una tercera iteración decide eliminar los retratos personales, al igual que en el resto del sitio; en su reemplazo, se hace apoyo de la fotografía del equipo completo para entregar la hospitalidad que un rostro humano ofrece. Además, se cambia la diagramación general de la página y se afinan jerarquías textuales y de color.
Iteración II
Iteración III
Menú "Nuestras bibliotecas": iteración IV
Esta iteración se centra en eliminar los bordes redondeados de los mapas, y en la corrección ortográfica y de jerarquías textuales.
Iteración III
Iteración IV
Menú "Servicios y herramientas": iteración I
Página actual:
El menú de servicios actual solía ser uno solo, que luego se dividió en dos: uno rotulado "Servicios" y otro "Recursos"; además, hay un acceso a los servicios en la página principal llamado "A un click" y otro en el menú "Actualidad". En general, se presenta un desorden en la presentación de los servicios, punto principal del ejercicio de rediseño: se propone que todos los servicios que ofrece el sistema estén en una sola sección, en su propio menú, y no dispersos por toda la página.
Otra propuesta medular es la perfilación: se sugiere la existencia de un filtro, que separe los servicios y le muestre al usuario cuáles son aquellos destinados a su grupo, según su relación con la universidad. Estos grupos son: alumnos, docentes, comunidad universitaria y visitas. En la actualidad, se presentan todos los servicios como si fueran para todo público, lo que no refleja la realidad: esta propuesta de filtro pretende establecer claridad en este punto. Además, se propone un buscador exclusivo para esta página, con la intención de facilitar la búsqueda.
Así, estas propuestas decantan en una nueva diagramación para el menú de los servicios, renombrado como "Servicios y herramientas" (pues los servicios son aquellos que alguien te presta, y las herramientas son aquellas que te ayudan a hacer algo): se piensa en un sistema de "cartas" o "átomos" que contengan a cada servicio, y que juntos formen el gran universo de los servicios ofrecidos por Bibliotecas PUCV.
Se propone en un comienzo que cada grupo de servicios vaya con una imagen que haga alusión a lo que sucede en el servicio, pero siempre mostrando interacciones humanas (por ejemplo, el catálogo podría ser una persona consutando un libro). Esta idea es rápidamente descartada debido a que representa un gran número de imágenes y su mantención en el tiempo es compleja.
Por otro lado, se trabaja en la edición de los textos explicativos que van en cada "átomo", cuya intención es contar brevemente de qué se trata cada servicio antes de que el usuario haga click, y así sepa con qué se va a encontrar de antemano, y si esto satisface o no sus necesidades.
Finalmente, se hace un reordenamiento de los servicios.
Diseño actual
Diseño actual
Iteración I
Iteración I
Menú "Servicios y herramientas": iteración II
En una nueva revisión, se establece que cada átomo debe estar más consolidado como estructura singular para ser un átomo, por lo que se diagraman ahora dentro de su propio espacio sin la fotografía.
Iteración I
Iteración I
Iteración II
Iteración II
Menú "Servicios y herramientas": iteración III
Los principales cambios en esta iteración son la calibración de los colores, especialmente el azul de los botones con el objeto de evitar contrastes deficientes, y eliminar el exceso de clicks en aquellos servicios que no necesiten más de uno (en estos, el botón se rotula con "usar servicio2 en vez de "ver más"). Paralelamente, se afinan las jerarquías textuales de los títulos, y se vuelve a hacer un reordenamiento del total de servicios.
Iteración II
Iteración II
Iteración III
Iteración III
Menú "Servicios y herramientas": iteración IV
Esta iteración replantea el tamaño y el número de clicks en los átomos: se propone que sean cartas más pequeñas para así construir una diagramación en tres columnas y ahorrar espacio; por otro lado, se prueba mostrando en los mismos átomos el desgloce de las opciones de servicios que son conjuntos (por ejemplo las revistas académicas, las colecciones de libros, las herramientas de publicación, etc).
Además se siguen afinando las jerarquías textuales.
Iteración III
Iteración III
Iteración IV
Menú "Contacto y ayuda": iteración I
Página actual:
El menú actual para "Contacto y ayuda" consiste en dos páginas ("Contacto" y "Ayuda" respectivamente); la primera página ofrece un listado con bullet points de las personas a las que acudir si se necesita ayuda, acompañado de un texto que contiene a su vez el principal correo de contacto del sistema de bibliotecas.
Est menú es demasiado llano y carente de amabilidad para con el usuario, por lo que la propuesta para esta sección particular se enfoca significativamente en el lenguaje utilizado y en la fotografía, actualmente inexistente. Además, se agrega contenido en la página "Ayuda", pues actualmente se encuentra vacía, y se renombra "Ayuda y preguntas frecuentes". Por otro lado, se propone la integración de dos páginas adicionales: "Reportar un problema" y "Entregar feedback", que tienen como objetivo implementar la funcionalidad que le da al usuario de entregar feedback al sitio y al sistema mismo, actividad ausente actualmente.
Página "Contacto"
Para la primera página, se levanta una nueva diagramación que la separa en dos secciones: una primera con el llamado a acercarse al sistema si el usuario lo desea, que contiene el correo institucional y los principales números de teléfono, y una segunda con los contactos y fotos de los representantes de cada unidad académica.
Diseño actual
Iteración I
Página "Ayuda y preguntas frecuentes"
Esta página intenta ser un lugar en donde el usuario puede responder sus dudas acerca del funcionamiento de la biblioteca y sus servicios a través de un video tutorial incrustado directamente en la página y un sistema de preguntas frecuentes, mostradas en formato drop-down para mayor comodidad de lectura; el sistema de preguntas frecuentes se piensa con el objeto de que el personal de biblioteca no tenga que estar respondiendo las mismas preguntas una gran cantidad de veces. Adicionalmente, se sugiere una casilla para hacer preguntas, que funciona como un enlace directo al correo institucional; esto para dar una alternativa de contacto en caso de ser necesario.
Diseño actual
Iteración I
Página "Reportar un problema"
La primera página sugerida para la entrega de feedback tiene que ver con el reporte de posibles problemas que el sitio pueda tener. Actualmente, si algo no está funcionando no hay un canal directo para comunicarlo y el usuario no sabe bien a quién acudir, por lo que se levanta esta propuesta, que ofrece la posibilidad de adjuntar pantallazos del posible problema junto con describirlo.
Página "Entregar feedback"
La segunda página para entregar feedback se centra en la experiencia general del sitio, ofreciendo la posibilidad de comentar abiertamente sobre esta.
Menú "Contacto y ayuda": iteración II
Página "Ayuda y preguntas frecuentes"
Una seguna vuelta se centra en la página de ayuda: se afinan jerarquías textuales y se construye mejor el contenido que se mostrará, incluyendo ejemplos de preguntas y de cómo pueden ser respondidas.
Iteración I
Iteración II
Página "Entregar feedback"
Durante esta iteración, se prueba eliminar esta página y en su lugar implementar la pestaña in-situ de feedback, paralela a la pestaña del chat en línea, con la intención de direccionar el feedback a cada página particular y no dejarlo tan abierto.
Menú "Contacto y ayuda": iteración III
Página "Contacto"
Esta iteración hace calzar la página "Contacto" con el resto de la propuesta gráfica del sitio, en especial los retratos del equipo; además, se afinan jerarquías textuales y espacios.
Iteración I
Iteración II
Menú "Contacto y ayuda": iteración IV
Página "Contacto"
En la presente iteración, se continúa con la nueva propuesta de eliminar los retratos personales, y en su lugar colocar fotografía en donde aparezca el equipo junto. Para esta página en particular, lo ideal es una foto con las personas que se señalan como contactos, así el usuario puede verles el rostro antes de llamarlos.
Iteración II
Iteración III
Página "Ayuda y preguntas frecuentes"
En esta iteración se agrega un mockup de lo que sería el video incrustado. Además, se calibra el azul del botón cerca del footer para darle un mejor contraste.
Iteración II
Iteración III
Página "Reportar un problema"
En esta revisión se agrega la fotografía, siempre mostrando personas en las bibliotecas reales, y se calibra el azul de los botones, al igual de las jerarquías textuales.
Iteración I
Iteración II
Página "Entregar feedback"
Durante la cuarta iteración del menú "Contacto y ayuda" se decide traer de vuelta la entrega de feedback general a su propia página, y eliminar la pestaña in-situ, debido a que resulta más una molestia que una ayuda real, y el usuario no siempre está interesado en evualuar el sitio. Se vuelve a pensar el modo de preguntar por la entrega de feedback, y se proponen preguntas un poco más específicas: en vez de pedirle al usuario que entregue su opinión general, se le pide que señale lo que destaca y lo que encuentra débil del servicio y el sitio, acompañado de una opción para puntuar con un rango del 1 al 5. Todo esto es completamente voluntario y las opciones son mutuamente excluyentes, es decir, que si se quiere sólamente puntuar al servicio y no dejar comentarios, o dejar un solo comentario, está bien.
Iteración I
Iteración II
Menú "Contacto y ayuda": iteración V
Página "Contacto"
Para esta versión principalmente se afinan los textos y se alínea todo a la grilla más pulcramente.
Iteración III
Iteración IV
Página "Ayuda y preguntas frecuentes"
Se toma la decisión de eliminar los bordes redondeados del video y se ajustan los textos y sus jerarquías.
Iteración III
Iteración IV
Página "Reportar un problema"
Esta revisión acorta la longitud de las cajas de texto, juzgadas demasiado largas en versiones anteriores. Además, se define mejor la grilla y se ajustan los textos a esta.
Iteración II
Iteración III
Página "Entregar feedback"
Al igual que en la página anterior, se acortan las longitudes de las cajas de texto.
Iteración II
Iteración II
Sección "Mi cuenta": iteración I
Una de las propuestas para el nuevo sitio web que tiene que ver con el perfilamiento y la personalización es el surgimiento de un sistema de cuentas de usuario, que busca permitir a las personas acceder a los servicios medulares de la biblioteca (arriendo, renovación, reserva y pago de deudas) de forma más personal.
Se contempla que el sistema esté enlazado al actual Navegador Académico, es decir, que para entrar a la cuenta de biblioteca se deben usar las mismas credenciales que para entrar en el Navegador; así se evita la creación extra de credenciales.
- Es importante notar que la creación efectiva de un sistema de cuentas no se contempla sino para algunos años más adelante; sin embargo, el proyecto se toma la libertad de proponer un primer acercamiento sobre qué forma puede tener.
Login
El primer acercamiento a la propuesta del login incluye las casillas para introducir el rut y la contraseña del Navegador Académico, además de la opción de mantenerse logeado mediante el botón "Recordarme" y un botón de ayuda por si el usuario olvida su contraseña.
Sección "Mi cuenta": iteración II
Login
En una segunda iteración se agrega el texto que acompañará al login, que explica que se usan las credenciales del Navegador Académico; la idea es que si el usuario ya está logeado en en Navegador no tiene que pasar por el login de biblioteca, y vice versa. Además, se agrega una nueva pestaña para que el usuario indique su relación con la universidad, esto para entregar información al sistema al momento de usar los servicios de la cuenta.
Además, se subraya el texto "¿Olvidaste tu contraseña?" para indicar que se trata de un enlace clickeable.
Iteración I
Iteración II
Iteración II
Sección "Mi cuenta": iteración III
Login
Esta iteración calibra el azul de los botones para mejorar el contraste y así calzarlo con la propuesta general, además de editar el texto en la casilla del rut y la contraseña: la primera ahora nombra al rut y da un ejemplo de cómo se debe escribir, y la segunda menciona concretamente que la contraseña es la del Navegador Académico y no otra aparte.
Iteración II
Iteración II
Iteración III
Iteración III
Página "Mi cuenta"
Esta iteración comienza a levantar la página principal del menú "Mi cuenta", que ofrece los servicios de la misma forma que la página "Servicios y herramientas", es decir, a través de los átomos o tarjetas de servicios. Los cuatro que se ofrecen al usuario logeado son, en orden, la reserva, el arriendo, la renovación y ver las deudas y sanciones.
Sección "Mi cuenta": iteración IV
Página "Mi cuenta"
En esta iteración, se revisa la ortografía y las jerarquías textuales.
Iteración I
Iteración II
Página "Reservas"
La primera página responde al servicio de reserva, es decir, aquel servicio con el cual el usuario puede mandar una solicitud de arriendo remota de forma online para luego ir a la biblioteca a recoger el libro solamente. La primera propuesta para esta página contempla un texto introductorio que explica lo que es el servicio de reserva, seguido por un enlace directo al catálogo en caso de que el usuario no lo tenga ya abierto; luego están las casillas en donde el usuario debe introducir los códigos ISBN de los libros que desea reservar y la opción de enviar la solicitud.
Además, se sugiere mostrar un historial personal de las reservas que ha hecho cada usuario, con el objeto de ayudar en la organización personal y de llevar un registro, sumado a la opción de cancelar la reserva si el usuario lo desea.
Sección "Mi cuenta": iteración V
Página "Arriendos"
Similar a la página de las reservas, la de los arriendos se enfoca en ofrecer el enlace al catálogo y las casillas para ingresar los códigos ISBN. Cabe mencionar que este servicio de arriendo es completamente online, e incluye un catálogo de ebooks.
El historial es similar al de las reservas, e incluye las opciones de cancelar el arriendo o bien de renovarlo (lo que llevaría a la página de las renovaciones).
Página "Renovaciones"
Similar a las páginas anteriores: se ofrecen las casillas para que el usuario ingrese los códigos ISBN de los títulos que tiene en arriendo y así enviar la solicitud de la renovación. Se contempla que se permita un máximo de 3 renovaciones.
Página "Deudas y sanciones"
Esta página muestra las deudas activas que presenta el usuario ligadas a qué título, y los tiempos en deuda. Además, se ofrece la opción de pagar la deuda.
Sección "¿Qué quieres hacer?": iteración I
Como ya se mostró en la página principal, la propuesta para el nuevo sitio web incluye una sección rotulada "¿Qué quieres hacer?", la cual intenta ser un reemplazo de la actual sección "A un click", que presenta un menú confuso y sin mucho orden; aún así, es más ordenado que la actual página de los servicios, por lo que los usuarios lo prefieren. Entonces, se plantea que el nuevo orden de la sección "Servicios", más esta sección "¿Qué quieres hacer?" (que presenta acciones concretas y rápidas para acceder a los servicios más usados) mejore la navegación y el uso efectivo de los servicios del sistema.
Las acciones concretas dentro de este menú son las siguientes: "Usar la biblioteca online", "Solicitar un artículo", "Arrendar, reservar o renovar", "Reservar un espacio" y "Contactar a un bibliotecario".
Sección "A un click" actual
"¿Qué quieres hacer?" propuesta
Página "Solicitar un artículo"
La página para solicitar un artículo es un enlace directo a este servicio, es decir, que abre una ventana para enviarle un correo al email institucional con el o los artículos deseados.
Página "Reservar un espacio"
La reserva de cubículos de estudio o mesas multimedia se plantea desde un comienzo en el que los usuarios siguen en pandemia, por lo que se adjunta un listado de códigos de conducta previo a la selección del campus deseado, el número de personas que ocuparán el espacio, y si se trata de un cubículo de estudio o de una mesa multimedia.
Una vez hecha esta primera selección, la página despliega la interfaz de selección del espacio de estudio según la fecha, en donde el usuario puede clickear el o los bloques que desea reservar de acuerdo a la disponibilidad mostrada (los bloques tienen una duración de media hora cada uno: un bloque es media hora, dos bloques son una hora y así). Así, al terminar, se muestra qué bloques horarios en qué espacios físicos se contemplan para la reserva, y se puede enviar la solicitud, o cancelar el proceso y comenzar de nuevo.
Sección "¿Qué quieres hacer?": iteración II
Página "Contactar a un bibliotecario"
La página "Contactar a un bibliotecario" se plantea como un acceso más directo al contacto general que el que hay en el menú "Contacto y ayuda": se presentan el correo institucional y los teléfonos principales, al igual que los contactos de los jefes de biblioteca de acuerdo a cada área.
Sección "¿Qué quieres hacer?": iteración III
Página "Solicitar un artículo"
La versión actual mejora el azul del botón para mejorar el contraste, de acuerdo con la propuesta global.
Iteración I
Iteración II
Página "Reservar un espacio"
La segunda versión de la página para la reserva de espacios de trabajo se enfoca en pulir las jerarquías textuales y en definir mejor los espacios entre los elementos. Los colores de la interfaz de selección de bloques cambian para acomodarse a la propuesta de color institucional.
Iteración I
Iteración II
Sección "¿Qué quieres hacer?": iteración IV
Página "Usar la biblioteca online"
La primera versión de la página "Usar la biblioteca online" nace tras conversaciones con bibliotecarios del sistema, quienes mencionan que lo que más se utiliza en Bibliotecas PUCV es el catálogo y los servicios que lo orbitan. Así, se levanta la siguiente propuesta, que consiste en utilizar los mismos átomos de los servicios para generar una página más condensada y al grano, que qire en torno al catálogo y que además ofrezca la opción de visitar todos los servicios.
Página "Arriendo, reserva y renovación"
La primera versión de esta página también utiliza los átomos ya mencionados; corresponde a accesos más directos a estos servicios.
Página "Contactar a un bibliotecario"
La segunda revisión de esta página elimina los retratos personales, para acomodarse a la propuesta global, y afina jerarquías y distancias.
Iteración I
Iteración II
Sección "¿Qué quieres hacer?": iteración V
Página "Usar la biblioteca online"
La segunda revisión afina los tamaños de los átomos, al igual que las jerarquías y pesos textuales; se eliminan los botones dentro de los átomos, ya que los propios títulos en azul son lo clickeable.
Iteración I
Iteración II
Página "Arriendo, reserva y renovación"
Al igual que la página anterior, en esta se afinan los tamaños y jerarquías de los átomos.
Iteración I
Iteración II
Página "Reservar un espacio"
Una nueva revisión a la interfaz de reserva de espacios de trabajo edita los colores de los bloques: la versión anterior usaba el gris como los bloques no disponibles, el azul como los bloques disponibles y el rojo como la reserva activa, esto con el objeto de que los bloques seleccionados destaquen por sobre el resto. Se decide invertir esta fórmula, ya que el rojo tradicionalmente se asocia con lo negativo y el azul con lo positivo, por lo que podría dar paso a confusiones.
Iteración II
Iteración III
Iconografía: iteración I
La sección "Qué quieres hacer?" propone la existencia de 5 llamados a la acción; cada uno de ellos va con un ícono para reforzar la acción. El primer acercamiento a estos íconos se realiza mediante el bosquejo de conceptos, que luego son analizados y validados por un grupo de personas no diseñadores, entre ellos, funcionarios de Bibliotecas PUCV.
Validación con usuario I
Validación con usuario II
Validación con usuario III
Iconografía: iteración II
Ícono "Usar la biblioteca online"
Ícono "Solicitar un artículo"
Ícono "Arrendar, reservar y renovar"
Ícono "Reservar un espacio"
Ícono "Contactar a un bibliotecario"
En la segunda versión, se toman los bocetos que tuvieron más votos por parte de los usuarios y se construyen de forma previa a lo digital usando una grilla terciaria.
Iconografía: iteración III
Se formaliza cada ícono, cambiando el concepto de "Reservar un espacio" y "Contactar a un bibliotecario".
