Episodio 2: Iconos en la tienda en línea

El hacker de la conversión Jörg Dennis Krüger habla de los iconos en la tienda online. Pueden ser muy útiles, pero también pueden convertirse rápidamente en un rompecabezas de imágenes. Y con las tiendas online ocurre lo mismo que con los chistes: si tienes que explicarlos, son malos.

thinkCONVERSION el 5.11. en Berlín: https://thinkconversion.de

TRANSCRIPCIÓN DE ESTE EPISODIO DEL PODCAST

Bienvenidos al segundo episodio del Podcast Conversion Hacking. Mi nombre es Jörg Dennis Krüger y como acaba de decir mi encantadora habitación delantera: Sí, ¡soy el Hacker de la Conversión!

Gracias de antemano a Uwe Hamann, de Geschenke 24, porque me dio algunos comentarios tras el último episodio, que he podido aplicar maravillosamente para hacer este podcast más emocionante, más interesante y mejor para todos.

Así que el podcast ya está disponible también en Spotify, iTunes y Tynan. Y si a alguien todavía le falta su servicio donde le gustaría tener el podcast, sólo tiene que decírmelo y estaré encantado de registrar el podcast allí también. Y no olvidéis que el 5 de noviembre, no falta mucho, es ThinkConversion en Berlín - mi propio pequeño evento, todavía hay entradas para los dos seminarios, sólo tenéis que mirar en ThinkConversion.de o en las ShowNotes del episodio. Porque en realidad en jdk.de/Podcast ahora siempre tendré las ShowNotes para cada episodio, donde todos los enlaces están allí y así sucesivamente, para que todos puedan hacer clic rápidamente en ellos. 

Este episodio trata sobre iconos. Porque los iconos son una herramienta maravillosa para hacer muchas cosas, especialmente en la tienda online. Y se usan para todo tipo de cosas, especialmente en la tienda online, pero también en páginas de aterrizaje y demás.

Y de alguna manera también conocemos iconos o señales o lo que sea. Símbolos que nos ayudan de alguna manera, desde el tráfico por carretera. Conocemos las señales de advertencia en todas partes, de alguna manera los símbolos se han metido en nuestros cerebros, porque de alguna manera son fáciles de entender. El psicólogo quizá diría que son fáciles de descodificar en el cerebro, porque los conoces, has aprendido lo que significan ciertas cosas, lo que significan ciertos colores, etc., y entonces reconoces inmediatamente de qué se trata.

Sin pensarlo mucho, un vistazo - vale: esto también lo sabemos en el ordenador, es decir, desde que existe Windows o las interfaces gráficas, hay muchos iconos y símbolos con los que es mucho más fácil trabajar. 

Aquí mi icono de inicio en mi ordenador con Windows 10 es la bandera de Windows, si eso es intuitivo lo veremos más adelante, pero sé que no tiene que decir Menú Inicio, como podría haber sido en el pasado, sino la bandera. Pero el ejemplo más conocido es, por supuesto, el pequeño disquete para guardar, que vemos en todas partes, todavía, aunque la gente en realidad no ha utilizado disquetes durante mucho tiempo. Pero como símbolo se ha grabado a fuego en el cerebro, en el cerebro global, colectivo, así que hagámoslo.

Pero el objetivo es llegar rápidamente y sin pensar, y por eso usamos iconos. ¿Qué significa eso para el comercio electrónico? Queremos usarlo para que los usuarios puedan llegar a donde quieren ir rápidamente y sin tener que pensar en ello, y los iconos son una cosa genial para eso. Los iconos se pueden utilizar muy bien, como símbolo del carrito de la compra, en el carrito de la compra, como lupa en la búsqueda, como flecha para hacer clic en "siguiente" o para un botón siguiente, como receptor telefónico, por supuesto, para un número de teléfono, donde la gente entiende realmente: "Ajá, ¿de qué va esto?

No hace falta buscar durante mucho tiempo, pero facilita las cosas. Y desde mi punto de vista, los iconos pueden ayudar mucho. La navegación, por ejemplo, o sobre todo cuando tengo un mega desplegable, cuando tengo una tienda algo compleja, o cuando tengo varios productos y se abre tan bien, hay unos cuantos ejemplos preciosos en los que unos bonitos iconos muestran simplemente qué productos hay realmente aquí? Y el usuario no tiene que leer lo que hay, ve de un vistazo, en una tienda online impresa por ejemplo, si es un NOL up o si es una tarjeta de visita. 

