Skip to content

Detectar los elementos UX y UI del sitio oficial de Laboratoria.

Notifications You must be signed in to change notification settings

karteaSpirala/challenges-ux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 

Repository files navigation

Retos UX

Elementos UX y UI de Laboratoria.

En este reto, analizaré gráficamente las partes que conforman el UX y el UI de la página web de Laboratoria.

Para realizar el siguiente análisis recuerda que me base en los conceptos dados en el self learning del lms de Laboratoria.

UX

Gente, felicidad, resolución de problemas, entender necesidades, amor, eficiencia, entretenimiento, placer, deleitar, sonrisas, alma, calidez, personalidad, alegría, satisfacción, gratificación, exaltación, euforia, conveniencia, eficacia, etcétera.

UI

Navegación, subnavegación, menús, desplegables, botones, enlaces / ligas / links, ventanas, esquinas redondeadas, sombreado, mensajes de error, alertas, actualizaciones, checkboxes, campos de contraseña, campos de búsqueda, entradas de texto, selectores de radio, áreas de texto, estados de hover, estados de selección, estados presionados, información sobre herramientas, anuncios de banner, videos incrustados, animaciones de desplazamiento, desplazamiento, clics, iconografía, colores, listas, presentaciones de diapositivas, texto alternativo, insignias, notificaciones, degradados, ventanas emergentes, carruseles, OK / Cancelar, etcétera.

Análisis-1

Análisis-2

Análisis-3

Análisis-4

Análisis-5

Elementos de navegación de Github

En este reto, se analizará gráficamente las partes de navegación conforman la página web de Gihub.

Para el siguiente análisis, me guié en el self learning del lms de Laboratoria.

Tipos de navegación

  • Global: Es la navegación principal del site. Normalmente es persistente y nos ayuda a explorar todas las opciones del site.

  • Local: Es la navegación “localizada” a una página o vista. En algunos casos, algunas páginas internas tienen su propia navegación que ayuda al usuario a explorar esa vista en particular.

  • Facetada: Es la navegación a través de filtros no editables, definidos previamente por el sistema.

  • Filtrada: En este tipo de navegación le damos al usuario todos los resultados de la búsqueda y le damos una serie de opciones de filtros para que él mismo pueda filtrar.

  • Contextual: Es la navegación acorde al contexto en el que está navegando el usuario. Se usa principalmente para recomendaciones.

  • En línea (inline): Son links de referencia utilizados principalmente en artículos.

  • Suplementaria: Es la navegación adicional, a veces temporal, utilizada para señalar algunas funciones a nuevos usuarios.

Análisis-6

Análisis-7

Dashboard de Laboratoria

Para crear mi sketch para la herramienta de dashboard de Laboratoria, tomé como referencia la información dada en el self learning del lms de mismo.

El dashboard es una herramienta utilizada por profesores, training managers, directores y gerentes de Laboratoria para ver rápidamente qué está pasando en el salón de clases de Laboratoria. En el dashboard, los usuarios mencionados pueden ver rápidamente estadísticas y datos en tiempo real.

Datos que hay que tener en cuenta:

  • Número de alumnas inscritas
  • Número de alumnas que desertaron
  • Número y porcentaje de alumnas que pasan el criterio mínimo de evaluación
  • Promedio de notas por sprint
  • Promedio de notas HSE
  • Promedio de notas técnicas

Además, dado que Laboratoria tiene muchas generaciones, regularmente 2 generaciones por año (estas generaciones empezaron en el 2014), y que opera en 4 sedes (Arequipa, Ciudad de México, Lima y Santiago de Chile), es posible que los usuarios quieran ver datos de sedes / generaciones anteriores para poder hacer comparaciones.

Análisis-8

About

Detectar los elementos UX y UI del sitio oficial de Laboratoria.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published