Universidad Nacional Multidisciplinaria
Ricardo Morales Avilés website
Trabajé un periodo de siete meses para la Universidad Ricardo Morales Aviles donde realicé el diseño del primer sitio web institucional donde trabajé como especialista en UX & UI design. Entregué el diseño completo del sitio web, un design systems basado en componentes de divi builder, y trabajé de la mano de los desarrolladores wordpress para asegurarme que el diseño se finalizara con la calidad necesaria.
Mi Rol
UX Designer
Visual Designer
Duración del Proyecto
Cinco Meses
Colaboradores
2 WordPress Developers
1 Diseñador Gráfico
¿Cuáles son las oportunidades de mejora?
Los estudiantes están entrando a una universidad nueva por el cambio de gestión, marca y nombre por el que está pasando, por esta razón ellos tienen muchas dudas sobre el funcionamiento institucional, los semestres aprobados con anterioridad, la validez de sus diplomas.
- Los estudiantes no cuentan con un sitio web que puedan utilizar para obtener información.
- Los estudiantes de nuevo ingreso no cuentan con un lugar donde verificar la oferta académica.
- Los estudiantes no cuentan con un medio donde puedan conocer artÃculos de su universidad y contactar con las autoridades universitarias.
La Solución
Diseñé un sitio web institucional que permitiera un flujo sencillo para los estudiantes y les permita a los usuarios que no cuentan con mucho conocimiento informático encontrar la información de manera sencilla. Tomando en cuenta las tres necesidades de los estudiantes: contactar a sus autoridades, obtener información de las actividades o preguntas relacionado a su titulación y encontrar el pensum académico completo. Con esto en mente el diseño fue planeado accesible para los diferentes tipos de usuarios sin caer en un sesgo con base en el conocimiento o habilidades de los usuarios en este los estudiantes.
Empatizar
¿Cuáles son las metas de la empresa?
¿Cuál es mercado meta?
¿Cuáles son los pain points?
¿Quiénes son sus competidores?
¿Cuál es su identidad de marca?
Definir
¿Cómo definir el User Persona?
¿Cuál es el problema?
¿Cómo se organizarán las reuniones?
¿Cuáles son los entregables?
Idear
Crear el Site Map
Iniciar a definir User Flows
Realizar el proceso Sketch
Prototipar
Diseñar Lo-Fi Wireframes
Diseñar Hi-Fi Wireframes
Crear Design Systems
Probar
Obtener la retroalimentación del Stakeholder
Realizar el Usability Study
Validar la experiencia del usuario
MetodologÃa
Design Thinking
La metodologÃa Design Thinking es una herramienta que se acopla perfectamente para comprender a la compañÃa, usuario y el producto digital en el que se está trabajando, utilizando instrumentos, pruebas y entregables que pertenecen al proceso investigación de usuario, prototipado y pruebas de usabilidad es posible desarrollar un producto de alta calidad.
Para plantear las bases fue necesario documentar los usuarios y proponer las primeras interfaces del sitio web instruccional
Para llegar a plantear correctamente el proyecto fue necesario investigar a los usuarios a partir de esto crear un user persona que nos llevara a generar un user journey map comprendiendo a fondo el flujo que deberÃa seguir nuestro user persona, luego plantear el site map generando una arquitectura de la información que permita el fácil acceso a la información que busca el usuario, lo que da lugar a la creación las primeras interfaces en papel o de manera digital y al completar el wireframe es necesario crear un design system para entregarlo a los desarrolladores para que estos cuenten con la tipografÃa, colores y elementos que forman parta del diseño general del sitio web.
Design System
Las áreas que mejoramos
para conectar con los estudiantes
se muestran a continuación
Compartir la información de las preguntas
frecuentes y contacto con las autoridades
Para dar salida a la necesidad de los estudiantes se creó un espacio de preguntas frecuentes que contesta cada una de las dudas relacionadas con los tramites de tÃtulo, clases y pensum. En el caso que no aparezca la pregunta que necesitan realizar se ha decidido utilizar un formulario para preguntas más especÃficas y agilizar cada uno de los tramites de los estudiantes.
De igual forma se cuenta con un espacio dedicado a contactar con las autoridades universitarias para que le brinden solución a los estudiantes a cada una de sus dudas y necesidades.
Mostar la oferta académica completa
y compartir la información de las
carreras universitarias
Los estudiantes de nuevo ingreso y los estudiantes de reingreso necesitan conocer el pensum universitario de su carrera y entender las habilidades que estos están desarrollando a lo largo de 5 años de estudio. Para esto es necesario compartir los documentos que informan sobre el pensum, perfiles laborales y créditos universitarios.
Compartir las actividades y artÃculos
universitarios con los estudiantes
Las autoridades universitarias necesitan una manera de compartir los eventos, celebraciones y comunicados importantes por esta razón fue necesario realizar un espacio de artÃculos e investigaciones cientÃficas que estas personas decidan compartir para fomentar el uso de sus tesis o proyectos destacadas a nivel nacional e internacional.
En cuanto a los estudiantes es necesario enterarse de las actividades y el que hacer universitario para estar al tanto de cualquier cambio en su horario, becas a disposición de los estudiantes y los convenios celebrados por la universidad.
Mockups
Aspectos a tomar en cuenta
En las próximas actualizaciones de la web hay que considerar añadir las páginas de cada una de las facultades, para que los alumnos puedan hacer preguntas directas a los responsables de sus facultades, y también tener en cuenta la posibilidad de traducir la web a otros idiomas con el fin de reducir la barrera idiomática y facilitar el contacto con otras instituciones internacionales.
¿Qué aprendà con la creación del sitio web de la universidad?
En este proceso pude aprender sobre las diferencias de conocimiento con los que cuenta algunas personas de nicaragua ya que para ellos la tecnologÃa es algo que están descubriendo en el casos de los menús de hamburguesa es muy difÃcil de saber que es un menú solo con el icono por eso fue necesario pensar en una manera donde pudieran navegar sencillamente sin sentirse limitados por eso se utilizaron los tres apartados más comunes para dejarlos visibles de esta manera los usuarios podrÃan interactuar normalmente con el sitio web.
ES 
EN