Se reconoce a primera vista mostrando el producto de forma muy estandarizada y el usuario puede tomar una decisión muy fácilmente y no tiene que leer mucho. Y además, a menudo es incluso más fácil entender el icono que el texto, porque con el texto el usuario no sabe exactamente a qué se refiere, quizá no conozca el término técnico.

Pero el icono normalizado le muestra el producto y él puede decidir. Y, por supuesto, también puede utilizarlo en las páginas de categorías o cuando tenga filtros, visitas, etc.

Para mostrar las características del producto de una forma genial, también pueden ser cosas que realmente puedo mostrar de forma bonita en el icono. Los colores son el mejor ejemplo, incluso si puede no ser un icono real, pero de alguna manera lo es. Pero otras cosas, o si son cosas aprendidas, lo sabemos por Amazon: El icono Prime. Sé de inmediato que podría querer ver estos productos porque se entregan más rápido, así que hago clic en él. 

Y también puedo utilizar estos iconos muy bien, por ejemplo, para presentar las propuestas únicas de venta de la tienda, las USP, y simplemente tenerlas en todas partes de la tienda. Entrega rápida, tal vez entrega a cuenta, etc., y por supuesto en la página de detalles del producto para mostrar las características del producto de forma realmente comparable. Y cuando tenga que decidir entre distintos productos, podré ver a primera vista de qué tipo de material se trata, también hay símbolos e iconos oficiales y, por tanto, aprendidos. Pero tal vez también algo como la duración de la batería o algo así, que se puede mostrar maravillosamente, si algo es resistente al agua o, o, o.

Hay posibilidades muy, muy buenas de hacer que estos productos sean fáciles de entender y de no agobiar al usuario para que lea realmente las características del producto, sino que simplemente vea a primera vista: ¡Sí, vale, el producto puede hacer esto y lo otro! Y así puede penetrar mucho más rápidamente en los productos, decidir y luego, con suerte, comprarlos. 

Pero no quiero que se me malinterprete en un punto: Yo no diría que los iconos son generalmente buenos para la tasa de conversión. La mayoría de las veces, tengo que decir, es más bien lo contrario, porque con demasiada frecuencia la gente se toma la molestia de inventar de alguna manera sus propios iconos para representar y mostrar lo que sea que hace que mis productos individuales sean tan especiales. ¿Y cómo decirlo? A menudo se convierte en un puzzle de imágenes. 
Entonces, los iconos sólo tienen algo que ver con el mensaje real a través de una, dos, tres o cuatro esquinas. Esto ocurre especialmente a menudo cuando utilizo iconos que están en plantillas estándar. Un asterisco, por ejemplo, cuando se trata de mostrar las cosas especialmente destacadas, o un asterisco encima de ellas. Eso no me ayuda. Luego tengo que leer lo que hay debajo, en realidad puedo dejar el asterisco fuera y sólo ocupa espacio, como un corazón o algo así. 

Entonces los iconos son a menudo sólo elementos decorativos y muy a menudo incluso sustituyen al mensaje real. Porque entonces los iconos ocupan tanto espacio que el texto que hay junto a ellos se hace tan pequeño que apenas puedo leer el texto y entonces veo una estrella o un corazón o lo que sea y el texto que hay junto a él es tan difícil de leer que toda esta construcción de icono y texto no funciona en absoluto, no representa mejor en absoluto de qué se trata, no ayuda en absoluto a que el usuario tenga que pensar menos, sino que entonces le confunde por completo y tiene que empezar ahora e intentar averiguar ¿qué significa eso?

No entiende las ventajas, todo este efecto se desvanece y todas estas bonitas características de los productos, la tienda, etc. no se perciben. O piensa, bueno, no lo entiendo, o empieza a buscar explicaciones en la tienda. ¿Dónde se explica lo que significa? O tiene que leer más, etcétera. Y entonces tengo que decir que yo ni siquiera empezaría. 

Mi truco de conversión de iconos es no desarrollar tus propios iconos. 

Si realmente tiene iconos y hay iconos que representan muy uno-a-uno lo que se muestra aquí. Características del producto, productos y así sucesivamente. Si realmente puedes hacer eso sin tener que pensar en lo que dicen estos iconos, entonces puedes usarlos. Pero si luego te pones en marcha y tal vez te sientas en una reunión y piensas: "Dios mío, ¿cómo podemos representar eso, que nuestro icono, que nuestro producto no contiene esta sustancia, por ejemplo, o tiene esta característica o algo así?". Entonces se convierte en un gran proyecto artístico, se vuelve enormemente creativo y, por supuesto, si de repente tienes una idea realmente buena para representar un icono, entonces sí que puede dar sus frutos. 

