Una pince­la­da de geniUX

Van Gogh

En el ver­a­no de 1881, el joven pin­tor se enam­oró per­di­da­mente de su pri­ma Cor­nelia Adri­ana Vos-Strick­er, o ​“Kee”, para sim­pli­ficar (por motivos de usabil­i­dad). El tim­ing de Vin­cent fue pési­mo: Kee acaba­ba de quedarse viu­da, no esta­ba para aguan­tar a pari­entes den­sos y sobre todo, no tenía el más mín­i­mo interés en el tes­taru­do artista.

Su respues­ta à la declaración de amor fue un escue­to ​“Nun­ca, no, nun­ca”. Poco mar­gen para la interpretación.

Pero Vin­cent era un joven muy apa­sion­a­do que se nega­ba a acep­tar la der­ro­ta, y se plan­tó en Áms­ter­dam para demostrar su deter­mi­nación. Cuan­do el padre de Kee se inter­pu­so y le impidió ver­la, Vin­cent puso la mano sobre una vela y juró que­marse has­ta que le dejaran entrar. El numer­i­to dramáti­co no fun­cionó, y se quemó, lit­eral­mente, de amor.

Este episo­dio fue solo un capí­tu­lo de una vida de bril­lantez, ímpetu, urgen­cia cre­ati­va deses­per­a­da, belleza y asom­bro. Sufrió una enfer­medad men­tal y luchó toda su vida. En el amor, en el arte, en las amis­tades, en la dis­ci­plina del tra­ba­jo. Y siem­pre se esforzó demasiado.

Nues­tras webs tam­bién se esfuerzan demasi­a­do. Prés­tame tu ore­ja, que te cuen­to por qué.

Van Going

Nave­gación. Bar­ra de anun­cios. Mega­menú. Número de aten­ción gra­tu­ito. Por­tal de cliente. Acce­so de dis­tribuidores. Chat en direc­to. Noti­fi­cación push. Ban­ners en scroll. Más ven­di­dos. Desta­ca­dos. Novedades. Bus­cador. Car­ri­to. Catál­o­go. Ban­ner pro­mo­cional. Show­stop­per. Tex­to enrique­ci­do para SEO. Lis­ta­do de pro­duc­tos con fil­tros. Últi­mas noti­cias. Enlaces sociales. Y feeds. Pop-up.

Nues­tras webs son un caos de cosas amon­ton­adas. Inver­ti­mos aten­ción, tiem­po y dinero en con­seguir vis­i­tantes, solo para soltar­los en esta mod­er­na casa dig­i­tal de acu­mu­lación com­pul­si­va, con­fian­do en que sabrán ori­en­tarse porque el ​“rui­do visu­al” ya es la nor­ma y todos esta­mos acos­tum­bra­dos a él, ¿no?

Vaya que sí. Pero nos equivocamos.

• El 45% de los vis­i­tantes aban­donará la web de inmediato
• El 53% de los vis­i­tantes des­de el móvil se irá si tar­da más de tres segun­dos en cargar
• El 80% de ellos no volverá

El rui­do visu­al es fric­ción. Esper­ar equiv­ale a roto. Muy mal.

Esto está rela­ciona­do con Aspec­tos clave del dis­eño UX en eCommerce

Van Gone

¿Sabías que Van Gogh repinta­ba el mis­mo lien­zo una y otra vez para ahor­rar dinero?

Ajus­tar tu dis­eño una y otra vez tiene el mis­mo efec­to. Algu­nas ideas:

No te hagas el héroe

¿Esas imá­genes enormes que rotan al prin­ci­pio de tu web? Pues no. El NN Group demostró hace tiem­po que la primera dia­pos­i­ti­va se lle­va toda la aten­ción, con el 40% de los clics. Estás divi­di­en­do esfuer­zos en el espa­cio más impor­tante de toda tu web —el que se ve sin hac­er scroll— mien­tras eje­cu­tas scripts y car­gas imá­genes pesadas.

La veloci­dad del sonido

Muchos grandes nom­bres como Ama­zon ya nos dijeron hace años que la veloci­dad de car­ga es igual a éxi­to.1% más rápi­do de car­ga = 1% más ventas.

