Usabilidad de Shopify: perspectiva de tus clientes – 3 asesinos en temas de Shopify

A veces es difícil saber qué buscar al elegir un tema.  ¿Cuál les gustará a mis clientes?  ¿Qué me va a hacer más ventas?  A continuación, esbozar tres características importantes de un tema que impactan directamente en sus ventas, basado en cientos de horas de investigación de usabilidad.

1. ¿Dónde puedo darte mi dinero? – También conocido como "artículo añadido al carrito" mensaje

Un cliente hace clic en "añadir al carrito".  Hasta ahora, bien.   Quieren darte dinero.  Pero cuando hacen clic en él, no pasa nada.  No hay ningún mensaje, botón o enlace obvio al siguiente paso.  Este sitio web no consigue lo que estoy haciendo.  Suspiendo, tu casi cliente vuelve a Google para buscar un competidor.

¿Qué ha pasado?

Cuando hicieron clic en "agregar al carrito", el artículo se agregó a su carrito en el fondo, pero no se les dijo sobre él, aparte de un pequeño "1" que aparece junto a un icono del carrito.  A través de la prueba de cientos de usuarios Web, aprendí que la mayoría de la gente no sabe (o quiere saber) Cómo funciona su backend, y son demasiado impacientes para buscar iconos o pistas.  No quieren buscar un pequeño botón diciendo "Echa un vistazo".  Quieren que se les diga, en el frente, en términos claros, cuál es el siguiente paso.

Lección:  Cuando selecciones/uses un tema, hazlo muy obvio cuando un ítem sea añadido al carrito.

Buen ejemplo:

Esto da una dirección clara de qué hacer a continuación.

***

Ejemplo no tan bueno:

Pedirle al cliente que lo note y haga clic en la parte superior derecha de su pantalla

***

2. Si se ve como un anuncio...

Las personas que usan las interwebs son generalmente muy sospechosas de cualquier cosa que se parezca a un anuncio, Banner de marketing, o de otra manera la imagen de ventas-y.  He visto a cientos de personas escanear sobre lo que parece ser una imagen "obvia", grande y gorda, simplemente porque se veía como un anuncio, y lo ignoraron.

Pretendamos que quieres asistir a una conferencia.  ¿Harías clic en:

Este ↓

.....

o este ↓?

Shopify-usabilidad-ejemplo

 

Si escogiste la opción #2, estarías con la gran mayoría.  La mayoría de nosotros tiende a ignorar las banderas ostentosas instintivamente.

Lección: Si vas a usar imágenes grandes, hazlo simple y no spammy.  Ponga un botón o un enlace de texto en la parte superior de la imagen: muchas más personas mirarán esto que su gran imagen si se parece a un anuncio.

Es por eso que Google funciona tan bien: las personas son menos sospechosas de los anuncios de texto de lo que son de imágenes grandes y llamativos.

Un gran ejemplo:

3. solo puedes ver, lo que puedes ver (también conocido como: no hacer que la gente se desplace por las cosas importantes)

Alguna vez visitó un sitio web y pensó, "¿Dónde está el producto que quería"?  Después de 20 segundos mirando a la izquierda y la derecha, se desplaza hacia abajo para encontrar lo que quería, oculto debajo de la pantalla (también conocido como el "pliegue").

Lección:  Haz visibles los elementos más importantes sin desplazarte (colócalo encima del "pliegue"), especialmente en tu página de inicio.  En particular, piense en los botones "comprar ahora" y sus datos de contacto en la página "contacto".  Asegúrese de que sean visibles para sus clientes pueden darle dinero o ponerse en contacto con usted.

He aquí un ejemplo de lo que vi en un sitio web cuando llegué a la página de Inicio:

Shopify-usabilidad-ejemplo-abajo-página-Fold

No soy perfecto yo mismo y he hecho más que mi parte de los errores al diseñar y revisar.  Estoy compartiendo estos errores para que no tengas que hacerlos ☺

Nota al lado:  Por supuesto, no todo puede ir por encima del pliegue de página, ¿verdad?  No estoy sugiriendo que trates de cagarlos tanto como sea posible en la parte superior de tus páginas, haciéndolos demasiado sucios para digerir.  Simplemente recomendaría priorizar, y poner las partes más importantes donde la gente espera encontrarlos.

Pautas generales:

  • Por encima del pliegue: Menú principal, comprar ahora botones, información de contacto, enlaces a productos o categorías, fragmento de información "acerca de nosotros", videos (si el mensaje es importante).

  • <strong>Below the fold:</strong> Social media links, related products, footnotes, disclaimers, guarantees, newsletter subscriptions, asking for anything from the customer.<strong id="internal-source-marker_0.3640686138533056"></strong>

***

Créditos:

***

Gracias por consultar nuestra Shopify Insider blog @ Blackbelt Commerce, tenemos muchos otros posts valiosos e informativos que usted le ayudará a seguir para optimizar sus sitios web como  What We Learned From Our Rebrand, Paypal versus other gateways on shopify The ultimate guide on your best shopify AppsY Media Gallery for Shopify. Por favor, echa un vistazo a nuestros otros Productos

¿Preguntas? Por favor, háganos saber en los comentarios a continuación.

¿Cuáles son las principales tiendas de Shopify?

Toma lo que aprendimos y utilíla para tu ventaja.
Obtenga nuestra investigación exclusiva: Insights de más de 500 tiendas Shopify.

Impulsado por ConvertKit

Añadir comentario

Su dirección de correo electrónico no se publicará. Los campos obligatorios se marcan *

Este sitio utiliza Akismet para reducir el spam. Obtén información sobre cómo se procesan los datos de tus comentarios.

;

Añadir comentario

Su dirección de correo electrónico no se publicará. Los campos obligatorios se marcan *

Este sitio utiliza Akismet para reducir el spam. Obtén información sobre cómo se procesan los datos de tus comentarios.