Pero la mayoría de las veces no merece la pena dedicar tiempo y esfuerzo al trabajo, sólo para no dar en el blanco en la mayoría de los casos, porque desarrollar iconos realmente buenos, símbolos realmente buenos lleva muchísimo tiempo y quizá no merezca la pena pensar en "¿Cómo puedo mostrar que mi producto es vegano? Lo he visto tan a menudo últimamente, iconos tan veganos y nadie los entendía realmente. Entonces puedes más bien escribir vegano al lado y sin el icono también tienes más espacio para escribir vegano al lado.

Porque con todos estos iconos, siempre hay que pensar desde la perspectiva del usuario: 

El usuario tiene que entenderlo. Y ahí es donde las tiendas en línea son realmente como bromas para mí. Si tienes que explicarlas, son malas y los iconos pueden hacer que realmente tengas que explicar y ¿qué sentido tiene? Entonces llego a una reunión y pregunto: ¿aquí qué significa esto?

He intentado averiguarlo. ¿Qué significa este icono? Y entonces, de alguna manera, el tipo de marketing empieza a explicar: "Bueno, esto representa esto y esto... y esto significa aquí... y por eso hemos utilizado el icono...". Tienes que decir, sí, eso es como cuando miro a un cómico: "¿Eh? No entendí eso, ¿puedes hacerlo de nuevo?" Y entonces él dice que sí, mira por tres esquinas aquí, jaja... sí, entonces ya no tiene gracia y el icono ya no sirve de nada, porque una tienda online está ahí para ganar dinero y no es un proyecto artístico.

Así que reduce, reduce, reduce, no te vuelvas innecesariamente creativo y no desarrolles innecesariamente cosas gráficas que sólo cuestan tiempo pero que no son útiles para los usuarios. Y de hecho veo esto todos los días en algunas tiendas online, que hay iconos innecesarios que nadie entiende. Y siempre que hablo con los operadores de las tiendas online, cosa que no hago todos los días, recibo afirmaciones como "bueno, los iconos estaban ahí", o "debería haber algunos iconos ahí", o "esto es un diseño de nuestro diseñador gráfico" y... ¡no, quítatelo de la cabeza! Los iconos pueden funcionar, pero no tienen por qué Queremos ganar dinero, no queremos tener que explicar nada, pero todo debe ser inmediatamente comprensible y el texto es malo si es mucho texto, pero si puedo presentar las características de mi producto en viñetas claras y bonitas, entonces eso es mejor que tener que pasar dos semanas desarrollando iconos. 

¿Cuál es su experiencia al respecto? 

¡Espero tus comentarios! Ya sea en jdk.de/Podcast, donde también puedes encontrar todos los episodios, incluidas las ShowNotes, pero sobre todo existe la posibilidad de comentar y también hay enlaces a todas las plataformas donde puedes ver el podcast. Y, por supuesto, también se puede enviar un correo electrónico a jdk@jdk.de. Y cuando nos fijamos en la página, jdk.de/Podcast, casi no hay iconos en ella, sólo aquellos en los que se utilizan logotipos. De Spotify, de Facebook, de Twitter, de Linkedin. Y el único icono que hay, y no me gusta nada, es un corazoncito que muestra la frecuencia con la que las entradas del blog, los podcasts están organizados como entradas del blog, han gustado en mi página web. 

Y aquí, el corazón quizá esté bien, porque también se usa en Twitter y demás, pero un like y un thumbs up quizá se entiendan mejor, pero el proveedor del plugin probablemente no lo tomó aquí porque hay problemas de branding. Y puedes ver de dónde vienen estos problemas a menudo: Esto está en la plantilla, esto está en el plugin, esto estaba en el conjunto de iconos. Pensé que podía dejar este corazón, pero si tuviera una tienda online y realmente tuviera que describir mis productos con él, entonces no podría usar el estándar, así que tuve que pensar en cómo podría hacerlo mucho mejor individualmente? Y entonces sólo el texto sin el icono probablemente sería mucho mejor.

Así que no hagas chistes malos y no construyas malas tiendas online y ¡vuelve a unirte a nosotros en la próxima edición del Conversion Hacker!

El próximo número será también un pequeño episodio especial, porque he grabado algunas de mis charlas y las publicaré pieza a pieza como ediciones especiales del Conversion-Hacker y en el futuro habrá un Conversion-Hacker semanal. Siempre en fin de semana, siempre en domingo, para que podáis escuchar un Conversion-Hacker a primera hora de la mañana del lunes para empezar la semana, y las ediciones especiales, intentaré publicarlas los miércoles. ¡Y ya empieza el próximo miércoles!