Durante el pago. ¿Por qué es tan importante describir las condiciones de entrega en una tienda online en un lenguaje claro? Presentación sencilla de la información.

Propósito de la lección

Desarrollar una parte de la plantilla del formulario de servicio responsable de la página de pago del pedido.

Familiarícese con los formularios para elegir el método de pago, la entrega y el cuestionario del comprador.

Objetivo principal

El objetivo principal de la página de pago.- ser completado por el visitante. Preguntas que encuentran los usuarios al completar formularios:

Preguntas

• ¿Por dónde empezar?
• ¿Es fácil completar el formulario? ¿Y cuánto tiempo tardará?
• ¿Qué método de pago/entrega es el adecuado para mí?
• ¿Cuántos pasos debe completar antes de completar el formulario por completo?
• ¿Por qué debería completar estos campos? ¿Por qué necesitan estos datos?
• ¿Se puede confiar en usted? ¿Mi correo electrónico/número de teléfono no caerá en manos de spammers?
• ¿Qué debo hacer después de enviar el formulario?

Tareas

Veamos qué tareas resuelve la página de pago.

Tarea	Solución
Proporcione un diseño simple y ordenado	Para hacer esto necesitas agregar espacio libre y también eliminar todo lo innecesario
Llamar la atención sobre los campos del formulario.	Para hacer esto, agregaremos un fondo diferente al cuadro con campos y bordes alrededor del formulario.
Eliminar campos innecesarios	Deberá determinar qué campos debe completar el usuario para que el pedido se pueda completar con éxito. Nada innecesario que pueda obligar al usuario a abandonar la página de pago.
Superar las dudas de los visitantes	Puede informar que el pedido se puede cancelar en cualquier momento. O habla de los beneficios de comprar en tu tienda: garantía, condiciones de devolución o entrega
Usar voz activa	Guíe al usuario a través del proceso de pago utilizando verbos activos. Se pueden utilizar en los encabezados de las páginas o en la explicación de los campos del formulario de pedido.
Especifique el número de pasos y el tiempo para realizar un pedido.	Esto se hace en la parte superior de la página, antes de que el usuario continúe con el diseño.

Ahora resolvamos estos problemas.

Muestra

Proporcione un diseño simple y ordenado

Empecemos por el más difícil. Así es como se ve la página de pago predeterminada:

Para simplificar la apariencia de la página de pago, necesitamos:

• Deje solo el logotipo y el nombre del sitio en la parte superior del sitio. Sin enlaces
• Cambiar el contenido de la barra lateral. Ya no necesitamos mostrar una lista de categorías. Pondremos un poco de ayuda en la barra lateral para aquellos que hagan un pedido y un mensaje al que puedan llamar si algo no funciona.
• Simplifique la parte inferior del sitio: deje solo el sistema de derechos de autor y el sitio en él.

Si lo desea, puede abandonar por completo la barra lateral.

Encuentre en la plantilla de la página de formularios de servicio el bloque global responsable de parte superior sitio (normalmente $GLOBAL_AHEADER$) y colóquelo en la siguiente construcción:

$GLOBAL_AHEADER$

logo_simple.png es una imagen de logotipo simplificada. Hay varias formas de simplificar el logotipo de la página de pago: reducirlo de tamaño, rediseñarlo, dejar el estilo corporativo o hacerlo en blanco y negro.

Hagamos lo mismo con la parte inferior del sitio ($GLOBAL_BFOOTER$) y la barra lateral ($GLOBAL_CLEFTER$):

$GLOBAL_AHEADER$ $GLOBAL_CLEFTER$

Si tiene dificultades con los bloqueos globales, recuerde.

Llamar la atención sobre los campos del formulario.

En total, en la página de pedido se solicita al usuario que complete cuatro formularios:

1. Formulario con contenido del pedido (tabla) $BODY$
2. Formulario de selección del método de entrega $DELIVERY_SELECTOR$
3. Formulario de selección de método de pago $PAYMENT_SELECTOR$
4. Formulario de ingreso de datos personales $ORDER_FIELDS$

Para resaltar los campos del formulario, debe configurar .methods-list y #order-table:

Lista de métodos, #tabla de pedidos (margen: 20px; color de fondo: #e5e5e5; borde: 1px sólido #cccccc;)

