arrow_back Volver
Inicio keyboard_arrow_right Artículos keyboard_arrow_right Artículo

Conoce el nuevo C√≥digo Facilito ūüé®

Uriel Hern√°ndez

CTO de Código Facilito

av_timer 8 Min. de lectura

remove_red_eye 6100 visitas

calendar_today 03 Junio 2022

Presentamos una nueva versión de nuestra plataforma, más intuitiva, más veloz, y visualmente mejor que nunca.

Este es el resultado de meses de trabajo del equipo de desarrollo, producto, y el de UX, que tiene como resultado un nuevo lenguaje de dise√Īo, y una aplicaci√≥n que es m√°s f√°cil de usar en la que todo lo que necesitas est√° al alcance de tu mano. Con esto buscamos que tu proceso de aprendizaje no sea nunca interrumpido por la tecnolog√≠a de nuestros productos.

Este cambio es mucho más que sólo un cambio estético, es una reconfiguración del contenido, la forma en que exploras, y en que descubres tu próximo curso, así como una estandarización de la experiencia que recibes en todos los productos de Código Facilito.

Nuevo look, pero no es todo...

Desde tu perfil personal, hasta el blog, explorar cursos, seguimiento de tu progreso, rutas de estudio, exploraci√≥n de nuevo contenido, la navegaci√≥n, renovamos pr√°cticamente toda nuestra plataforma para unificarla usando un nuevo sistema de dise√Īo.

Explorar cursos

Estéticamente los cambios son muy notorios, creamos un sistema de colores para jugar con la paleta de los logos de cada tecnología, con el que presentamos las tarjetas de cursos y especialidades que puedes ver en la página de Explorar:

Captura de pantalla de la p√°gina de explorar cursos

Este redise√Īo viene acompa√Īado de las herramientas de exploraci√≥n y filtrado mejoradas. Seleccionamos los filtros que m√°s utilizan los estudiantes para que puedan encontrar los cursos en el √°rea en que est√°n especializ√°ndose:

Con estos cambios encontrar el curso que te ayudar√° a dar el siguiente paso de tu carrera profesional ser√° m√°s f√°cil.

Seguimiento de cursos

Cuando arrancas un curso necesitas tener toda la informaci√≥n a tu disposici√≥n, es por eso que en el nuevo dise√Īo la pantalla de seguimiento de curso pone a tu disposici√≥n lo que necesitas. Desde el temario, hasta las evaluaciones de cursos.

Captura de pantalla con la nueva vista de seguimiento de cursos

Simplificamos el temario para que muestre las clases y cuál es el status de la misma, así, es más claro qué clase estás viendo, y cuáles has finalizado.

Cada m√≥dulo despliega la cantidad de clases en el preview, y al desplegar los m√≥dulos puedes conocer m√°s detalles de lo que aprender√°s. Como en otras partes de la nueva UI, este componente est√° acompa√Īado de animaciones que mejoran tu experiencia de uso:

Captura de pantalla del componente temario

Uno de los componentes que más nos pidieron y en el que trabajamos muchísimo es en el de las evaluaciones. Las evaluaciones te ayudan a saber qué opinan otros estudiantes del curso, qué les gustó y qué no les gustó del material.

Esta información puede ayudarte a decidir si un curso es para ti o no.

Captura de pantalla del componente de evaluación

Con este nuevo cambio puedes revisar todas las evaluaciones que ha recibido un curso, además puedes filtrarlas por su evaluación si calificaron un curso como Excelente, Bueno, Regular, Malo o Muy malo, esto hace al componente mucho más atractivo visualmente, pero también interactivo e informativo para que conozcas todos los detalles de un curso:

Los certificados ahora los encuentras en la vista del curso cuando has completado el mismo. Para evitar confusiones ahora todos los cursos generan un certificado por haberlo finalizado, recuerda que para completar un curso debes ver todos los vídeos completos, y en cursos con examen, pasar el examen.

Captura de pantalla del certificado

No olvides compartir tus logros en redes sociales y usar los botones para compartir que has finalizado un curso en Facebook, Twitter, o LinkedIn.

Dashboard de cursos

El dashboard de tu perfil donde puedes ver el progreso de tus cursos y las rutas de estudio que estás siguiendo, es la página más vista en Código Facilito, lo entendemos, este es el lugar donde comienzas tu día para continuar con el aprendizaje.

Ahora es m√°s claro, m√°s simple, y funciona mejor que nunca. Puedes ver las clases en que te quedaste la √ļltima vez que nos visitaste, reservar un espacio especial para tus cursos favoritos, ver tus rutas de estudio, cursos que te recomendamos, y los √ļltimos estrenos.

Todo lo que necesitas saber, y lo que no sabías que necesitabas saber, está aquí:

Captura de pantalla de mi dashboard

Además, mejoramos el componente para recorrer tus cursos, carrusel o slider, funciona genial, incluye un sistema de paginación que se actualiza mientras exploras los cursos para que sepas cuánto más hay por explorar:

Cuéntanos en los comentarios si hay algo que le falte a tu dashboard de cursos.

