HomeCasa Elegir el patrón de navegación de una app móvil: tab bar, menú lateral u otro
Compara barra de pestañas, menú lateral, pestañas superiores y otros patrones para tu app, con una recomendación justificada, estructura de secciones, convenciones de iOS y Android y plan de validación. Pensado para ChatGPT, Claude, Gemini y Microsoft Copilot. Incluye 6 variables personalizables y se copia gratis en un clic.
Intermedio · Texto · Pendiente de revisión editorial
Prompt
Actúa como diseñador de interacción especializado en apps móviles nativas y multiplataforma.
Contexto:
- App: {{app}}
- Plataforma: {{plataforma}}
- Secciones o destinos actuales: {{secciones}}
- Tareas principales y su frecuencia: {{tareas}}
- Usuarios: {{usuarios}}
- Problema actual de navegación (si lo hay): {{problema}}
Entregables:
1. Inventario de destinos agrupado por frecuencia de uso e importancia, indicando cuáles son de primer nivel y cuáles pueden ir dentro de otras secciones o del perfil.
2. Tabla comparativa de patrones (barra de pestañas inferior, menú lateral, pestañas superiores, navegación por hub, botón de acción flotante, navegación contextual): ventajas, inconvenientes y encaje con esta app del 1 al 5.
3. Recomendación final con la estructura concreta: qué destinos van en la barra (máximo 5), iconos y etiquetas propuestos, qué pasa con el resto y cuál es la pantalla inicial.
4. Convenciones de la plataforma: comportamiento del botón o gesto atrás, conservar el estado de cada pestaña, enlaces profundos y notificaciones que abren una sección.
5. Descripción en texto del wireframe de la navegación en la pantalla principal y en una pantalla de detalle.
6. Casos límite: insignias de notificación, teclado abierto, orientación horizontal y tabletas.
7. Accesibilidad: etiquetas de texto junto a los iconos, áreas táctiles de 44 pt / 48 dp, orden lógico para lectores de pantalla y estado seleccionado anunciado.
8. Plan de validación: tree testing o test de primer clic con 5-8 tareas y métricas de éxito.
Restricciones:
- No inventes datos de analítica; si los necesitas, usa [COMPLETAR: dato de uso real].
- Justifica la recomendación con las tareas del usuario, no con modas.
- Si faltan datos clave sobre frecuencia de uso, pregúntame antes de recomendar.
Formato: tabla comparativa, recomendación con estructura en lista, wireframe en texto y plan de validación.Cómo usarlo
- Lista todas las secciones actuales y las tareas más frecuentes. 2. Revisa la tabla comparativa con tu equipo y elige la estructura. 3. Valida la propuesta con un tree test antes de diseñar en alta fidelidad.
Ejemplo de uso
App: comida a domicilio · Plataforma: ambas · Secciones: inicio, buscar, pedidos, favoritos, cupones, perfil, ayuda · Problema: nadie encuentra los cupones.
Resultado de ejemplo
Comparativa de patrones
| Patrón | A favor | En contra | Encaje (1-5) |
|---|---|---|---|
| Barra de pestañas inferior | Siempre visible, al alcance del pulgar | Máximo 5 destinos | 5 |
| Menú lateral | Admite muchos destinos | Oculta lo importante (el problema actual de los cupones) | 2 |
| Pestañas superiores | Bien para vistas hermanas | Lejos del pulgar | 2 |
| Botón flotante | Destaca una acción | No hay una única acción dominante | 1 |
Recomendación
Barra inferior con 4 destinos, justificada por la frecuencia de tareas:
- Inicio (casa): pedir comida, tarea semanal.
- Buscar (lupa): punto de partida alternativo para pedir.
- Pedidos (recibo): seguimiento en cada pedido; insignia con el pedido activo.
- Perfil (persona): favoritos, ayuda y ajustes dentro.
Cupones: sin pestaña propia (uso mensual), pero visibles en el resumen del carrito y como tarjeta en Inicio, que es donde se necesitan. Abre primero Inicio.
Validación
Test de primer clic con 6 tareas, p. ej. «Tienes un código de descuento; ¿dónde lo usarías?». Éxito: ≥ [COMPLETAR: umbral] de primeros clics correctos…
Datos clave
- Categoría
- Diseño UI/UX · Interfaces móviles
- Tipo de resultado
- Texto
- Nivel
- Intermedio
- Pensado para
- ChatGPT, Claude, Gemini y Microsoft Copilot
- Verificado en
- Pendiente de verificación editorial
- Variables
- App, Plataforma, Secciones actuales, Tareas y frecuencia, Usuarios y Problema actual
- Idioma
- Español
- Precio
- Gratis, sin registro
- Actualizado
- 07/11/2026
Preguntas frecuentes
¿Cuántas pestañas puede tener una barra de navegación inferior?
Entre tres y cinco. Con más de cinco, los destinos se vuelven difíciles de tocar y de entender, así que conviene agrupar o mover secciones secundarias al perfil.
¿Está desaconsejado el menú hamburguesa?
No siempre, pero esconde los destinos y suele reducir su descubrimiento. Funciona mejor para secciones poco frecuentes o apps con muchos destinos de igual importancia.
¿Para qué sirve este prompt?
Compara barra de pestañas, menú lateral, pestañas superiores y otros patrones para tu app, con una recomendación justificada, estructura de secciones, convenciones de iOS y Android y plan de validación.
¿Con qué herramientas de IA funciona?
Está pensado para ChatGPT, Claude, Gemini y Microsoft Copilot. Todavía no lo hemos verificado en estas herramientas, por lo que los resultados pueden variar entre ellas.
¿Cómo personalizo el prompt?
Pulsa «Personalizar» y rellena las variables (App, Plataforma, Secciones actuales, Tareas y frecuencia, Usuarios y Problema actual). El texto se actualiza al instante y después puedes copiarlo con un clic. Los valores se guardan solo en tu navegador.
¿Necesito experiencia para usarlo?
Es de nivel intermedio: conviene que conozcas el tema para aportar buen contexto y revisar el resultado con criterio.
¿Este prompt es gratis?
Sí. Todos los prompts de HomeCasa Prompts son gratuitos, sin registro ni suscripción. Puedes usarlos también en proyectos profesionales.
¿Puedo fiarme del resultado de la IA?
Úsalo como un borrador de calidad: revisa siempre datos, cifras y afirmaciones importantes antes de publicarlos o tomar decisiones.