Diseño UX de sección de precios para sitios web (Ejercicio práctico)

Una de las metas más importante de cualquier producto digital es que sea adquirido por los usuarios a través de un plan de pago. Elegir un plan de pago parece algo sencillo del tipo” elige el que gustes, paga y comienza a usarlo.”

Desde el lado del negocio es fácil, solo esperan que alguien pague. Pero del lado de los usuarios elegir un plan puede ser una verdadera pesadilla, especialmente si el diseño de experiencia e interfaz no ayuda a los usuarios a tomar la mejor decisión cuando estos se confunden al ver las alternativas de plan muchos escogen irse y no volver.

En este ejercicio práctico vamos a revisar buenas prácticas en UX y UI para ayudar a los usuarios a elegir un plan. ¡Comencemos!

¿Cómo leen (escanean) los usuarios? ¿cómo esto influye al contratar un plan?

Normalmente, los usuarios tienden a hacer un muy veloz escaneo para llegar a la sección pricing, que ojalá se encuentre visible y tenga fácil acceso. Esto parece obvio pero en ocasiones sucede que cuando el usuario da click en pricing se encuentra con que debe llenar un formulario para poder cotizar. Esto es engañar al usuario, y ya acá comenzamos mal.

¿Verdad que genera frustración ir a la sección precios de un producto para encontrarnos con un formulario que debemos llenar para conocer el precio? 😓

Los comentarios de los usuarios al respecto suelen ser así:

Si tienes una sección que se llama “Pricing” o “precios” ¿porque entonces quieres forzarme a que te escriba para saberlos? Si tu producto requiere una cotización detallada antes de darme el precio entonces mejor llama a esa sección “cotiza con nosotros.” Así yo puedo saber qué esperar y decidir si continuar o no.

Distribución de planes y funcionalidades

Ya dentro de la sección pricing los usuarios tienden a hacer un muy veloz escaneo para encontrar la información esencial para tomar una decisión, y la manera en cómo la información esté ordenada y diseñada va a influir en si deciden considerar los planes que se le presentan. Veamos los elementos más importantes.

Este momento es crítico ya que influyen aspectos como: visualización de información, facilidad de lectura, términos que usuarios adecuados al target puedan entender y permitir una comparación rápida y eficaz entre las características de los diferentes planes.

Partiendo de ello, comparto malas prácticas a evitar para no confundir a los usuarios y también la solución a ellas. Del lado izquierdo, en escala de grises verás COMO NO SE DEBE HACER y de lado derecho COMO SI SE DEBE. ¡Comencemos!

El precio como rey de la sección

Es lo primero que buscan los usuarios. Sí pueden ver el precio entonces podrán hacer una relación costo / beneficio si lo que deben pagar va acorde con las funcionalidades de cada plan. No olvides ponerlo en su moneda local. Algunos usuarios pueden perder tiempo si tienen que hacer la reconversión de dólar a su moneda local.

Verifica que el precio tenga un tamaño considerable respecto a otros elementos de cada plan. Veamos un ejemplo.

No bombardees al usuario con información innecesaria.

Evita el exceso de carga cognitiva en los usuarios; no es necesario repetir información ya que  cuando hay demasiada y al mismo tiempo,  con la misma estructura se les hace más difícil leer. Un ejemplo de esto es cuando se listan los beneficios y funcionalidades por cada plan. La mala práctica sería tener el mismo texto en cada plan sin diferenciar cuales están disponibles.

Mejor realizar un escalado inverso al agregar las funcionalidades exactas y en la medida que el plan mejora también se note mayor cantidad de funcionalidades.

Veamos un ejemplo.

Destaca los beneficios cross-plan

Todos los  planes de cualquier producto comparten beneficios en común, asegúrate de que el usuario sepa que los tendrá en todo momento sin importar el plan que contrate, además, le ayuda a decidir mejor.

Cuanto mejor sea la visualización de información más fácil será de leer e interpretar por el usuario. Si bien es cierto que influyen muchos factores al momento de contratar un plan, la experiencia de usuario puede influir en la decisión de contratación.

Veamos un ejemplo.

Comparar opciones ayuda a los usuarios a tomar una mejor decisión.

Los objetivos del diseño UX no es solo hacer los productos más fáciles e intuitivos, también incluye que apoyar los objetivos del negocio. ¿Cómo el diseño UX y UI pueden apoyar a los objetivos del negocio? Una manera es ayudando a los usuarios a tomar la mejor decisión al contratar un plan.

Ayudar a los usuarios a comparar las diferentes alternativas les ayuda  a tomar la mejor decisión, por eso, es bueno listas las funcionalidades de manera que los usuarios puedan hacer un barrido rápido entre un plan y otro a través de una tabla comparativa. Un ejemplo de esto en la sección pricing o planes es el siguiente

Ayuda a los usuarios a responder sus preguntas para mejorar la experiencia

Una sección con las preguntas y sus respuestas más comunes siempre es bienvenida. Para agregar preguntas y respuestas eficaces te sugiero hablar con el equipo de atención al cliente para la sección de precios que estés diseñando, y también hablar con los usuarios. Personas y perfiles relacionados con mucha comunicación con los clientes y usuarios suelen tener muy buenas sugerencias de preguntas más comunes que los usuarios realizan.

Agregar estas preguntas antes de que el usuario confirme la contratación le ayuda a generar confianza en que tiene suficiente información para confiar en que será un producto al que le sacará todo el provecho. Veamos otro ejemplo.

Cuida el diseño de interfaz y los detalles

Aprovecha los contrastes de la paleta de color que uses para que el usuario pueda consumir mejor la información. Por ejemplo, en esta propuesta que diseñé he usado el color azul al medio para que la diferencia con los otros planes sea notoria. Esto permite a los usuarios comparar fácilmente entre un plan y otro gracias al contraste. Acá el ejemplo.

El propósito del UX y UI en los objetivos de negocio

Todo diseño UX o UI que se realicé tiene que, de alguna manera u otra hacer un puente entre lo que quieren los usuarios pero que también beneficie a la empresa. Cuando diseñes no lo hagas pensando en que se vea bien y que sea fácil de usar, piensa también en cómo lo que haces ayudará al producto a generar valor a los usuarios y a la empresa que lo ofrece.

Si te gustó este artículo te cuento que pronto lanzaré un curso sobre diseño UX / UI para sección de pricing donde enseñaré sobre todo el proceso de diseño:

• analizar las necesidades,
• empatizar y comprender los dolores de los usuarios.
• Entender los objetivos del negocio.
• Investigar, entrevistar usuarios.
• Diseñar la experiencia.
• Diseñar la interfaz
• Testear el producto.

Para recibir la notificación de cuando el curso esté publicado suscríbete al blog con tu email desde el enlace que hay en la esquina superior derecha.

También puedes suscribirte al canal de youtube donde publico tutoriales de UX y UI

¡Hasta luego! 😊