˚☕︎｡ Disclaimer OAuth en acordeón
Tres alternativas para el bloque de permisos
en el módulo "Mi impacto en X"
Hay un botón 0Auth secundario que requiere disclaimers, pero más discretos (para no competir con el contenido principal).
Os paso tres opciones que estoy probando mientras estudio patrones de maquetación y casos de uso.
La idea es mantener el foco en el gráfico y dejar el disclaimer como información de apoyo, sin que compita visualmente con el contenido principal. Cada propuesta integra el disclaimer de una forma diferente para que podamos comparar qué encaja mejor.
Todo al mismo nivel visual: el disclaimer se mezcla con el gráfico y ocupa casi tanto espacio como él.
En un primer vistazo no se distingue qué es contenido principal y qué es información de soporte.
Visualiza el impacto de tus campañas de forma gráfica y descubre qué tipo de publicaciones conectan mejor con tu comunidad.
Mi impacto en X
⚠️ ¡Cuidado! Texto mal heredado — Para recibir Tempos por tus apoyos en X desde MyPublicInbox, ambas apps deben conectarse. La conexión es segura.
✅ Este es el copy correcto → Puedes vincular tu cuenta de X (Twitter) para obtener más datos de tu actividad.
Qué hará y qué NO hará MyPublicInbox con tu cuenta de X
Puedes revocar el acceso cuando quieras desde la configuración de X.
Saber más sobre los permisos OAuthOpción A
Mini-acordeón de permisos mi favorita
Los permisos se ocultan tras un control colapsable justo debajo del botón. El usuario que confía puede ignorarlo completamente; el que tiene dudas lo expande. El gráfico recupera su protagonismo y el flujo principal queda limpio.
-
A favor
- Máxima reducción de ruido visual
- La información sigue siendo accesible y honesta
- Patrón familiar (acordeón dentro de acordeón existe en MPI)
- El botón queda como CTA claro y aislado
-
A considerar
- Requiere un clic extra para ver los permisos
- Usuarios que no despliegan podrían perderse la info
Visualiza el impacto de tus campañas de forma gráfica y descubre qué tipo de publicaciones conectan mejor con tu comunidad.
Mi impacto en X
Puedes vincular tu cuenta de X (Twitter) para obtener más datos de tu actividad.
Puedes revocar el acceso cuando quieras desde la configuración de X.
Saber más sobre los permisos OAuth
Opción B
Banner contextual inline
Un callout con fondo gris y tipografía más pequeña, debajo del botón y los copys. La información está siempre visible pero visualmente subordinada: el fondo gris la distingue del contenido principal.
-
A favor
- Sin interacción adicional: todo visible de un vistazo
- El tono gris del callout lo separa mínimamente
- Buena alternativa si hay requisito legal de visibilidad
-
A considerar
- Ocupa más espacio que la opción A
- Podría captar demasiada atención respecto al gráfico de estadísticas
Visualiza el impacto de tus campañas de forma gráfica y descubre qué tipo de publicaciones conectan mejor con tu comunidad.
Mi impacto en X
Puedes vincular tu cuenta de X (Twitter) para obtener más datos de tu actividad.
Puedes revocar el acceso cuando quieras desde la configuración de X.
Saber más sobre los permisos OAuth
Qué hará y qué NO hará MyPublicInbox con tu cuenta de X
Opción C
Popover en el botón
Usamos la bolita ℹ magenta que ya tenemos por ahí. Al pulsarla se despliega un popover con los permisos justo encima. El acordeón queda completamente limpio: gráfico, botón, fin. Es la opción más compacta, pero requiere descubrir la bolita magenta. Yo nunca la veo.
-
A favor
- Flujo principal absolutamente limpio
- El botón comunica acción + acceso a info en un solo elemento
- Mínimo espacio ocupado
-
A considerar
- La información no es inmediatamente visible
- El icono ℹ puede pasar desapercibido
- El popover requiere gestión de cierre (clic fuera, escape)
Visualiza el impacto de tus campañas de forma gráfica y descubre qué tipo de publicaciones conectan mejor con tu comunidad.
Mi impacto en X
Puedes vincular tu cuenta de X (Twitter) para obtener más datos de tu actividad.
Qué hará y qué NO hará MyPublicInbox con tu cuenta de X