Eliminar campos innecesarios

Aquí estamos hablando del formulario de entrada de datos personales $ORDER_FIELDS$. Seguramente ya has completado la lección 31 sobre campos de orden. Tendremos que observar cada campo agregado bajo un microscopio y preguntarnos: "¿Es la información en este campo realmente tan importante para nosotros que estamos dispuestos a perder algunos clientes por ella?"

A menudo, “Nombre”, “Número de teléfono” y “Dirección de entrega” son suficientes.

Por supuesto, vale la pena considerar la marginalidad de los bienes. En las tiendas donde se debe procesar una gran cantidad de pedidos, los campos adicionales aumentarán las ganancias al reducir los costos de mano de obra para el procesamiento. En el caso de un pequeño flujo de pedidos, tiene sentido solicitar sólo el nombre y el número de teléfono, basándose principalmente en las calificaciones de los gerentes de ventas.

Una vez que haya decidido eliminar campos innecesarios o agregar campos nuevos, regrese a la Lección 31.

Superar las dudas de los visitantes

Cómo superaremos:

• Tras el formulario con el contenido del pedido $BODY$ colocaremos breve información sobre la garantía y condiciones de devolución
• Al lado del formulario de selección de métodos de pago $PAYMENT_SELECTOR$ colocaremos íconos de atestados, certificados (si los hubiera) o íconos de métodos de pago;
• Antes del botón "Realizar un pedido" $ORDER_BUTTON$, te informaremos que el pedido se puede cancelar/cambiar en cualquier momento. De esta manera, el usuario no tendrá que pensar mucho en "¿Formateé todo correctamente?".
• Debajo del botón “Realizar un pedido” $ORDER_BUTTON$ colocaremos un bloque “¿Qué pasará después?”. En él le informaremos que antes de la entrega del pedido, definitivamente le devolveremos la llamada para aclararlo a la hora indicada.

Desafortunadamente, en el marco de esta lección no podemos considerar cómo agregar íconos a los formularios de pago o entrega. Así que simplemente agregue el bloque apropiado después de $PAYMENT_SELECTOR$.

Usar voz activa

Veamos un ejemplo específico. De forma predeterminada, la elección de un método de pago se describe en esta sección de la plantilla:

Método de pago

$PAYMENT_SELECTOR$

Si usa voz activa, el mismo fragmento se verá así:

Selecciona el método de pago

$PAYMENT_SELECTOR$

Lo mismo se aplica a la elección del método de envío, a la comprobación del contenido del pedido y a la cumplimentación del formulario de datos del usuario.

Especifique el número de pasos y el tiempo para realizar un pedido.

Antes de $BODY$ agregue un mensaje sobre cuántos pasos hay en el proceso de pago y cuánto tiempo llevará, por ejemplo:

Realizar un pedido en 4 pasos no lleva más de 3 minutos

¿Dónde tiene uCoz varios pasos para realizar un pedido? Aquí estamos hablando de pasos dentro de una página. Te sugiero esta opción:

1. Paso 1: Comprueba el contenido de tu pedido
2. Paso 2. Selecciona un método de envío
3. Paso 3. Selecciona un método de envío
4. Paso 4. Proporciona información sobre ti

Tenga en cuenta que el título de cada paso utiliza la voz activa.

Esto concluye la lección. Hay una serie de configuraciones para la página de pago que le permitirán aumentar la conversión en ella. Hablaremos de esto en las siguientes lecciones.

Ceremonias

1. Cree un diseño de página de pago simplificado
2. Elimine los campos innecesarios y seleccione los restantes.
3. Coloca bloques con texto que ayudarán a superar las dudas del comprador.
4. Especifique el número de pasos y el tiempo necesario para realizar el pedido.

” despertó el interés de los lectores, por lo que decidí continuar con esta serie de artículos. Y hoy profundizaremos en formas de simplificar el proceso de pago en su tienda en línea. Al aplicar las soluciones de este artículo, puede optimizar fácilmente su página o páginas de pago.

Por supuesto, cada tienda online es única a su manera y no existe una opción óptima para todos los casos. Por eso, intentaré dar recomendaciones generales que he verificado, y tú mismo podrás decidir qué es adecuado para ti y qué no.