Rutas de estudio

En sincron√≠a con el sistema de dise√Īo de cursos, las rutas de dise√Īo combinan los colores de los logos de la tecnolog√≠a que aprendes para producir un resultado visual atractivo y que te ayuda a distinguir entre las opciones disponibles:

Captura de pantalla: Explorar rutas de estudio

Este lenguaje visual se traslada a la vista donde das seguimiento a tus rutas de estudio, en donde además simplificamos la información para que sepas qué curso debes ver a continuación:

Captura de ruta individual

No podemos esperar a que arranques una de nuestras rutas de estudio para dominar una tecnología.

La diferencia est√° en los detalles

Aunque visualmente los cambios son muy obvios, la clave est√° en los detalles. Este trabajo es el resultado de una investigaci√≥n y dise√Īo de experiencia a cargo de Rodolfo Rivera dise√Īador de UX en C√≥digo Facilito.

Ahora los botones te llevan justo a donde necesitas, anticipamos muchos comportamientos para poner a tu disposición enlaces donde deben estar.

Por un lado, unificamos la experiencia de exploraci√≥n para cursos, y rutas, pr√≥ximamente a√Īadiremos otros recursos como Bootcamps, y filtro de cursos por tutores. Desde el mismo link ahora encuentras el curso o la ruta de aprendizaje que necesitas, con√≥celo por ti mismo.

El dashboard de tu perfil de cursos ahora incluye:

  • Las √ļltimas clases que has visto
  • Tus cursos favoritos
  • Tus rutas de estudio
  • Cursos recomendados para tu perfil
  • Nuevos cursos y pr√≥ximos estrenos

Ahora puedes acceder a tus certificados desde un mismo dashboard o desde la vista de cada curso que has finalizado:

Captura de pantalla del dashboard de certificados

La vista de certificados y esta vista con la que lees artículos ahora te permite compartir en LinkedIn, Twitter, y Facebook. Principalmente porque queremos que sea más fácil que compartas tus logros cuando terminas un curso.

Mejoramos la gesti√≥n de tus cursos favoritos, para que puedas a√Īadir los cursos que com√ļnmente revisas, ahora tiene un apartado especial en tu dashboard, y la gesti√≥n de a√Īadir y eliminar de favoritos es m√°s simple.

También por ser una de las necesidades más demandas, ahora los recursos tienen un lugar más prominente en la sección de seguimiento de un curso. Así mismo, estamos trabajando para que podamos subir recursos por clase, y no solamente por curso en general:

Captura de temario + recursos

Qué puedes esperar en las próximas semanas

Si este cambio fuera perfecto, habríamos lanzado demasiado tarde. Seguimos trabajando duro en mejorar nuevas secciones, la gestión de tu perfil, funcionalidad nueva para el sistema de exploración de cursos, un nuevo reproductor, y un onboarding mejorado para recomendarte el curso perfecto para tu perfil profesional.

El equipo de desarrollo m√≥vil ya est√° trabajando en implementar estas mejoras y este cambio en el dise√Īo para nuestra aplicaci√≥n de Android, y pr√≥ximamente nuestra app de iOS.

As√≠ mismo, el equipo Frontend est√° cazando todos los bugs que reportan nuestros estudiantes y el equipo de soporte de C√≥digo Facilito, si algo se nos escapa, escr√≠benos con alg√ļn reporte de bug.

Agradecimientos

Este logro no pudo ser posible sin el trabajo de todo el equipo de C√≥digo Facilito. Pr√°cticamente todos hemos contribu√≠do a este resultado, desde la gesti√≥n del producto, dise√Īo UX, dise√Īo UI, frontend, mobile, soporte, q&a, backend, gesti√≥n de procesos, producci√≥n, etc.

Todos somos parte de este dise√Īo ya sea en forma de c√≥digo, de dise√Īos, reportando bugs, contribuyendo con ideas de c√≥mo mejorar el producto. En ese sentido agradecemos a todas las personas que se toman el tiempo de escribirnos con retroalimentaci√≥n para la plataforma, cosas positivas o negativas, gracias a todos estos comentarios es que podemos trabajar en mejorar C√≥digo Facilito.

Estamos muy emocionados de seguir trabajando para ti. Cuéntanos qué te parecieron los cambios en los comentarios.

No te pierdas la Feria de Cursos Gratis y m√°s sorpresas

Del 30 de Mayo al 24 de Junio estamos liberando cursos para que los puedas ver gratis y sin membresía Premium durante 72 horas, cada día un curso diferente.

Conoce m√°s informaci√≥n en la p√°gina oficial de la Feria de Cursos Gratis, adem√°s, √ļnete a nuestro canal de Telegram para estar al tanto de todas las novedades de la Feria de Cursos y de C√≥digo Facilito.

Y si est√°s listo para dar el paso al siguiente nivel, √ļnete a Premium con un descuento del 50% disponible por tiempo limitado, conoce m√°s del descuento aqu√≠.

Bootcamp FullStack con JavaScript

Más información

Inscripciones Abiertas.