Recor­ta el peso de tu home durante unas sem­anas. Retrasa los scripts que no son impre­scindibles para la expe­ri­en­cia de usuario, pri­or­iza el con­tenido esen­cial y car­ga en segun­do plano, de for­ma asín­crona, todo lo que no lo sea. Luego, mide resul­ta­dos. Hay her­ramien­tas como Google Tag Man­ag­er que te lo ponen fácil.

Una ima­gen vale más que mil palabras

9 de cada 10 deci­siones de com­pra están influ­idas por la estéti­ca. La cal­i­dad del dis­eño gen­era cred­i­bil­i­dad porque esta­mos pro­gra­ma­dos para aso­ciar belleza y armonía con deseabil­i­dad. Pero la belleza sola no basta.

Esta­mos pele­an­do por la aten­ción, y un copy soso lle­va a unas ven­tas igual de sosas. Di lo que impor­ta, pron­to, claro y de for­ma atrac­ti­va, porque al final, las webs son anun­cios. No en el sen­ti­do mod­er­no de la pub­li­ci­dad de pago, sino como los anun­cios a toda pági­na de la era Mad Men: los de toda la vida, los del domin­go en el periódico.

Com­bi­na dis­eño y sto­ry­telling para crear una web que conecte con tu audi­en­cia. Testea tu copy y tus imá­genes para ver qué es lo que les hace hac­er clic.

Esto está rela­ciona­do con Sobre el copy­writ­ing que no da pena

A mi manera

La gente usa las cosas a su man­era. Cada uno toma su pro­pio camino. A unos les encan­tará un menú enorme con mil posi­bil­i­dades. Otros sen­tirán paráli­sis por exce­so de opciones. O abrirán veinte pro­duc­tos en pes­tañas dis­tin­tas. O irán direc­tos al buscador.

Si no sabes cómo se usa tu web, no puedes mejo­rar­la. Aprende qué hace la gente. Échale un ojo a Clar­i­ty o Hotjar.

Esto está rela­ciona­do con Obse­sion­a­dos con arreglar

Atrá­pame si puedes

Atraer vis­i­tantes nuevos cues­ta un esfuer­zo enorme. Entre el 1% y el 3% com­prará. La mitad se irá. ¿El otro 47%? Se man­ten­drá razon­able­mente indifer­ente. Solo está miran­do. Usa el dis­eño para lle­var­los hacia tu mejor con­tenido. Cap­ta su aten­ción y sus datos para con­stru­ir una relación has­ta que estén listos.

Esto está rela­ciona­do con Gratis total: cada píx­el es una val­la publicitaria

No me falles

Los gas­tos extra, como impuestos y gas­tos de envío, hacen que el 39% de los vis­i­tantes se vaya.

A todos nos ha pasa­do. Te gus­ta algo que cues­ta 40 €. Con impuestos, se con­vierte en 48 €. De repente, ya no resul­ta tan atractivo.

Fija expec­ta­ti­vas claras: sobre costes extras, pla­zos de envío, devolu­ciones, garan­tías, pagos frac­ciona­dos. Haz que esta infor­ma­ción sea vis­i­ble, clara, fácil de enten­der y esté pre­sente en todas partes.

A grandes rasgos

Aunque nun­ca he sen­ti­do el impul­so de cor­tarme una ore­ja ni nada ni remo­ta­mente tan dramáti­co, últi­ma­mente he esta­do pen­san­do en Van Gogh. Quizá porque vivi­mos tiem­pos col­ori­dos y un poco locos. De esos que pueden hac­er­nos esforzarnos demasi­a­do, y que­marnos, fig­u­rada­mente y por vol­un­tad propia.

Deberíamos aprovechar al máx­i­mo nue­stros esfuer­zos, y sim­pli­ficar es la clave para con­seguirlo.

Es mejor ten­er una web inacaba­da que fun­cione, que ten­ga buen aspec­to y que deje las condi­ciones claras —y que puedas ir reto­can­do poco a poco— que una even­tu­al obra maes­tra que haga que cualquiera que la mire más de 15 segun­dos quiera pin­tar­lo todo de negro.