Diseño de pantallas de suscripción en apps móviles: decisiones más claras
Una guía práctica sobre el diseño de pantallas de suscripción para aplicaciones móviles: valor, comparación de planes, condiciones de prueba y renovación, contexto de compra y lista de comprobación.
Una pantalla de suscripción plantea una decisión dentro de una experiencia de producto más amplia. Alguien debería poder saber qué agrega un plan pago, si se ajusta a sus necesidades, cuánto se les cobrará y qué sucede si deciden continuar sin suscribirse.
El trabajo de diseño más fuerte comienza antes del estilo visual. Decida qué acaba de intentar hacer la persona, qué beneficio de suscripción es relevante en ese momento y qué términos del plan deben entenderse antes de que aparezca la hoja de compra del sistema. Luego utilice una revisión enfocada para detectar ambigüedades en la oferta, la jerarquía y las rutas de escape.
Conclusiones clave
- Conecte la oferta con el beneficio de un producto concreto y la acción que condujo a él.
- Muestre el monto real y el intervalo de facturación de cada plan, incluido lo que sigue a una oferta introductoria.
- Mantenga la comparación de planes, los términos de prueba, la compra, la restauración, el inicio de sesión y el cierre comprensibles como un solo flujo.
- Revise las pantallas de suscripción en contexto y en los estados localizados, de accesibilidad y de suscriptores recurrentes.
Empieza por el momento, no por la plantilla
Una pantalla de suscripción que aparece después de tocar una función bloqueada tiene una función diferente a la de una invitación de suscripción durante los primeros pasos. Nombra la característica y explica el beneficio específico que estará disponible. Durante los primeros pasos, brinde suficiente orientación para mostrar cómo se relaciona la suscripción con el producto. Una indicación sin contexto puede parecer una interrupción.
Utilice el flujo circundante para establecer expectativas. Si las personas pueden probar parte del producto primero, deje que esa experiencia demuestre su valor. Si el acceso es limitado, explique el límite y cuándo se restablece. Las Directrices de interfaz humana de Apple recomiendan indicaciones relevantes; Google Play espera promociones para aclarar si la aplicación se puede utilizar sin suscripción.
Es posible que las personas que ya están suscritas necesiten iniciar sesión o restaurar. Alguien que no esté preparado puede necesitar un camino claro para volver al producto. Diséñelos como caminos reales y verifique que conduzcan a algún lugar útil.
Facilita la comparación de la oferta
Asigne a cada opción un nombre breve, una duración y una declaración de precio directa. El importe que se cobrará debe ser fácil de encontrar. Mostrar un equivalente mensual más bajo puede ayudar a comparar planes, pero no debe sustituir el importe total del cargo. Si se selecciona un plan de forma predeterminada, la selección debe ser visible y la justificación no debe depender de una insignia vaga como Mejor valor.
Una comparación útil indica qué cambia entre los planes: nivel de acceso, contenido, servicio, duración u otro beneficio significativo. Evite hacer que la gente infiera la diferencia a partir del color o de un porcentaje de descuento. Si hay un plan, utilice el espacio para explicar su valor y términos.
La guía de compra dentro de la aplicación de Apple exige opciones claras, precio y duración, y el precio total de facturación. Google Play advierte contra la presentación de una suscripción de largo plazo principalmente como un desglose mensual cuando el cargo real vence por el período completo. Trate el cargo total como información primaria y luego utilice detalles comparativos secundarios cuando sea útil.
| Área de revisión | Presentación clara | Pregunta para hacer |
|---|---|---|
| Identidad del plan | Nombre y duración distinguen cada opción | ¿Alguien puede decir qué es diferente sin adivinar? |
| Precio | El cargo total y el intervalo de facturación aparecen juntos | ¿El monto adeudado es ahora más prominente que un desglose equivalente? |
| Oferta introductoria | Se indican la duración de la oferta, el precio inicial y el siguiente precio. | ¿Alguien puede explicar cuánto pagarán una vez finalizada la oferta? |
| Beneficios | El acceso específico incluido está vinculado al plan. | ¿Cada reclamo coincide con lo que ofrece el producto durante la suscripción? |
Explica las pruebas y la renovación con claridad
Una prueba gratuita puede convertirse en una suscripción de pago al terminar. Indique su duración, cuándo se realizará el primer pago, el monto y el intervalo siguiente y si el plan se renueva automáticamente. Coloque estos detalles cerca del plan y la acción relevantes.
No dejes que la etiqueta de un botón lleve toda la explicación. Una etiqueta como Iniciar prueba gratuita describe el paso inmediato, pero no el cargo posterior. Combínelo con términos concisos y legibles. Mantenga el texto legible en tamaños de visualización comunes, permita que crezca con configuraciones de texto más grandes y evite colocar términos esenciales con poco contraste o un diseño que pueda truncarse después de la localización.
La hoja de compra es parte del flujo de la plataforma, no un sustituto de una pantalla de oferta coherente. Apple dice que se debe utilizar la hoja de confirmación predeterminada y no imitarla. Deje claras la elección y los términos antes de pasarlos a la interfaz de usuario del sistema y luego refleje el estado de suscripción resultante con precisión en la aplicación.
- La duración de la prueba y la elegibilidad son claras para la oferta mostrada.
- La fecha o evento que inicia la facturación es comprensible.
- El precio posterior a la prueba, el período de facturación y la renovación automática son visibles antes de la compra.
- Los mismos términos siguen siendo comprensibles en el idioma y la moneda del usuario.
Revisa todo el flujo de compra y regreso al producto
Siga la acción principal hasta la confirmación de compra nativa y luego inspeccione los estados de éxito, cancelación, pendiente y error. Confirme que una compra cancelada no parece completada. Compruebe qué sucede cuando se vuelve a abrir la aplicación, cuando alguien inicia sesión en otro dispositivo y cuando un suscriptor actual alcanza la oferta.
Haga que las opciones de cuenta y recuperación sean fáciles de encontrar. No se debe invitar a los suscriptores existentes a comprar el mismo acceso nuevamente cuando iniciar sesión o restaurar sea el siguiente paso correcto. Apple recomienda una forma para que los suscriptores existentes inicien sesión o restablezcan sus compras. La gestión de suscripciones pertenece a una cuenta o ubicación de configuración predecible; Apple también hace hincapié en facilitar la cancelación. En Google Play, las divulgaciones de suscripción y un método de cancelación en línea son parte de los requisitos actuales de la plataforma. Siga las pautas de implementación actuales de la tienda para la ruta de facturación correspondiente.
Compare las pantallas de suscripción con el resto del producto. El tipo, las imágenes y la interacción deben sentirse integrados. Utilice la biblioteca de pantallas de suscripción de ScreenKits para estudiar cómo las pantallas capturadas organizan el precio, los beneficios, el idioma de prueba y los controles de salida, luego compare esas observaciones con el flujo completo de la aplicación. La galería es una referencia de diseño, no una prueba de que un patrón sea efectivo o conforme.
- ¿Puede un suscriptor que regresa iniciar sesión o restaurar el acceso sin comenzar de nuevo?
- ¿Está claro cómo descartar la oferta o continuar con el acceso gratuito disponible?
- ¿Los estados de éxito, cancelación y error de la compra explican lo que sucedió y qué hacer a continuación?
- ¿Pueden las personas encontrar el estado y la administración de la suscripción desde la configuración de la cuenta?
- ¿Se han revisado la localización, la escala del texto, el contraste, los lectores de pantalla y los objetivos táctiles?
Lista práctica para revisar el diseño de una pantalla de suscripción
Utilice esta lista de verificación durante una crítica de diseño, revisión de prototipo o recorrido previo al lanzamiento. Revise cada punto desde la perspectiva de alguien que ve la oferta por primera vez y luego repita la revisión como suscriptor recurrente. Si un revisor no puede responder una pregunta desde la pantalla y su flujo inmediato, aclare la interfaz antes de confiar en el contenido de soporte para llenar el vacío.
| Controlar | Condición de pase |
|---|---|
| Contexto | El motivo por el que apareció esta oferta y el beneficio correspondiente son evidentes. |
| Acceso | La pantalla dice con precisión qué requiere pago y qué queda disponible sin él. |
| Comparación | Cada opción tiene un nombre, una duración y un cargo total distintos. |
| Ensayo | La duración de la oferta, el inicio de la facturación, el precio de seguimiento y la renovación son visibles juntos. |
| Acción | El botón principal describe el siguiente paso y no oculta términos materiales. |
| Alternativas | Las acciones de despido, inicio de sesión y restauración se pueden descubrir cuando sea relevante. |
| Estados | El éxito, la cancelación y el fracaso de la compra producen cada uno un resultado comprensible. |
| Necesidades de acceso | El texto sigue siendo legible cuando se amplía y el contenido funciona con tecnología de asistencia. |
| Localización | Los precios, la moneda, las fechas y la copia se ajustan a los mercados admitidos sin truncamiento. |
| Gestión | Un suscriptor puede encontrar el estado de suscripción de la aplicación y la ruta de administración. |
Preguntas comunes
¿Qué debe incluir la pantalla de suscripción de una aplicación móvil?
Explique los beneficios de suscripción relevantes, distinga cada plan, muestre el cargo total y el intervalo de facturación, revele los términos de prueba y renovación cuando corresponda y proporcione rutas útiles para los suscriptores existentes y las personas que no compran.
¿Debe una pantalla de suscripción mostrar el equivalente mensual de un plan anual?
Puede ayudar a comparar duraciones, pero debe quedar en segundo plano frente al importe total y el período de facturación. El cargo real debe quedar totalmente claro.
¿Dónde debería aparecer la pantalla de suscripción?
Colóquelo en un punto relevante, como cuando alguien elige una función paga o alcanza un límite de uso gratuito claramente explicado. Explique por qué se muestra la oferta y mantenga una ruta clara hacia cualquier experiencia no paga disponible.
