Fundamentos del Aprendizaje de la Cuarta Dimensión

Antes de poder diseñar una sola tabla, crear un formulario o conectar una lista de valores en 4D (4th Dimension), debe dominar el vocabulario del entorno en el que está trabajando. Gran parte de ese vocabulario se encuentra en el sistema de menús: la franja de comandos que recorre la parte superior de cada ventana.

Este artículo es el primero de una serie sobre menús y comienza donde debería comenzar cualquier buena discusión técnica: con definiciones precisas. Definir correctamente la terminología ahora ahorra horas de confusión más adelante, porque la documentación de 4D, su entorno de diseño y la aplicación en ejecución reutilizan estas mismas palabras de maneras específicas.

Conclusiones clave

• La Barra de menú es la franja horizontal en la parte superior de la pantalla; los nombres en ella son Menús; las entradas seleccionables debajo de ellos son Elementos de menú.
• Los símbolos a la derecha de un Elemento de menú son atajos de teclado; una punta de flecha indica un Submenú; tres puntos al final (puntos suspensivos) significan que se abrirá una ventana de menú.
• Estos términos no son cosméticos: el propio editor de menús y el lenguaje de comandos de 4D dependen de que usted distinga un menú de un elemento de menú.
• Comprender la anatomía de un menú es el requisito previo para comparar los menús de 4D con los de FileMaker Pro y para crear sus propios menús personalizados.
• Un vocabulario de menú consistente hace que sea mucho más fácil leer la documentación de 4D, seguir tutoriales y comunicarse con otros desarrolladores.

Por qué las definiciones van primero

Es tentador saltarse una sección titulada “Definiciones”. Los desarrolladores experimentados suponen que ya saben qué es un menú. Pero 4D —como la mayoría de las plataformas de desarrollo maduras— utiliza estas palabras con más precisión que el habla cotidiana, y las distinciones importan en el momento en que comienza a personalizar.

Considere un ejemplo sencillo. Cuando alguien dice “agregar un comando al menú Archivo”, podría querer decir dos cosas muy diferentes:

• Agregar un nuevo Elemento de menú al Menú de Archivo existente (un único comando nuevo bajo un encabezado existente).
• Agregar un Menú completamente nuevo a la Barra de menú (un nuevo encabezado de nivel superior junto a Archivo, Editar y el resto).

Se trata de operaciones diferentes con consecuencias diferentes. Si usted y un colega utilizan la misma palabra para ambas, no se entenderán. La misma ambigüedad aparece en las instrucciones escritas, en los informes de errores y en la propia documentación de 4D. Definir los términos elimina la ambigüedad.

Esta es también la razón por la que la serie comienza aquí en lugar de saltar directamente a las comparaciones. Los siguientes artículos contrastan los menús de 4D con los de FileMaker Pro (FMP), proponen un menú de 4D personalizado y analizan sugerencias específicas menú por menú. Nada de eso encajará correctamente a menos que se comparta el vocabulario subyacente.

Relacionado: Airtable — Una interfaz simple de hoja de cálculo ubicada sobre una base de datos relacional real, con automatizaciones, vistas e interfaces para compartir..

La anatomía de un menú

La Figura 1 del material original muestra un conjunto típico de menús anotados con flechas y etiquetas. Esto es lo que significa cada parte etiquetada, ampliado con el detalle práctico que necesita para reconocerlas en pantalla.

Barra de menú

La Barra de menú es la barra en la parte superior de la pantalla. Es el contenedor de todo lo demás: la franja horizontal que contiene todos los nombres de los menús de nivel superior. En 4D, la Barra de menú es en sí misma un objeto gestionable: puede definir qué menús aparecen en ella y puede intercambiar barras de menú enteras en tiempo de ejecución dependiendo del contexto (por ejemplo, mostrar una barra diferente cuando un formulario en particular esté al frente).

Piense en la Barra de menú como la capa más externa de la jerarquía. Todo lo que está debajo pertenece a algún menú de esa barra.

Si estás de compras: Zoho Creator — Un creador de aplicaciones de bajo código que se conecta a la suite más amplia de Zoho y ofrece precios por usuario en lugar de por aplicación..

Menús

Los nombres enumerados en la Barra de menú son los Menús. “Archivo”, “Editar”, “Registros”, “Registros”, etcétera, son menús. Un menú es una agrupación con nombre de comandos relacionados. Su función es organizativa: recopila Elementos de menú que pertenecen juntos conceptualmente para que los usuarios puedan encontrarlos.

Un menú no es lo mismo que su contenido. Puede tener un menú vacío (un encabezado sin nada debajo) y puede agregar o eliminar elementos de un menú sin cambiar la identidad del menú.

Elementos del menú

Las entradas que se pueden seleccionar cuando se despliega un menú son Elementos del menú. Estos son los comandos reales: las cosas que ejecutan una acción cuando se hace clic en ellas. “Nuevo”, “Abrir”, “Guardar”, “Imprimir” son todos Elementos del menú.