1. ¿Por qué todo esto?
2. Tipos de pedidos;
3. Optimización de pedidos;
4. Solicitamos datos del comprador;
5. 2 opciones de implementación de trabajo;
6. Analítica;
7. Conclusión y un pequeño regalo!

¿Por qué todo esto?

Antes de comenzar, respondamos a la pregunta de por qué debemos optimizar el proceso de pedido en una tienda online:

1. Simplifique el proceso para el visitante;
2. Habiendo comenzado a realizar un pedido, no permita que el visitante lo interrumpa;
3. Y, lo más importante, sobre este proceso.

No importa qué tan bueno sea su sitio web, todos los futuros clientes pasan por el proceso de pago. Y por eso es tan importante que este proceso sea sencillo, rápido y no provoque emociones negativas en el visitante. Si sigues ciertas reglas, el resultado no tardará en llegar.

Tipos de pago

Hay tres tipos básicos de pedidos, cada uno de los cuales tiene sus pros y sus contras.

1. En unos pocos pasos

La opción más común, que está integrada en la mayoría de los archivos . Funcionalmente simple y trivial: en la página del carrito hay un botón "Realizar un pedido", cuando se hace clic, el comprador comienza a realizar un pedido en varios pasos. Existe un paso para cada tipo de información solicitada al comprador.

Cada paso recopila cierta información del comprador;
Se pide al comprador que proporcione información en partes y no se deja intimidar por la gran cantidad de campos en una página;
Más adecuado para aquellas tiendas online que solicitan mucha información al comprador;
Aún así, varios pasos y desgana para rellenar decenas de campos.

2. Un paso

La segunda opción más popular es extremadamente rara en el CMS predeterminado, aunque se puede agregar fácilmente mediante módulos. Al hacer clic en el botón "Realizar un pedido" en el carrito, se le pide al comprador que complete todos los datos en una página en lugar de varias.

Todos los datos se recopilan en una página;
La solución óptima para la mayoría de las tiendas online;
Pedir demasiada información en una página puede desanimar al comprador. Por lo tanto, es necesario optimizar la cantidad de campos (que se analiza a continuación).

3. En la página del carrito

La opción que ocurre con menos frecuencia. No hay una página separada para el proceso de pedido; todo sucede directamente en la página del carrito.

Todos los datos se recopilan en una página con;
Funciona mejor con un conjunto mínimo de campos en la página (ver captura de pantalla arriba)
Del mismo modo, solicitar demasiados datos en una página puede desanimar al comprador. Asimismo, es necesario optimizar y reducir la cantidad de campos a completar.

Al considerar una tienda online en su sentido clásico, tiene sentido tener en cuenta sólo tres opciones principales. Sugiero pasar a elegir el más óptimo.

¿Cuál de las tres opciones deberías elegir?

Diré de inmediato que no he visto reglas ni regulaciones claras en términos de elegir un método para realizar un pedido. Por tanto, parto únicamente de mi propia experiencia. Desde mi punto de vista la mejor opción es: página de pedido separada en un solo paso. Esta opción se optimiza fácilmente y se puede escalar fácilmente para casi cualquier proyecto.

Optimización de pedidos en tienda online

En este capítulo, les contaré las soluciones más simples y elegantes (el resto las implemento, las soluciones más funcionales solo por mi cuenta). Sólo recuerde implementarlas, y no simplemente leerlas y posponerlas “para mañana”.

¡No necesitamos mucho! Reducimos la carga al comprador

Propongo comenzar la optimización no reorganizando elementos o agregando funcionalidad, sino, por el contrario, con la reducción de la cantidad de datos solicitados. No debes pedirle al comprador que ingrese todos los datos: nombre, apellido, patronímico, teléfono, correo electrónico, país, región, ciudad, calle, casa, edificio, departamento, código postal y mucho más. Esto lo ahuyentará, por lo que sugiero simplificar la tarea.

Pensemos en qué información del sitio se debe recopilar y cuál no es necesaria.

