Usar términos preferidos para describir los componentes de la interfaz de usuario en un entorno de equipo puede resultar confuso. John lo llamó ventana emergente. Caroline lo llamó popover. Andrew lo nombró popper en js. En una reunión de demostración para revisar diseños de una nueva función, todos llegan a esta interfaz de usuario con varios nombres y se confunden: “Espera un segundo, ¿estamos hablando de lo mismo?”
Eso es común. Los gerentes de producto👨💼, los ingenieros👩🔬 y los diseñadores👩🎨 utilizan diferentes lenguajes. Para los gerentes de producto, un componente de interfaz de usuario es una pieza visual que sirve para un uso comercial. Para los ingenieros, un componente de la interfaz de usuario es un enlace de API. Para los diseñadores, un componente de la interfaz de usuario es un patrón visual y de interacción que representa un determinado comportamiento del usuario. La diferencia en nuestras interpretaciones conduce a términos diferentes.
¿Es más fácil llegar a la misma página entre el mismo grupo de diseñadores? No precisamente. El mismo componente de la interfaz de usuario puede recibir nombres diferentes en diferentes sistemas de diseño. Un diseñador que sigue las pautas de Material Design puede usar un término que varía de un diseñador que sigue las pautas de diseño del sistema operativo. No quiero que todo sea abrumador, pero es muy útil alinear nuestra terminología cuando documentamos los requisitos de UX o creamos pautas de diseño para colaboraciones multifuncionales.
1. ¿Qué es una ventana emergente? ¿Como lo uso?
Una ventana emergente es una vista modal que puede tomar la forma de un menú emergente o de un cuadro de diálogo emergente. Según tengo entendido, cuando usamos la palabra “ventana emergente”, lo que queremos expresar es el efecto de movimiento de la ventana emergente en la llamada del tratamiento de la interfaz de usuario.
En el sistema de diseño del sistema operativo, un menú emergente se utiliza para mostrar una lista de opciones mutuamente excluyentes. En el sistema Material Design, un la ventana emergente es un diálogo para mostrar información crítica o proporcionar opciones. En el sistema de diseño UWP (Plataforma universal de Windows), una ventana emergente podría ser un cuadro de diálogo o un menú desplegable. La diferencia es que un cuadro de diálogo emergente de UWP requiere una acción explícita por parte del usuario, mientras que un menú lateral es más periférico y fácil de descartar.