Laboratorio de navegación — Lote 2: arriba y lateral

11

Barra superior fija en pestañas deslizables

Las 9 secciones quedan arriba, en fila de pestañas que se deslizan hacia el lado, con la marca del instituto sobre ellas a modo de contexto permanente. A favor: deja toda la pantalla libre abajo para el contenido, patrón conocido de "pestañas de navegador". En contra: el pulgar debe estirarse hasta arriba, más lejos del agarre natural de una mano que sostiene el teléfono.

Portal del alumno IBDL

Desliza hacia el lado para ver más secciones →

12

Cabecera con botón hamburguesa y panel lateral

Un botón de tres líneas en la esquina superior izquierda abre un panel que se desliza desde el borde con las 9 secciones en lista. A favor: cabecera muy limpia y liviana, deja casi toda la pantalla para el contenido cuando el panel está cerrado. En contra: el símbolo de "tres líneas" no siempre se reconoce como botón de menú por quien no usa apps a diario.

Secciones

13

Panel lateral permanente, angosto

Una franja angosta al costado izquierdo, siempre visible, con las 9 secciones en icono y una etiqueta muy corta debajo — sin necesidad de abrir ni desplegar nada. A favor: ningún acceso queda escondido y no exige ningún gesto adicional para ver las opciones. En contra: las etiquetas quedan muy pequeñas para caber en la franja angosta, lo que va contra el criterio de texto legible.

14

Panel lateral que se expande al tocar

El panel lateral comienza angosto, solo con iconos, y un botón propio lo expande para mostrar el texto completo de cada sección, sin necesidad de adivinar el icono. A favor: combina lo mejor de ambos mundos — compacto por defecto, con etiquetas grandes y legibles a un toque de distancia. En contra: agrega un botón adicional que hay que descubrir antes de entender qué representa cada icono.

15

Barra superior de dos niveles

Arriba, el nombre del instituto a modo de identidad fija; debajo, una cuadrícula con las 6 secciones principales y un botón "Más" que abre un panel con las 3 restantes. A favor: separa con claridad "dónde estoy" (marca) de "a dónde voy" (secciones), sin perder área de toque. En contra: ocupa bastante alto de pantalla arriba, restando espacio al contenido desde el primer segundo.

Portal del alumno IBDL

16

Menú desplegable tipo lista (selector grande)

Un solo campo grande arriba, como un selector de teléfono, que muestra la sección actual y al tocarlo despliega la lista completa de las 9 opciones para elegir. A favor: un único punto de entrada, fácil de encontrar siempre en el mismo lugar arriba de la pantalla. En contra: exige 2 toques para cualquier cambio de sección, incluso para volver a la más usada.

Estás viendo

17

Lateral derecho para acceso por pulgar (diestros)

Las secciones de mayor uso se ubican en una franja vertical al costado derecho, centrada en la mitad de la pantalla, justo donde cae el pulgar de una mano derecha al sostener el teléfono. A favor: los botones quedan al alcance natural del pulgar, sin estirar la mano hacia arriba ni hacia abajo. En contra: incómodo para quien sostiene el teléfono con la mano izquierda, y solo caben 5 accesos sin desplazar.

18

Barra superior con 4 principales + "Ver todo"

Arriba, 4 botones grandes con las secciones de uso diario y un quinto botón "Ver todo" que abre una pantalla completa con las 9 opciones en lista clara. A favor: combina acceso inmediato a lo más usado con una vía simple y sin ambigüedad para todo el resto. En contra: definir cuáles son las "4 principales" deja fuera a otras que también se usan seguido, como Biblioteca o Malla.

Todas las secciones

19

Cabecera fija con buscador de sección por nombre

Arriba, un campo de búsqueda siempre visible donde el alumno escribe el nombre de la sección que busca ("pagos", "horario") y aparece de inmediato como resultado tocable. A favor: muy rápido para quien ya sabe el nombre exacto de lo que busca, sin recorrer menús. En contra: depende de escribir en el teclado, una barrera real para un adulto mayor que prefiere tocar en vez de tipear.

20

Lateral por acordeón agrupado por temas

Un panel lateral permanente organiza las 9 secciones en 3 grupos plegables — Estudio, Administración y Contacto — que se abren y cierran tocando el título del tema. A favor: agrupa por intención igual que la Propuesta 8 del lote 1, pero deja el panel siempre visible sin tapar la pantalla completa. En contra: exige razonar en qué tema vive cada cosa y desplegar el grupo correcto antes de ver la sección buscada.

Propuesta	Toques hasta una sección escondida	Accesos visibles sin abrir nada	Claridad para adulto mayor	Espacio que le roba al contenido
11. Pestañas superiores deslizables	1 deslizamiento + 1 toque	4-5 visibles, el resto exige deslizar	Media — el gesto de deslizar no es evidente para todos, y el pulgar debe subir	Baja-media (una franja arriba)
12. Hamburguesa + panel lateral	2 toques, para cualquier sección	0 sin abrir (1 botón visible)	Media — el símbolo de tres líneas no siempre se reconoce como menú	Muy baja cuando el panel está cerrado
13. Lateral permanente angosto	1 toque (nada escondido)	9 de 9	Media-baja — etiquetas muy pequeñas para leerlas cómodo	Media (franja lateral fija, siempre presente)
14. Lateral expandible	1 toque (nada escondido); 2 si se quiere ver el texto primero	9 de 9 (iconos), textos al expandir	Alta al expandir, media si se deja angosto	Baja angosto, alta expandido
15. Dos niveles (marca + secciones)	2 toques, para las 3 restantes	6 de 9	Alta — separa con claridad identidad y navegación	Alta (dos franjas apiladas arriba)
16. Selector desplegable	2 toques, para cualquier sección	0 sin abrir (1 campo visible)	Alta dentro de la lista, pero exige el paso extra siempre	Baja (un solo campo arriba)
17. Lateral derecho por pulgar	No aplica en esta franja (requiere otro menú para el resto)	5 de 9	Alta para diestros, incómoda para zurdos	Media (franja angosta al costado)
18. 4 principales + Ver todo	2 toques, para las 5 restantes	4 de 9 (más 1 botón "Ver todo")	Alta para lo frecuente, requiere el paso extra para el resto	Media (una franja de botones arriba)
19. Buscador de sección	1 toque tras escribir (variable)	0 sin escribir	Baja — depende de tipear en el teclado, barrera real para adulto mayor	Media (campo de búsqueda siempre arriba)
20. Lateral por acordeón	2 toques, para cualquier sección (abrir grupo + elegir)	3 temas de entrada, 0 secciones directas	Media — exige razonar en qué tema está cada cosa	Alta (panel lateral ancho y permanente)