tipo de datos	La necesidad de una solicitud en el sitio.
Apellido y nombre	Necesario.
Apellido	Opcional , puedes consultar por teléfono. Requerido para enviar envíos postales.
Correo electrónico	Necesario para enviar datos de pedidos y agregar a suscriptores.
Teléfono	Necesario para contactar con el comprador.
Índice	Opcional , el operador puede comprobarlo de forma independiente en la dirección.
Ciudad	Preferiblemente. Comprender la zona horaria del comprador.
DIRECCIÓN	Necesario. En un campo. Si está disponible, ingrese automáticamente la dirección de recogida en este campo al seleccionarla.
País	Opcional. Requerido sólo cuando se trabaja para varios países.
Comentarios sobre el pedido	Necesario .

De este modo necesario solicitar los siguientes datos:

1. Apellido y nombre.
   Ejemplo: " Andréi Rodionov”
2. Correo electrónico.
   Ejemplo: "
3. Teléfono:
   Ejemplo: " +7-123-456-78-90 ”
4. Dirección de entrega postal:
   Ejemplo: “San Petersburgo, Nevsky pr, edificio 1, apto 1." Sugerir relleno en un campo, no debe hacer un campo separado para la calle, separado para la casa y separado para el apartamento.
5. Comentarios sobre el pedido.

Hay un total de cinco campos para completar. Al solicitar estos datos, podrá fácilmente:

• Póngase en contacto con el comprador;
• Agréguelo a su base de datos de suscriptores;
• Envíe su pedido.

Coincide en que todo se ha vuelto mucho más sencillo, aunque la información solicitada es exactamente la misma. Dado que en cualquier caso usted confirma el pedido por teléfono, podrá obtener toda la información que necesite verbalmente.

Ahora que hemos optimizado la recopilación de datos del comprador, veamos varias opciones para realizar un pedido según las recomendaciones anteriores.

Opción #1. Sencillo y de buen gusto.

Esta opción es adecuada para quienes desean optimizar el proceso de pedido en esta página con poco gasto. Lo más importante, aceptar la recomendación de reducir los campos de recogida de información del comprador y mostrar opciones de entrega y pago.

Como resultado, deberías obtener algo como esto:

¿Está de acuerdo en que este formulario de pedido es sencillo y sin pretensiones, pero al mismo tiempo está efectivamente preparado para cumplir su tarea? Si es necesario, agregue su costo al lado.

Ahora propongo considerar la segunda opción, que puede contener mucha más funcionalidad y comodidad para el comprador.

Opción #2. Elegante y funcional.

Si en la primera opción recopilamos toda la información en un solo lugar, entonces en la segunda opción intentaremos separar la recopilación de datos y hacerla más visual.

Paso 1. Empecemos por recopilar datos del comprador. Tengamos en cuenta la experiencia de la primera opción y no pediremos mucho

Paso 2. Selecciona un método de entrega.

Si tienes al menos 2 métodos de entrega, dividir las opciones en pestañas funciona muy bien para que el comprador pueda concentrarse inmediatamente en la opción que necesita.

Así es como puede ofrecer elegir la entrega por mensajería:

El lector atento notará que la dirección se solicita dos veces, pero esto se hace deliberadamente para mayor claridad. En la versión final este no es el caso.

He aquí cómo recogerlo:

Entrega por correo ruso:

De acuerdo en que toda esta información mostrada sin pestañas no sería tan fácil de leer. Y todo parece limpio y ordenado.

Paso 3. Selecciona un método de pago.

Aquí también intentaremos que todo sea lo más sencillo y claro posible.

Ahora veamos cómo quedará todo ensamblado.

Parece acogedor, ¿no?

Aclaración importante: Este formulario de pedido no se creó de la nada, sino que se basó en nuestra propia investigación sobre la usabilidad de los formularios y el trabajo con muchas tiendas en línea. Y es precisamente esta forma que ahora se está implementando en la tienda online infantil la que estoy desarrollando. Tan pronto como esté listo, estaré encantado de compartir el enlace contigo.

La implementación final es, por supuesto, tuya, pero puedes tomar fácilmente como base la opción que propuse. Y para comprender qué tan bien se está desempeñando su pago, debe recurrir a la analítica.

Análisis del formulario de envío de pedidos.

Dos herramientas indispensables nos ayudarán con esto:

1. Google Analytics. Visualización de secuencias.
2. Yandex.Metrica. Webvisor + Análisis de formularios.

Google Analytics

En este sistema usaremos “Visualización de Secuencia”. Este seguimiento será más eficaz para las tiendas en línea en las que el pedido se realiza en varios pasos. Se verá así (haga clic en la imagen para ampliar):

