Diez propuestas distintas de barra de navegación inferior para el celular, mostradas lado a lado para compararlas y elegir. Cada marco es interactivo: toca los botones para ver cómo cambia el estado activo. Página de laboratorio, aislada del portal real — no afecta ningún código en producción.
18-ago-2026Las 5 secciones más usadas quedan siempre visibles abajo; las 4 restantes se agrupan detrás de un botón "Más" que abre un panel simple. A favor: patrón conocido (como apps bancarias), pocas decisiones a la vista. En contra: el adulto mayor puede no descubrir el botón "Más" o dudar en tocarlo.
Aula Virtual
Tus clases y materiales del programa.
Solo 4 botones, mucho más anchos y altos que lo habitual, con fondo propio para que parezcan "tarjetas" tocables. El resto de secciones vive en el menú superior del portal (fuera de esta barra). A favor: área de toque enorme, imposible fallar el dedo. En contra: deja 5 secciones fuera de la barra inferior, hay que buscarlas en otro lugar.
Mi Progreso
Avance de tus materias y evaluaciones.
Las 9 secciones caben todas a la vista, en una cuadrícula de 5 y 4 columnas, sin esconder nada detrás de un "Más". A favor: nada que buscar ni desplegar, todo está a la vista siempre. En contra: los botones quedan más chicos y la barra ocupa más alto de la pantalla, compitiendo con el contenido.
Mis Pagos
Estado de cuenta y comprobantes.
Un solo botón grande y fijo abajo, "Menú", que abre una pantalla completa con las 9 secciones en una lista clara, sin barra permanente ocupando espacio. A favor: máxima claridad al abrir el menú, letras grandes, cero ambigüedad. En contra: siempre cuesta 2 toques llegar a cualquier sección, incluso a la más usada.
Biblioteca
Libros y documentos del instituto.
Los 9 iconos están siempre visibles y del mismo tamaño, pero solo el que está activo muestra su etiqueta de texto, ensanchándose para dar espacio a la palabra. A favor: confirma con claridad "dónde estoy ahora" sin perder ningún acceso. En contra: las secciones inactivas quedan sin etiqueta visible, solo ícono, lo que va contra la regla de "nunca ícono solo" mientras no se toquen.
Malla
Mapa completo de tu programa.
Todos los accesos en una fila que se desliza hacia los lados con el dedo, con una pista de texto que indica "desliza para ver más". A favor: botones grandes, sin recortar ninguno, orden libre. En contra: el gesto de deslizar puede no ser intuitivo para un adulto mayor, y las últimas secciones quedan escondidas fuera de pantalla.
Horario
Días y horas de tus clases.
Desliza hacia el lado para ver más secciones →
Barra de 4 accesos con un botón circular dorado, elevado en el centro, dedicado siempre a "Coordinador" (contacto humano). El resto de secciones vive en un botón "Más" a un costado. A favor: pone el contacto con una persona real a un toque, siempre visible y destacado — tranquiliza al alumno. En contra: resta protagonismo a Aula Virtual y Mis Pagos, que son de uso más frecuente que Coordinador.
Novedades
Avisos y comunicados del instituto.
3 botones grandes por tema — "Estudio" (Aula, Progreso, Biblioteca, Malla, Horario), "Administración" (Pagos, Mi Ficha) y "Contacto" (Coordinador, Novedades) — cada uno abre un submenú con sus secciones. A favor: agrupa por intención ("quiero estudiar" / "quiero pagar" / "quiero hablar con alguien"), más fácil de razonar que 9 iconos sueltos. En contra: agrega un paso extra (submenú) incluso para la sección más usada, y exige aprender qué tema contiene cada cosa.
Coordinador
Conversa con tu coordinador académico.
Un botón "Menú" fijo abajo abre una lista vertical de filas altas y anchas, una por sección, como el menú de configuración de un celular sencillo — muy parecido a lo que el adulto mayor ya conoce de su propio teléfono. A favor: patrón mental que el alumno mayor ya usa a diario en su teléfono; filas muy altas, imposible equivocarse. En contra: igual que la propuesta 4, siempre son 2 toques para llegar a cualquier sección.
Mi Ficha
Tus datos personales y de contacto.
Solo 6 accesos fijos, con iconos y letras notablemente más grandes que en el resto de propuestas (14px de etiqueta, casilla de mayor altura), pensada como una variante "modo accesible" activable desde el perfil. Las 3 secciones restantes van en un botón "Más". A favor: el máximo nivel de legibilidad de todo el laboratorio, ideal para baja visión. En contra: ocupa bastante alto de pantalla y dejaría menos espacio al contenido si fuera la única variante para todos.
Aula Virtual
Modo accesibilidad activado.
| Propuesta | Tamaño de toque | Accesos visibles sin abrir nada | Claridad para adulto mayor | Toques hasta una sección escondida |
|---|---|---|---|---|
| 1. 5 fijos + Más | 56px, holgado | 5 de 9 | Alta — patrón conocido, pero exige reconocer el botón "Más" | 2 toques |
| 2. 4 grandes | 60px, el más generoso de la barra fija | 4 de 9 | Alta para esas 4, nula para el resto (viven fuera de esta barra) | No aplica en esta barra (requiere otro menú) |
| 3. Grilla completa 2 filas | 56px, pero botones más angostos por columna | 9 de 9 | Media-alta — todo a la vista, aunque más denso | 1 toque (nada escondido) |
| 4. Menú pantalla completa | 56px, filas muy holgadas dentro del menú | 0 sin abrir (1 botón "Menú" visible) | Alta dentro del menú, pero requiere el paso extra de abrirlo siempre | 2 toques, para cualquier sección |
| 5. Activa expandida | 52px, iconos inactivos algo más chicos | 9 de 9 (iconos), pero solo 1 con etiqueta de texto | Media — sin etiqueta permanente en las inactivas, riesgo de duda | 1 toque (nada escondido) |
| 6. Carrusel horizontal | 56px, generoso | 4-5 visibles, el resto exige deslizar | Media-baja — el gesto de deslizar no es evidente para todos | 1 deslizamiento + 1 toque |
| 7. Botón central destacado | 64px el central, 56px el resto | 4 de 9 (el central es siempre Coordinador) | Alta para contactar al coordinador; resta protagonismo a lo académico | 2 toques para lo agrupado en "Más" |
| 8. Agrupación por temas | 56px en los 3 botones de tema | 3 temas de entrada, 0 secciones directas | Media — exige razonar en qué tema está cada cosa | 2 toques, para cualquier sección |
| 9. Lista vertical grande | 64px por fila, el más alto de todos | 0 sin abrir (1 botón "Menú" visible) | Muy alta — imita el menú del propio teléfono del alumno | 2 toques, para cualquier sección |
| 10. Modo accesibilidad | 60px+, el texto más grande de todos (14px) | 6 de 9 | Muy alta — pensada específicamente para baja visión | 2 toques, para las 3 restantes |
Para un instituto bíblico donde la mayoría del alumnado es adulto mayor, la prioridad no es caber todo en una sola mirada, sino que nunca haya duda sobre qué hacer al tocar. Bajo ese criterio, la Propuesta 1 (5 fijos + botón "Más") es la que conviene implementar como base: deja a un solo toque las 5 secciones de uso más frecuente y cotidiano — Aula Virtual, Mi Progreso, Mis Pagos, Novedades y Coordinador —, mantiene el patrón de barra inferior que el alumno ya reconoce de otras aplicaciones (banco, WhatsApp), y el botón "Más" es un gesto simple y predecible que no exige aprender nada nuevo.
Como complemento, vale la pena tomar dos ideas sueltas de otras propuestas: el submenú del botón "Más" con textos de fila alta y clara (como en la Propuesta 9), en vez de una grilla apretada de iconos pequeños; y el ícono de nube de conversación para "Coordinador" en vez del signo de interrogación, presente en varias de las diez propuestas, porque comunica mejor "aquí te escribo a una persona" que un símbolo de ayuda genérico.
La Propuesta 3 (grilla completa) es la segunda mejor opción si Patricio prefiere que absolutamente nada quede oculto, a costa de botones algo más angostos. La Propuesta 10 (modo accesibilidad) es un excelente candidato a ofrecer como variante opcional activable desde el perfil del alumno, para quienes necesiten aún más tamaño de letra.