El Grupo Hojiblanca -ahora Dcoop- vendió la marca y una fábrica envasadora en Antequera a Deoleo a cambio del 10% de la empresa – que ahora vende a Ole Investments.
Categoría: Usabilidad
Sobre tratar a los demás como te gustaría que te traten a ti
La verdad es que hay una cosa aun mejor que tratar a los demás como te gustaría que te traten a ti: tratarles como les gustaría ser tratados.
Por qué prestar más atención a tus formularios en MailChimp
MailChimp es un servicio extremadamente usable de e-mail marketing. Es muy fácil construir o importar una lista, diseñar contenidos atractivos y empezar a lanzar campañas de e-mail. Pero parece que también es fácil quedarse ahí y dejar desatentidos detalles que influyen en la experiencia del usuario. El detalle más desatendido que yo he observado son los formularios de suscripción.
Al principio, como ya he mencionado, es fácil aunque a algunos se les pasa traducir los formularios al idioma de los usuarios y éstos acaban viendo los copys por defecto en inglés.
El verdadero bug en el proceso sucede cuando empezamos a segmentar las campañas. Para segmentar, a menudo importamos campos adicionales que permiten segmentar los usuarios por ejemplo por la tarifa que tienen en nuestra tienda o creamos grupos que permiten segmentarlos por el lugar donde se suscribieron a nuestra lista.
Sospecho que muchos vendedores y marketers que usan MailChimp no son conscientes de que estos campos automáticamente aparecen en el formulario de suscripción. Y si no son conscientes, me temo que es porque nunca han probado cómo se ve el formulario cuando un receptor clica en «Actualiza tus preferencias de suscripción», disponible desde cualquier campaña que recibe.
Algunos receptores clican. Porque quieren actualizar sus preferencias. Y es cuando se enteran de todos los tipos de tarifas que tenemos y de otros detalles de la organización interna de nuestra base de datos que pensábamos que nunca llegarían a ver. O, a veces, es cuando nuestra competencia se entera de nuestra estrategia de segmentación.
Lo he visto en microempresas, en pymes y en multinacionales, una y otra vez.
La solución es realmente sencilla, consiste en convertir estos campos en ocultos (hidden) y todo vuelve a la normalidad. Si no se hace, sospecho que es porque (1) de verdad nadie ha probado cómo se ven estos formularios en su estado completo (no embebido) o (2) se ha detectado el fallo pero hay una desconexión entre la persona que tiene conocimiento del ello y aquella que podría solucionarlo. ¡Una pena!
Si leen esto, ya no podrán decir que no fueron avisados.
La experiencia de usuario como estado mental de la empresa
At GDS we don’t have a ‘UX team’ and no one person has a job title that includes the term ‘UX’. We have designers and researchers who work as part of multidisciplinary, agile teams and who practice user centred design (UCD).
No se pierdan el último post de Leisa Reichelt sobre lo que para ella significa UX. Igual que con el marketing, llegamos más lejos si pensamos en la experiencia de usuario como un estado mental de la organización en lugar de como un área funcional y unas responsabilidades ligadas a un puesto de trabajo o departamento.
The truth is that, for many of our projects, the truly challenging user experience issues come not from designing the interface*, but from the constraints of the product that must be designed.
Interfaz de usuario no es experiencia de usuario (aunque sea una parte importante de la misma). O sea, todos somos diseñadores.
Nueve detalles de usabilidad para redactar entradas de blog
Los blogs, tanto los personales como los corporativos, siguen de moda. A la hornada de blogs que comenzaron su andadura antes del auge de las –mal llamadas– redes sociales, ahora se unen personas y empresas que llegan a los blogs tras llevar años usando Facebook y otras plataformas. A las finales, en estas plataformas uno no deja de ser un inquilino a la merced de un casero lejano que no conoce bien. Son plataformas de terceros. Ni míos ni tuyos. La madurez en la web, tanto para personas como para empresas, viene de la mano del dominio propio y del desarrollo de la identidad personal y corporativa en propiedades de uno mismo. La siguiente gráfica Venn de Avinash Kaushik explica el peso que deberían ocupar los sitios propios frente a los ajenos en la estrategia de comunicación y la de desarrollo de comunidad de las empresas.
Una de las diferencias entre publicar en Facebook y publicar en un blog propio es que en el primer caso las cosas vienen mucho más precocinadas que en el segundo. Un ejemplo: en las plataformas de terceros uno puede subir cualquier tipo y tamaño de imagen, la plataforma se ocupa de recortar y redimensionarla para que quede perfecta. Esto no pasa en nuestro blog donde por lo general necesitamos preparar las imágenes antes de subirlas. De la mano de más libertad y control, viene más responsabilidad. ¡Como en la vida real!
A continuación comentaré nueve detalles a los que interesa prestar especial atención si venimos al mundo blogger desde Facebook u otras plataformas de terceros. Requieren algo de esfuerzo adicional pero hay recompensa: convierten nuestro blog en un blog mucho más usable y por tanto querido y adorado por los usuarios.
Texto
Los primeros tres están relacionados con cómo tratar el texto en los posts.
1. Usar texto
A veces se quiere reusar en el blog contenido preparado no específicamente para el blog. Por ejemplo, un artículo de prensa que menciona la empresa y del que tenemos una versión escaneada, un folleto que preparamos para imprimir y colgar en la tienda o un montaje de cabecera de Facebook con nuestras últimas ofertas. Bien, estos formatos no funcionan bien en un blog y es mejor evitar subirlos como contenido de posts tal cual, es decir, como imagen. Respecto al artículo de prensa escaneado, hay grandes probabilidades de que lo encontremos en la web y lo podamos enlazar desde un párrafo –que redactemos nosotros mismos– dando contexto. El folleto y el montaje de cabecera de Facebook los podemos tomar como base para diseñar un post para el blog, con su título optimizado, sus encabezados, sus párrafos y sus imágenes.
2. Usar encabezados
Los encabezados estructuran el post y ayudan así al usuario a comprenderlo de forma más fácil. En este post que estás leyendo, el título del mismo es un encabezado de primer nivel –un h1 en lenguaje HTML, viniendo la h de headline–, los encabezados «Texto», «Imágenes» y «Enlaces» son de segundo nivel y el resto de tercer nivel.
¿Cómo se ponen los encabezados? En cualquier editor visual, tendremos algo parecido a la siguiente imagen para marcar las palabras como encabezado.
3. Sobre colores, fuentes, tamaños y alineaciones
Los colores, fuentes, tamaños y alineaciones son elementos del diseño global del blog y no deberían editarse a nivel de post salvo razones muy convincentes. El diseñador del blog ya definió estos parámetros cuando diseñó la plantilla. Si los párrafos salen alineados a la izquierda y en color gris 80% es porque el diseñador lo quiso así. Alineando al centro algunos posts, coloreando palabras o poniendo entradas enteras en cursiva –para poner prácticas que veo a veces– empeoramos la experiencia del usuario que navega por nuestras páginas porque estamos rompiendo una de las reglas básicas de usabilidad: la consistencia. Una forma de asegurarnos de mantener la línea gráfica del blog en los posts es desactivar el editor visual. Requiere que aprendamos a poner encabezados en lenguaje HTML pero es un coste muy pequeño a cambio de un blog más usable.
Imágenes
Cómo tratamos las imágenes de nuestro blog afecta tanto la accesibilidad y la optimización del blog como su usabilidad.
4. Imágenes destacadas
Muchas plantillas de blog requieren que cada post tenga su imagen destacada. Ésta se muestra en carrousels, listados de posts, como primera imagen de post y a menudo sale como imagen por defecto al compartir la entrada en medios sociales. Como imagen destacada es recomendable escoger imágenes limpias e impactantes al primer vistazo, pues su cometido es enganchar a nivel emocional. Por lo general (y siempre hay excepciones), no querremos usar como imagen destacada montajes, imágenes con texto o imágenes demasiado complejas que pidan un esfuerzo racional del usuario. Para eso tenemos el cuerpo el post al que solo llegará si no le asustamos con una imagen destacada sobrecargada.
5. El tamaño de las imágenes
Las imágenes que pesan mucho ralentizan la carga de la página y esto, a su vez, empeora la experiencia del usuario. Dependiendo de su necesidad, esperará más o menos segundos pero a partir de determinado momento se cansará y cerrará la página sin esperar que se cargue. Como tamaño máximo de imágenes optimizadas para web he leído recomendaciones en torno a 80-100Kb. Me parece una buena referencia con el añadido que la web tiene lectores desde móvil, deberían ser preferiblemente incluso menos. Saber mirar el tamaño de la imagen y saber retocarla hasta reducirla a tamaño optimizado para web es parte de las habilidades requeridas para editar un blog.
6. El nombre del fichero
El nombre del fichero no es algo con el que el usuario se encuentre a menudo pero tiene su importancia para la optimización mediante palabras clave. Poner al fichero nombres para humanos en lugar del nombre que por defecto le pone la cámara sí puede impactar en la usabilidad si el usuario descarga nuestra imagen.
7. Título y título alternativo
Todas las imágenes que subamos a nuestros posts, sean destacadas o intercaladas, deben llevar título y título alternativo. No sólo son, igual que el nombre del fichero, importantes para la optimización por palabras clave sino suponen una ayuda al usuario. Rellenando estos dos campos conseguimos que el título de la imagen aparezca al pararse el cursor sobre la imagen, que el título salga cuando el navegador del usuario no puede cargar imágenes o que el título sea leído por programas que usan personas con deficiencia visual.
Enlaces
Los hiperenlaces son los conectores sin los cuales la web sería un directorio de páginas aisladas las unas de las otras.
8. Ser generosos enlazando
En muchos blogs, los enlaces brillan por su ausencia. Esto priva a los lectores de contexto. Sin contexto es más difícil entender el mensaje que queremos transmitir. Hay buenas razones para ser generosos con los enlaces en marketing de contenidos y la usabilidad solo es una de ellas. Desde aquí animo personalmente a todo blogger a usar enlaces, tanto externos como internos del sitio, de forma abundante en sus entradas.
9. Evitar enlaces tipo «Clic aquí»
El problema de escribir «clic aquí» o «aquí» para poner un enlace es que saca el enlace de su contexto. La palabra o palabras que llevan enlace se llaman el ancla del enlace. Es buena práctica usar anclas contextuales. Si queremos señalar que un PDF es descargable, un ancla genial es un botón o en su defecto un texto que ponga «Descarga el PDF» (en lugar de «Descarga el PDF aquí», con el «aquí» de ancla). Esto es aplicable para todo tipo de enlaces. Busquemos la palabra o las palabras que mejor contexto dan al enlace, enlacémoslas directamente y olvidémonos de los «aquís». Si mis argumentos sobre el «clic aquí» no resultan suficientemente convincentes, recomiendo un post en UXMovement sobre por qué los enlaces nunca deberían decir »clic aquí» que explica también otras cosas, por ejemplo por qué es mejor enlazar sustantivos frente a verbos.
***
Hasta aquí llega mi selección de detalles a los que prestar atención al redactar entradas de blog si queremos que nuestro blog sea y siga siendo usable, o sea, si aspiramos a ser queridos y adorados por los usuarios. Como siempre, agradezco correcciones y sugerencias en comentarios.
Canal RSS capado o cómo desaprovechar un canal directo
Yo que asociaba con la Agencia Tributaria esas salas enormes llenas de mesas donde funcionarios te tramitan documentos. Pero no. No todo es esto. Parece que la Agencia Tributaria a veces se embarca en aventuras mucho más interesantes. En concreto, lo hacen los funcionarios de Vigilancia Aduanera.
Eso sí, que tengan el canal RSS capado es feo y un desaprovechamiento tremendo del canal directo con el usuario. Pero tampoco es lo peor. Cuando clicas para ver la noticia, aterrizas en la portada de la web, sin más pistas para ver la noticia. El contenido no está disponible en toda la web más que en un PDF.
Suelo pensar que a los suscriptores al canal RSS hay que respetar y cuidar mucho, pues son los más interesados en los contenidos de la marca. Me parece mal castigarles enviando solo el título o solo la entradilla del contenido, obligándoles –con ansia de aumentar visitas– a cargar una web que no querían cargar (por eso se suscribieron). Si la marca en cuestión es una agencia pública, el fallo es –si cabe– aun más grave.
Aviso de Adwords en el móvil de que un resultado de búsqueda es publicidad
El otro día comentaba un estudio del año pasado que llegaba a la conclusión que, aun en 2012, la mitad de los usuarios no diferenciaba resultados orgánicos de resultados de pago en las páginas de resultados de búsqueda de diferentes buscadores.
En el caso de Google, este estudio mostraba a los sujetos del experimento la típica página de resultados en las que los anuncios salen con un fondo amarillo muy claro, visualmente apenas distinguible del fondo blanco de los resultados orgánicos. El caso es que lo que vengo observando en el móvil –no sé cuánto tiempo lleva así, la verdad– es algo muy diferente.
En el móvil, la señalización de los anuncios de búsqueda adquiere dimensiones completamente nuevas. No sólo se señala de forma muy llamativa la palabra «Anuncio», sino que los anuncios quedan contenidos en una caja separada de los otros resultados (ésta segunda señalización también se observa para otros tipos de resultados como los del Knowledge Graph o los resultados geolocalizados).
Parece claro que tras ver una página de resultados así es bastante más difícil no percibir los anuncios como lo que son: anuncios. Uno de los mensajes de aviso de publicidad más claros que he visto, por cierto.
Por qué he quitado mis enlaces afiliados de Amazon
Básicamente, por lo que se ve en la imagen: un banner indeseado que se coló entre los libros que he elegido. Seguro que estaba en los términos y condiciones –no me los leí– pero también estoy segura de que no me gusta. O’Reilly, por ejemplo, no mete banners sorpresa entre los libros que elijo para anunciar. Buscaré otra tienda que tenga los libros que he leído y ofrezca enlaces afiliados. ¿Tenéis experiencia con alguna?
Actualización: Jose ha sugerido que los banners intrusos quizá correspondan a enlaces a libros ya no disponibles. Reconozco que no he comprobado si reemplazaban un enlace concreto. Como ya he borrado el HTML, no puedo comprobarlo. Si este fuera el caso, tampoco me parecería usable por parte de Amazon, pues no es lo que el usuario espera. Lo esperable sería no poner nada y avisar al afiliado.
Usabilidad del favicon
Un favicon por lo general es usable si ofrece un vínculo visual claro con la página. Mi favicon actual, por ejemplo, no lo es. Es un avatar mío de 2009 que ya no uso en ningún otro sitio. Pero viendo el favicon circular de Canvas al lado de una pestaña de Firefox que está recargando página, creo que también es interesante chequear que el favicon no se parezca a las señales visuales que los navegadores usan en el mismo sitio. En el caso de Canvas, por ejemplo, podría cambiarse el color para evitar la confusión.
Tres razones para el (mejor) uso de los hiperenlaces en marketing de contenidos
Una de las cosas que me suele llamar poderosamente la atención cada vez que miro posts y blogs corporativos y otros contenidos web que entran en la categoría de branded content, es la poca presencia e incluso la ausencia de hiperenlaces.
Se puede debatir por qué el hiperenlace, uno de los elementos más antiguos de la web, no tiene más presencia en los contenidos web de empresas y marcas. Entre las causas está probablemente la falta de experiencia de bloggers y editores –comprensible, pues aunque es tendencia, el marketing de contenidos al alcance de cualquier empresa no deja de ser muy reciente–, o el miedo a meter la pata –también comprensible, pues el mercado en un bicho complejo y, además, las personas que escriben o llevan el blog a menudo no tienen clara la estrategia detrás del mismo.
Sea cual fuera la causa de esta ausencia, hay razones para investigarla e intentar remediarla. Les daré tres: (1) mejorar la usabilidad, (2) crear conversaciones y (3) SEO.
1. Hiperenlaces y usabilidad
Un texto es usable cuando la persona que lo lee –el usuario– lo puede comprender con facilidad. Esto requiere de un marco común de referencias con el usuario. Resulta que los hiperenlaces sirven justo para eso: para proporcionar contexto. En un entorno de abundancia informativa, cuando incluso las máquinas necesitan contexto, los humanos nos sentimos directamente perdidos sin él. Si lo que proporcionamos a nuestros usuarios es un sentimiento de estar perdidos, no nos leerán. Si, en cambio, les ofrecemos un relato coherente donde las piezas encajan, se engancharán.
2. Hiperenlaces y conversaciones
Las conversaciones en el contexto del mercado son la gran promesa —aun no cumplida— de la Red. Todo el mundo las quiere, muy pocos las tienen. Bien, el hiperenlace es uno de los elementos más sociales de la web. Usado con arte, se convierte en generador de conversaciones con otros espacios de la web –de clientes, proveedores, empleados y otros stakeholders— que forman parte de nuestro mercado o que queremos que lo hagan. Para que estas conversaciones no caigan en la hipocresía o la estupidez colectiva, nada mejor que echar mano del sentido de humor y la ironía. Los aliados en esto: el lenguaje y… el hiperenlace. Si queremos convertir el Cluetrain en realidad en algún momento del futuro, créanme, necesitaremos más hiperenlaces y no menos.
3. Hiperenlaces y posicionamiento
Los blogs con contenido original y de actualización frecuente posicionan bien. Pero posicionan aun mejor si bloggers y editores hacen un buen uso de los hiperenlaces, tanto de los que apuntan fuera de nuestro dominio como de los auto-referenciales. Los enlaces son las piezas que dicen a los motores de búsqueda donde situar nuestro dominio en ese mar de redes y discursos que es la web. El hiperenlace es el contexto que aportamos junto al contenido, necesario tanto para los humanos como las máquinas al servicio de los humanos. El marketing de contenidos bien hecho es marketing de contenidos y contextos.
*
Estos tres ejes del uso de los hiperenlaces –usabilidad, conversaciones, posicionamiento– también sirven para poner los contenidos web y en especial los blogs y posts propios o los de la competencia, bajo lupa, descubrir puntos débiles y pensar en cómo se podría hacer uso –o mejor uso– de los hiperenlaces. Las siguientes preguntas podrían ser un buen punto de partida para eso.
- ¿Qué porcentaje de las personas que quiero que lean este blog tiene el contexto para entenderlo con facilidad? Si la respuesta es menor a 50, ¿puedo hacérselo más fácil con enlaces?
- ¿Hay enlazados otros actores de mismo mercado en el blog? ¿Hay enlaces a los contenidos que sirvieron de inspiración? Si no ¿por qué no? ¿No están en formato enlazable? ¿Da miedo enlazarlos?
- ¿Cuál es el índice fuera / dentro de los enlaces que ponemos? Si está consistentemente por debajo de más o menos 0,20–0,30 ¿seguro que enlazarnos, una y otra vez, a nosotros mismos es lo mejor para los objetivos de negocio?
- Nuestros enlaces hacia fuera ¿muestran un mapa diverso? ¿O enlazamos siempre la Wikipedia? Porque eso ya lo hace Google, ya lo hace la máquina más rápido y mejor.
Una cosa más y termino. Elegir los hiperenlaces es divertido y aporta a bloggers y editores oportunidades de aprender. Usarlos de forma consistente pone en marcha bucles de realimentación que, a medio-largo plazo, ayudan a generar más inteligencia de mercado para la empresa siempre que –y esto nos devuelve a lo que comentamos al principio– bloggers y editores conozcan íntimamente la estrategia de negocio que hay detrás de la estrategia de contenidos.
Imagen: Iconmonstr