La imagen de arriba muestra varios pasos de pago desde el carrito hasta la página "Gracias por su compra". ¿Por qué crees que hay tantos fracasos en el penúltimo paso?

¿Qué te dirán estas estadísticas?

1. Comprender en qué paso se marcha el comprador;
2. Comprender adónde va el comprador después de realizar un pedido.

Se describe cómo configurar dicha herramienta.

Yandex.Metrica

Mucha gente ha oído hablar de Webvisor, pero no todo el mundo ha oído hablar de Form Analytics. Para poder realizar un seguimiento de estas estadísticas, debe tener WebVisor habilitado y el código Yandex.Metrica correspondiente incrustado en el sitio. Eche un vistazo a un ejemplo de informe sobre un paso de la realización de un pedido (haga clic para ampliar):

¿Qué te dirán estas estadísticas?

Con base en estos datos, puede comprender fácilmente en qué dirección debe pensar en términos de una mayor optimización de la página de pago.

Conclusión

El artículo de hoy ha revelado una de las formas más sencillas de aumentar la tasa de conversión de su página de pago. Veamos sus siguientes opciones:

1. Ociosos. No haga nada y disfrute de sus tasas de conversión actuales;
2. Para principiantes. Realizar un análisis de las áreas problemáticas del pedido y preparar una lista de cambios;
3. Experimentado. Realizar análisis, preparar especificaciones técnicas para cambios, asignar la tarea al programador;
4. Para profesionales. Realice análisis, prepare especificaciones técnicas para cambios, asigne tareas al programador, realice un seguimiento de la implementación y realice análisis en la página actualizada.

Y sí, estoy listo para auditar su proceso de pedido de forma gratuita para las dos primeras personas que lo deseen. Para hacer esto, simplemente proporcione un enlace a su tienda en línea en los comentarios y espere un pedido de prueba.

26.09.2013 Mini auditorías

Cualquier auditoría debe basarse principalmente en datos de sistemas de análisis y estadísticas de comportamiento del cliente. Debido al hecho de que no tengo estos datos, el alcance del trabajo se reduce enormemente.

Día de la lana.

Permítanme empezar con el hecho de que la velocidad del sitio es extremadamente confusa. Lo comprobé desde varias computadoras y el comportamiento es igualmente lento en todas partes.

Cuenta.
¿Crees que hay demasiadas opciones de pedidos para un área pequeña?

No estoy seguro de estar sugiriendo la solución óptima para su situación, pero creo que la siguiente captura de pantalla hace que las cosas se vean un poco más limpias:

Digamos que quiero hacer un pedido sin registrarme y hacer clic en el botón correspondiente. Hacemos ajustes:

1. Cambiar el nombre del “buzón” a correo electrónico
2. Combine "Nombre, Patronímico" y "Apellido" en uno y llame "Nombre"
3. Si realmente desea preguntar su fecha de nacimiento, deje solo el día y el mes. No a todo el mundo le gusta informar su año de nacimiento.
4. ¿Por qué necesitas 2 boletines? ¿Cuál es la motivación para suscribirse a 2 newsletters?

Siguiente paso.

1. Sería bueno combinar este paso con el anterior para que el comprador no tenga pensamientos negativos al ver campos vacíos.
2. Es recomendable eliminar el índice o al menos hacerlo opcional.
3. Según la página "Entrega", realiza entregas en toda Rusia. Entonces, ¿por qué volver a ofrecer el país?
4. ¿Qué te aportará llenar la región? Puedes descubrirlo tú mismo.
5. El botón "Guardar" hace que finalmente sea posible seleccionar el tipo de pago. ¿Es posible rechazar un método tan trivial?
6. Si ya he expresado mi deseo de registrarme sin registrarme, ¿por qué me ofrecen nuevamente "Iniciar sesión en su cuenta"?

Métodos de entrega.

1. No está claro de inmediato que la recogida sea gratuita. Escriba "Gratis" o "0 RUR".

Métodos de pago.

1. ¿Es posible marcarlas con casillas de verificación? En la implementación actual, al hacer clic no se espera pasar al siguiente paso, sino información adicional sobre el tipo de pago. Si utiliza casillas de verificación, no necesitará agregar otro paso de pedido.