Los Elementos del menú son donde reside la acción. Cuando crea un menú personalizado en 4D, la mayor parte de su esfuerzo se centra en definir Elementos del menú y adjuntarles métodos (código). Un Elemento del menú puede estar:

• Habilitado o deshabilitado: aparece atenuado cuando el comando no es válido actualmente.
• Marcado o no marcado: muestra una marca de verificación para indicar un estado de alternancia.
• Vinculado a un método: ejecuta su código al ser seleccionado.

Atajos de teclado

Si hay símbolos a la derecha de un Elemento del menú, indican las teclas de atajo de teclado que seleccionarán el mismo Elemento del menú. Un atajo es una forma alternativa de activar un comando sin abrir el menú.

Los atajos son una característica de usabilidad, no un comando separado. Se puede acceder al mismo Elemento del menú haciendo clic en él o presionando su atajo. Cuando define un Elemento del menú personalizado en 4D, puede asignarle un atajo, y es una buena práctica seguir las convenciones de la plataforma; por ejemplo, usar la tecla modificadora estándar (Command en macOS, Control en Windows) para acciones comunes como Guardar o Imprimir, para que el atajo se sienta nativo para los usuarios de cada plataforma.

Relacionado: Knack — Un creador de bases de datos sin código dirigido a portales, directorios y herramientas internas, con precios fijos en lugar de tarifas por usuario..

Submenús

Si hay una punta de flecha a la derecha de un elemento del menú, al hacer clic en ella se mostrará un Submenú. Un submenú es un menú anidado: un menú dentro de un menú. Le permite agrupar una gran cantidad de comandos relacionados bajo un único elemento principal sin saturar el nivel superior.

Los submenús son útiles cuando una categoría tiene muchos miembros. En lugar de enumerar veinte comandos de informes directamente en un menú, puede crear un único elemento “Informes” que abra un submenú que contenga los veinte. La contrapartida es la capacidad de descubrimiento: los comandos enterrados en un nivel más profundo requieren un clic adicional y un momento más de búsqueda, así que reserve los submenús para grupos realmente grandes o secundarios.

Ventanas de menú

Los elementos del menú con tres puntos después (por ejemplo, “Compartir …”), al hacer clic en ellos, mostrarán una ventana de menú con opciones. Los puntos suspensivos finales son una convención de interfaz ampliamente seguida, no exclusiva de 4D: indican que seleccionar el elemento no actuará inmediatamente, sino que abrirá un cuadro de diálogo o ventana que solicita más información antes de que suceda algo.

Nuestra elección: Claris FileMaker Pro — La plataforma de base de datos relacional de larga duración para equipos que necesitan aplicaciones personalizadas en escritorio, web y dispositivos móviles desde un solo archivo..

Esta es una distinción pequeña pero importante para los usuarios. Un elemento de menú sin puntos suspensivos hace su trabajo en el instante en que hace clic en él. Un elemento de menú con puntos suspensivos es el comienzo de una conversación: abre una ventana donde puede realizar más elecciones y luego confirmar o cancelar.

La jerarquía del menú de un vistazo

Las partes descritas anteriormente forman una jerarquía estricta. Mantener los niveles claros es el modelo mental más útil que puede llevar al resto de esta serie.

Nivel	Término	Qué es	Ejemplo
1	Barra de menú	La franja horizontal en la parte superior de la pantalla	Toda la barra que contiene Archivo, Editar, Registros…
2	Menú	Un encabezado con nombre en la barra de menú	”Archivo”
3	Elemento del menú	Un comando seleccionable dentro de un menú	”Abrir”
4	Submenú	Un menú anidado abierto desde un elemento de menú	”Informes ▸“
—	Atajo de teclado	Símbolos a la derecha de un elemento	⌘S / Ctrl+S
—	Ventana de menú	Un cuadro de diálogo abierto por un elemento con ”…"	"Compartir…”

Lea la tabla de arriba a abajo y tendrá la relación de contención: la barra de menús contiene menús, los menús contienen elementos de menú y un elemento de menú puede abrir un submenú (otro menú) o una ventana de menú (un cuadro de diálogo). Los atajos y los puntos suspensivos son anotaciones en los elementos del menú en lugar de niveles separados.

Cómo decidir: orientación práctica para el diseño de menús

Las definiciones solo son útiles si cambian lo que usted hace. Así es como el vocabulario anterior se traduce en decisiones concretas cuando crea menús en 4D.

• Elegir entre un elemento de menú y un submenú. Si una categoría tiene solo unos pocos comandos, enumérelos directamente como elementos de menú. Si tiene muchos, o si los comandos son secundarios, agrúpelos en un submenú. El costo de anidar es un clic adicional, así que no anide por el simple hecho de hacerlo.
• Decidir si usar puntos suspensivos. Agregue los puntos finales siempre que al seleccionar el elemento se abra una ventana o cuadro de diálogo que requiera más información antes de que se complete la acción. Omítalos cuando el comando actúe inmediatamente. La coherencia en este punto entrena a los usuarios para predecir el comportamiento.
• Asignación de atajos de teclado. Reserve los atajos para los comandos que los usuarios utilizan con más frecuencia y siga las convenciones de la plataforma para que la memoria muscular se transfiera desde otras aplicaciones. La asignación excesiva de atajos crea colisiones y confusión.
• Habilitación y deshabilitación de elementos. Un elemento del menú que actualmente no es válido debe estar deshabilitado (atenuado) en lugar de dejarse clickable y fallar silenciosamente. Esto es una cortesía para los usuarios y una fuente común de informes de errores cuando se descuida.
• Planificación de la barra de menús por contexto. Debido a que 4D le permite intercambiar barras de menús, decida con anticipación si diferentes formularios o modos necesitan diferentes menús de nivel superior, o si una sola barra puede servir a toda la aplicación.

