Definir la Animación y Microinteracciones

13/11/25

Por:

Claudia

Especificar cómo deben moverse y responder los elementos de la interfaz para mejorar la sensación de calidad y dar feedback.

Prompt:

Define las especificaciones de animación para las siguientes microinteracciones en una interfaz [Web/Mobile]: 1. **Al hacer hover** sobre un botón. 2. **Al hacer clic/tap** en un botón. 3. **Al cargar una página** (ej: aparición progresiva de elementos). 4. **Al completar una transición de pantalla.** 5. **Al producirse un error** (ej: un campo de formulario inválido). Para cada una, especifica: - **Propiedad a animar** (ej: opacidad, escala, posición). - **Duración** en milisegundos. - **Función de easing** (ej: ease-in-out, bounce). - **Propósito** de la animación (ej: dar feedback, guiar la atención).

Uso ideal: Para crear prototipos más realistas y documentar la sensación de la interfaz para los desarrolladores.

Últimos prompts

30/1/26

Mentor de Liderazgo y Coaching

Preparar sesiones de 1-to-1 efectivas con vendedores que no llegan a objetivos.

30/1/26

Arquitecto de Estrategia de Cuenta

Crear un plan de ataque estratégico, estructurado y multidimensional para una cuenta objetivo clave, yendo más allá de la investigación básica.

30/1/26

Asesor de Ética y Relaciones a Largo Plazo

Evaluar situaciones comerciales delicadas desde una perspectiva ética y de construcción de relaciones sostenibles, no solo de cierre inmediato.