Acuerdo de usuario.

1. Este es el verdadero "asesino de la conversión" en la gran mayoría de los casos. Veredicto: eliminar.

La mayoría de las veces, no se presta demasiada atención al diseño de la página "Entrega". Normalmente, se trata de un texto breve sobre los términos y condiciones de entrega. De hecho, la decisión del comprador a la hora de realizar un pedido depende en gran medida de la información facilitada en esta página.

Al diseñar una página, primero debe agregar la siguiente información:

Regiones y métodos de entrega.

En primer lugar, el visitante debe ver en qué regiones se realizan los envíos. Proporcione información sobre la región principal con más detalle y, para las adicionales, cree una página separada con una descripción general de todos los métodos posibles (empresas de transporte, puntos de entrega, Correos de Rusia, etc.). Si la tienda en línea opera en toda Rusia, puede agregar la detección automática de la región al sitio y mostrar información en función de esto, así como una calculadora para calcular el costo.

Costo y términos

Para la mayoría de los compradores, el momento oportuno es un indicador muy importante. Es necesario indicar en la página cuándo se envía la mercancía desde el almacén y cuánto tiempo demora la entrega. Si es posible al día siguiente, entonces este es un factor bastante positivo. No debe engañar a los clientes indicando plazos más cortos de los que realmente son; esto solo afectará negativamente la reputación de la tienda en línea y aumentará el número de rechazos de pedidos.

Condiciones de entrega

¿Es posible comprobar o probar el producto antes de comprarlo? ¿Se permite abrir el pedido antes del pago? ¿El mensajero podrá asesorar sobre las funciones del producto? Toda esta información suele ser de interés para los compradores y debe presentarse con el mayor detalle posible en la página.

También puede agregar información sobre la responsabilidad por el rechazo de un pedido en el momento de la entrega. A menudo, los compradores hacen pedidos esperando ver el producto y, si no les conviene, lo rechazan. En este caso, el comprador paga el coste de envío.

Dirección del almacén

Es necesario para que los compradores sepan adónde acudir en caso de reclamación de garantía y a qué dirección regresar. Si no es posible indicarlo (la tienda online opera sin almacén), se puede indicar la dirección legal o postal de la empresa.

Seguimiento del pedido después del envío

Aquí puede especificar cómo el comprador puede rastrear el pedido, cómo recibirá el número de seguimiento y dónde puede verificarlo.
A pesar de la aparentemente gran cantidad de información, debe presentarse de la manera más concisa y estructurada posible para que el comprador no tenga que estudiar la página de entrega durante mucho tiempo.

He estado involucrado en el comercio electrónico durante 4 años. Lanzó varias de sus propias tiendas en línea y también creó un estudio web que organiza ventas en línea y ya ha implementado más de 50 proyectos exitosos.

Entonces, comencemos. Contenido que es importante en la página de entrega.

1. Regiones de entrega

Lo primero que deberían ver sus clientes son las regiones de entrega. Como ejemplo, puede escribir breve y claramente que realiza entregas en toda Rusia utilizando el título de la página.

2. Métodos de entrega

Sus clientes deberían ver los métodos de envío disponibles para elegir en la página de envío. Para cada método de envío, es recomendable escribir la siguiente información:

• Nombre de la empresa de transporte/tipo de entrega,
• Plazos y costes medios de entrega. Sería preferible una calculadora o una tabla con costos.
• Regiones a las que se envían los pedidos mediante este método.
• Plazos para presentar un pedido para entrega mediante este tipo de entrega.

3. Direcciones de almacén y envío

Si es posible, adjunta una foto del almacén o de tu tienda. Indique la dirección desde la que se realizará el envío y a qué mercancías en garantía y devolución se pueden enviar.

4.Costo y tiempo de entrega

Asegúrese de indicar cuánto tiempo llevará enviar su pedido desde el almacén.

Si el sitio calcula automáticamente los tiempos y costos de entrega, descríbalo.

Si el administrador realiza el cálculo de costos después de recibir el pedido, entonces debe escribir sobre esto y adjuntar los ejemplos más populares de cálculo de costos, por ejemplo “La entrega de un pedido a Moscú demora en promedio de 2 a 3 días hábiles y cuesta 700 - 100 rublos”

5. No te olvides del cliente después del envío.