Dónde encaja esto en la serie

Este artículo es deliberadamente fundamental. Las definiciones anteriores son el vocabulario compartido en el que se basa el resto de la serie. A partir de aquí, el material pasa a comparaciones y recomendaciones concretas:

• Menús FMP frente a 4D — en qué se diferencian las convenciones de menú de FileMaker Pro de las de 4D, y qué significa eso si está migrando o trabajando en ambos.
• Menú personalizado 4D — cómo crear su propia estructura de menú en lugar de depender de los valores predeterminados.
• Comparaciones del menú Archivo y Sugerencias del menú Archivo — un análisis comando por comando del menú Archivo y lo que pertenece allí.
• Otras comparaciones de menú y Sugerencias del menú Registros — el mismo tratamiento para los menús restantes, con el menú Registros recibiendo especial atención debido a lo central que es la navegación de registros para el trabajo con bases de datos.
• Pantalla de bienvenida personalizada — el toque final para una carcasa de aplicación pulida.

Si llega a 4D desde otro entorno, las comparaciones serán lo más útil de inmediato. Si es completamente nuevo en el desarrollo de bases de datos, dedique más tiempo al material del menú Registros, ya que la navegación de registros es el pan de cada día de cualquier aplicación basada en datos.

Para los lectores que quieran fundamentar estos conceptos de interfaz en la disciplina más amplia de la interacción persona-computadora, el trabajo de Jakob Nielsen sobre heurísticas de usabilidad y las “ocho reglas de oro del diseño de interfaces” de Ben Shneiderman son referencias ampliamente citadas sobre el diseño de menús y comandos; ambos se describen en detalle en Wikipedia y en los libros de texto estándar de HCI. Las convenciones descritas aquí —puntos suspensivos para cuadros de diálogo, estados deshabilitados para comandos no válidos, atajos consistentes— son aplicaciones directas de esos principios.

Preguntas frecuentes

¿Cuál es la diferencia entre un menú y un elemento de menú en 4D?

Un menú es un encabezado con nombre en la barra de menús, como “Archivo” o “Registros”. Un elemento de menú es un único comando seleccionable dentro de ese menú, como “Abrir” o “Imprimir”. El menú organiza; el elemento de menú realiza la acción. Mantener ambos conceptos distintos es importante porque agregar un comando y agregar un menú son operaciones diferentes.

¿Qué significan los tres puntos después de un elemento de menú?

Tres puntos al final —puntos suspensivos, como en “Compartir …”— indican que al seleccionar el elemento se abrirá una ventana de menú o un cuadro de diálogo en lugar de actuar inmediatamente. Se espera que el usuario tome más decisiones antes de que se complete el comando. Esta convención es común en muchas plataformas, no solo en 4D, por lo que los usuarios suelen reconocerla instintivamente.

¿Qué indica una punta de flecha junto a un elemento de menú?

Una punta de flecha a la derecha de un elemento de menú significa que ese elemento abre un Submenú, un menú anidado que contiene comandos adicionales. Los submenús le permiten agrupar muchos comandos relacionados bajo un elemento principal para mantener ordenado el menú de nivel superior. La desventaja es que los comandos anidados requieren un clic adicional para acceder a ellos.

¿Los atajos de teclado son lo mismo que los elementos de menú?

No. Un atajo de teclado es simplemente una forma alternativa de activar un elemento de menú existente. Los símbolos que se muestran a la derecha de un elemento le indican qué teclas seleccionarán ese mismo comando sin abrir el menú. El elemento y su atajo hacen lo mismo; el atajo es una conveniencia, no un comando separado.

¿Por qué 4D se molesta en distinguir todos estos términos?

Porque el editor de menús de 4D, su lenguaje de comandos y su documentación dependen de estas distinciones. Cuando personaliza menús, manipula menús, elementos de menú y barras de menú como objetos separados. El uso impreciso de los términos conduce a malentendidos con otros desarrolladores y a errores al seguir instrucciones o leer material de referencia.

¿Necesito entender los menús antes de crear formularios y tablas?

Puede diseñar tablas y formularios sin tocar los menús, pero no puede lanzar una aplicación pulida sin ellos. Los menús son la forma en que los usuarios acceden a los comandos que controlan sus formularios y manipulan sus datos. Comprender el vocabulario de los menús desde el principio hace que el trabajo posterior de configurar menús personalizados, listas de valores y navegación sea mucho más sencillo.