Indique que está enviando un número de seguimiento, describa cuándo el comprador debe esperar un número de seguimiento y cómo (SMS o correo electrónico). Indique cómo sabrá el comprador que ha llegado el pedido.

6. En conclusión

Adjunto un ejemplo de prototipo de página de entrega correctamente diseñada.

PD Espero que la información te haya sido útil. Escribe tus dudas, estaré encantada de responderlas.

Se seleccionaron buenos ejemplos de acuerdo con principios de usabilidad. También vale la pena señalar que algunos ejemplos son únicos y no serán adecuados para todos los sitios. Pruebe y mejore siempre los elementos en la página de pago.

Si hay dudas sobre los enfoques - .

¿Qué hace que realizar pedidos sea agradable?

Fácil de usar. Si bien los usuarios no tienen una cuenta, deben ingresar su dirección e información de pago para realizar un pedido. Un buen formulario debería simplificar este proceso: ingrese la menor cantidad de información posible desde el teclado.

Funciones útiles:

• • Búsqueda de direcciones o entrada de texto predictivo.

• • Copiando la dirección de entrega a la dirección de información de pago.

• • La solicitud para crear una cuenta aparece al final cuando el usuario está listo para realizar compras.

• • Realizar un pedido sin registrarse.

• Borre los mensajes de error para que el usuario pueda solucionarlos rápidamente.

Fuentes de problemas:

• • Registro obligatorio antes de realizar un pedido.

• • Demasiados pasos.

• • Campos de formulario innecesarios.

• • Mensajes de error poco claros.

• Problemas con la confirmación del formulario. Por ejemplo, reglas estrictas de formato de hora.

Los mejores ejemplos de formularios de pago

dominó

El sitio web de Domino's ha puesto énfasis en la movilidad. Reconoce tipos de dispositivos y se adapta a ellos.

El formulario de pedido es agradable y fácil de usar: sin registro, campos simples para completar, información de pago guardada para clientes habituales.

Incluso si el usuario olvida la contraseña, pero utiliza la misma dirección de correo electrónico, podrá realizar un pedido. En tales situaciones, muchos sitios simplemente devuelven el formulario de registro pidiéndole que restablezca su contraseña. Y esto no siempre es conveniente.

También tienen una aplicación donde puedes realizar pedidos con un clic. Simplemente abra la aplicación, espere 10 segundos y le enviaremos su pizza.

Lowes

El registro puede convertirse en un obstáculo para realizar compras. Este paso adicional antes de realizar un pedido puede resultar abrumador para muchos usuarios.

Por otro lado, el registro permite simplificar el proceso de compra en el futuro. También es conveniente para los usuarios.

Ofrezca registrarse al final del proceso de pago. Puede registrarse en el sitio web de Lowe's antes de hacer clic en el botón "realizar un pedido". No debería haber ninguna dificultad aquí.

Sin hilos

Excelente formulario de pedido. El usuario es llevado inmediatamente a una página con un carrito de compras y detalles de pago. Por cierto, puedes realizar un pedido sin registrarte.

El formulario de pedido completo está en una sola página. Y es muy conveniente.

Amazonas

Es fácil repetir compras en Amazon. Eso sí, primero tendrás que rellenar datos sobre ti, pero luego Amazon los recordará de una vez por todas.

Esto minimiza la cantidad de clics y pasos. El proceso desde agregar un artículo a su carrito hasta confirmar su pedido consta de tres pasos. No todo el mundo puede soportar tanto. Además, los compradores espontáneos desaparecerán.

El formulario de pago en su sitio web tiene un gran diseño. Una mejora que deberían hacer es hacer que el formulario de pago se destaque del resto del contenido de la página.

Hay un indicador de progreso, número total de productos, precio y plazos de entrega. También puede ingresar la dirección mediante la función de autocompletar, lo cual es muy conveniente.

Schuh

Su equipo comprende la importancia de la usabilidad y la mejora constantemente.

Mire la captura de pantalla a continuación para ver la belleza de esta página:

• • Seguridad. En la parte superior hay una confirmación de que la página es segura y la información de contacto de la empresa.

• • Notificación sobre entrega y devolución de mercancías. Tres puntos encima del formulario de pago recuerdan a los usuarios las buenas condiciones de entrega, descuentos y un proceso de devolución sencillo.

• • Indicador de progreso. Ayuda a los usuarios a comprender cuántos pasos esperar. Y el hecho de que sean tres ya sugiere que se trata de un proceso rápido.

• • Fácil registro. Schuh no está interesado en registrarse en este momento, lo ofrecerá más adelante.

• • Enlaces a información importante. No es necesario que estos enlaces en la parte inferior sean demasiado visibles, pero deberían estar allí si el usuario los necesita.

• • Métodos de pago. Un recordatorio visual de cómo los usuarios pueden pagar su pedido.

• Forma centrada. Hay algunos elementos que distraen en la página, pero la atención se centra en realizar una compra.

Caja y barril

El formulario tiene un diseño bonito y sencillo. Todo está organizado de forma lógica, cada campo está marcado. Hay un indicador de progreso y no hay elementos que distraigan en la página.

Nordstrom

Un buen ejemplo de un formulario de pedido de una página. Tiene una ventaja: al usuario le parece que realizar un pedido es mucho más rápido. Y no importa si es verdad.

El sitio web de Nordstrom tiene información sobre el producto y su precio, además los campos vacíos están resaltados en rojo para que el usuario no se pierda nada importante.

Superbalista.com

este sitio Hice el formulario de registro en forma de novela: tan pronto como el usuario agrega un artículo al carrito, se le solicita (en forma de ventana emergente) que cree una cuenta mediante correo electrónico o una cuenta de Facebook, o inicie sesión en uno existente.

Luego se le pide al usuario que cree una contraseña antes de continuar.

Después de eso, se envía a un hermoso formulario de pago (aunque esto no es muy conveniente para los usuarios que desean agregar más de un artículo al carrito).

Lo que es digno de mención es que el sitio web de Superbalist agrega una gran cantidad de texto pequeño que explica los términos de entrega y qué ingresar en los campos.

AO.com

AO.com hizo un buen trabajo. En esta página puedes seleccionar la hora y fecha de entrega, y es muy fácil:

La página de pago es genial. Se muestran el importe del pedido, la fecha de entrega, la cantidad de mercancías, etc. AO dejó sus datos de contacto para que cualquier usuario pueda llamar de inmediato si tiene alguna duda.

José José

Otro sitio con un hermoso diseño del formulario de pedido: José José . La página que se eligió como ejemplo es el formulario de registro/pago sin registro.

Lo que hacen bien: dar elección al cliente. Algunos querrán registrarse, mientras que otros no, y tendrán la oportunidad de realizar un pedido sin trámites adicionales.

Buenos ejemplos, pero hay margen de mejora...

El sitio web de Zappos es un buen ejemplo, se centran en el servicio al cliente y la fidelización.

Sin embargo, el proceso de pago no es perfecto. Crear una cuenta es una condición obligatoria que no se adaptará a todos los usuarios.

Quizás en el caso de Zappos, la reputación de la marca elimine esta barrera. Me pregunto si intentaron algo diferente.

Después de registrarse, los usuarios son redirigidos a la página del carrito, lo cual no es muy conveniente.

Además, el formulario de pedido no está resaltado. Se pierde en el fondo del menú de navegación principal, barra de búsqueda, índice alfabético, etc. Hay demasiados elementos que distraen y harán que los usuarios se muestren reacios a realizar un pedido.

Destacar su formulario de pago no significa atraer a los usuarios, sino facilitarles la compra.

Botas

Este formulario de pago es el peor que existe.

Lo malo aquí: el usuario debe escribir su dirección dos veces: al completar la información de pago y la información de entrega. Usar la misma dirección predeterminada es una buena manera de reducir el tiempo de llenado de formularios, que utilizan muchos sitios.

Conclusión

Es posible que los formularios no sean similares entre sí, pero cada uno de ellos tiene funciones útiles que puede utilizar al crear su sitio web.

¿Qué tienen en común cada una de estas formas? Su objetivo es facilitar las cosas a los usuarios. Por ejemplo, cuando desea que un usuario se registre, es mejor agregar uno o dos pasos al final del proceso de pago en lugar de al principio.

¿Tiene algún ejemplo de formularios de pago que sean mejores que los presentados? En caso afirmativo, compártelos con nosotros en los comentarios debajo de la publicación...