Además de haberse lanzado recientemente y llevar los tres la letra Q en su nombre, todos ellos proponen nuevas formas de buscar información online y ofrecen nuevas maneras de presentar esa información al usuario.

Quora, la nueva “red social de moda” organiza la información en forma de preguntas hechas por los usuarios y respondidas también por ellos (Q&A).  Las preguntas/respuestas  pueden seguirse, votarse y en algunos casos, editarse. También puede seguirse a los usuarios. La novedad en este caso no está en la presentación visual de los resultados, ni en la organización de la información en forma de Q&A (que ya conocíamos enYahoo Answers o  Google Answers), ni en las funcionalidades sociales, sino en la combinación de los 3 aspectos junto a su facilidad de integración con tus cuentas en otras redes como Facebook, Twitter o tu propio blog.

Boutiques.com, otro producto de la factoría Google, destaca por realizar las búsquedas basándose en semejanzas visuales (aunque nada tenga que ver con su app para móviles Goggles).  En este caso, el usuario previamente registrado, define su “estilo favorito”  marcando las prendas que le gustan (“Love”), pero también las que odia (“Hate”). Puede navegar por tipos de prendas de ropa, por marcas y por combinaciones de prendas basadas en los estilos de los famosos (“celebrities”), en los diseñadores, marcas, etc. Y puede seguir marcas, tendencias, diseñadres, otros usuarios, etc.

El manejo de la herramienta resulta un poco farragoso al principio por la multitud de posibilidades que ofrece. Además, lleva su tiempo definir tu estilo al inicio (y si además no lo tienes muy claro, las sugerencias posteriores no aciertan del todo). Pero el sistema va refinando a partir de las nuevas opiniones que le vas dando y supongo que al final será bastante certero.  Se vislumbra un gran potencial en este tipo de búsquedas orientadas al consumo, en una sociedad como la nuestra, en la que la imagen personal y la moda tiene mucho peso.

Qwiki es algo completamente distinto en su planteamiento. Pero tiene en común con los anteriores que plantea una nueva forma de búsqueda y recuperación de la información. La forma de buscar es la habitual: un campo de texto que, a medida que escribes, te sugiere resultados (aquí con texto, foto y unas primeras líneas).

Pero la forma en la que ofrece los resultados resulta mucho más atractiva de lo habitual. Automáticamente monta una presentación audiovisual con los datos e imágenes fundamentales o más relevantes sobre el tema, con enlaces a otros recursos y, lo más importante, narrada en audio, como si un profesor te lo estuviera contando (la voz es femenina y bastante agradable, por cierto).

Es sorprendente su rapidez, me recuerda a algunas escenas de películas de ciencia ficción.  Y enorme es el potencial de este tipo de presentación de resultados. Porque no olvidemos que los “nativos digitales” tienen un concepto de la información completamente audiovisual y para ellos, esta es la forma  natural de consumirla. Dentro de unos años, las búsquedas de hoy en google nos parecerán propias de “la Web en pañales”.

En dos palabras: Tablets multitáctiles. Llámense iPad o llámense como ustedes lo prefieran. Son la última moda, el gadget definitivo, como lo fueron los netbooks el año pasado, son cools, son seductores, son útiles, y nos gustan esas miradas de sorpresa y cierta envidia cuando lo sacamos en un parque, un avión, el tren o en una reunión de amigos. Nos hace ganar puntos, son ese descapotable con el que soñamos pasearnos por nuestra ciudad.

Y como profesionales de la interacción imaginamos mundos multitáctiles, cosas que se arrastran, se mueven, fluídas transiciones que nos llevan suavemente al control del acelerómetro, -Uffff todo lo que puedo hacer con esto- es como el País del Chocolate para Homer Simpson, otros piensan que han despertado en Wonderland y aún buscan al conejo con chaleco.

Pero tanta interacción conlleva una gran responsabilidad. Y entonces, es cuando decides volver la vista atrás, buscando antecedentes para no cometer los mismos errores. Y en la lejanía aún se aprecia la irrupción de Flash en la web, cuando todo eran etiquetas blink parpadeantes y gif’s animados surgió de la nada una tecnología que permitía hacer lo inimaginable. Y perdimos la cabeza. Decidimos sorprender tanto al usuario, que este se desesperaba esperando a algo, que no sabía donde pinchar, que se perdía con tanto movimiento y no lograba focalizar su atención. Que sí, que suena a primero de usabilidad y estándares web, pero o tenemos en cuenta los patrones de uso y comportamiento de los usuarios con aplicaciones multitáctiles, los escenarios de uso de las aplicaciones y las curvas de aprendizaje o nuestra flamante interacción no servirá de nada. La gente prefiere pagar un billete de avión que aprender a manejar su propio avión, salvo John Travolta claro.

Sí, he comparado el iPad con su archienemigo Flash, y esta noche pienso dormir muy tranquilo

La banca ha sido tradicionalmente un sector muy conservador en sus maneras. Basta entrar en la mayoría de oficinas de bancos para darse cuenta de que hasta en el vestir de los empleados impera lo clásico. Salvo algunas excepciones como las Canchas de Caja Navarra, también la distribución y decoración de las oficinas es poco innovadora. Y sus websites parecen seguir esa misma tónica.

Los sites de tres de los bancos más importantes de EEUU parecen calcados uno del otro:

Bank of America

Citibank

Wells Fargo

Y en nuestro país también varios de los grandes bancos tienen un diseño muy similar entre sí y no demasiado actual, como se puede ver en los websites de Banesto, Banco de Santander o Banco Popular.

En todos estos ejemplos, el diseño de las homes resulta un poco sobrecargado: demasiada información sin que se detecte a primer golpe de vista qué es más importante (ni para el cliente ni para el banco). Son diseños tipo “portal” poco orientados a la conversión y poco seductores.

Alguno de los grandes se “salva” en parte, como el Barclays con sus geniales ilustraciones, o el BBVA,  con un diseño más ligero, unos copys muy directos y centrado claramente en las necesidades del usuario-cliente.

Barclays

BBVA

Sin embargo, en el mismo sector financiero han proliferado otro tipo de websites que responden a patrones de diseño mucho más actuales: son los sites de las nuevas aplicaciones online de finanzas personales, surgidas en su mayoría de empresas tecnológicas jóvenes.

Su orientación está muy alineada con la participación propia de la Web 2.0 y las redes sociales. Su diseño es más fresco e informal. Pero además tienen muy claro que el website es una inversión que, para ser rentable, debe lograr la conversión. Y el diseño de sus páginas está claramente orientado a lograr esa conversión.

Mint

Wesabe

SmartyPig

La evolución natural de estos servicios web la encontramos también en las nuevas aplicaciones para dispositivos móviles como  Square o  Moneybook . Las interfaces táctiles de estas aplicaciones pensadas para iPhone y iPad persiguen una simplicidad aún mayor en el diseño.

En estos tiempos de evolución vemos que la banca se está quedando rezagada en cuanto innovación en el diseño de sus websites. Si queremos hacer smartsites de bancos, ha llegado ya el momento del cambio…

Last Monday a bright brand new iPad came to Biko.

After hanging around with some free apps on the iPad, we’ve appreciate some good (win!) and not so good (fail!) practices on user experience solutions on those apps. That’s essential work before designing our new apps!

iPad user experience first ideas

While the Internet is the hypertext world, infinite, endless, the iPad is a closed box, where apps have a start and an end. The user needs to get this feeling of closure, and we need to build that appearance with the application’s information architecture and user interface structure.

iPad is a new gadget, however, users will make some assumptions, because they’re iPhone users, because they’ve used before a tablet… or even because of their real world experience. It’s important to keep this in mind.

First of all, and due to my user experience profile, the approach is based on usability heuristics (read more on useit.com).

Usability heuristics

1. Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover from errors
10. Help and documentation

iPad User Experience Guidelines

Furthermore, there are some more rules, given by Apple’s iPad User Experience Guidelines. Here are a few of them:

[...]
The best iPad applications elevate content and interactivity by doing three things really well:

• They downplay application UI so that the focus is on the content that people want.
• They present the content in beautiful, often realistic ways.
• They take full advantage of device capabilities to enable enhanced interaction with the content.

[...]
The large screen mitigates people’s desire to rotate the device to landscape to “see more”.
[...]

So it’s regarding to those basis that we’ve summarized some findings.

But there’s no valid conclusions without testing, so we’ve made some guerrilla user testing with a few apps as well. (Tasks were as simple as browsing latest news, reading an article, zooming on an image, sending by email or zooming text).

Fail! (not so good practices on the iPad)

Apple user interface guidelines recommend simulating reality (3D effects) for our iPad developments: creating something what it is not.

The same as we do on a laptop, we think that’s it’s not a good idea to imitate real world as it is. Don’t imitate a real newspaper as it is, don’t imitate real page swiping like PDF reader… (Yahoo Entertainment imitates a living-room or small pieces of paper with scroll inside of them…).

Yahoo Entertainment list

Congleton Chronicle Web Pdf reader style

Static click for swiping pages (horizontally).
Lilliputians action buttons (like nav bar on Apple Photos or Marvel app).Dangerously too close action buttons (as seen on Google Maps).
Unstandard navigation bar (Reuters, Editor’s Choice -NY Times-).
Slight use of split view and popover menus, as defined on Apple’s UX Guidelines.

Google Maps too close and not big enough buttons

npr

• Same layout on portrait and landscape article view

Editor’s Choice (New York Times)

• Lack of zoom feature, even on image or text visualization (small to read for mature aged people)
• Section access on bottom nav, top nav with no functionality (link to home page)
• Doesn’t stops video playing when changing to another page / when page swiping
• Unexpected elements: when clicking an article image, we discover that there are more images, it’s a slideshow! But we didn’t know there where more images while reading the article…
• Logo doesn’t link to home page

Wall Street Journal

• There’s no clear menu, is not using standard top navigation bar
• Tiny option buttons on a bottom navigation bar
• Hidden option buttons, as text size buttons
• No click function on image to zoom or open slideshow

The Wall Street Journal home

Reuters

• Into an image slideshow/zoom you can get into an endless loop (foto reuters)

Reuters endless loop: click on an image, then see the article (top right button) into the popup, then click the image into the popup...

Win! (good practices on the iPad)

Help the user to focus on the content, not on the design.
Bring a natural navigation. Even for someone who has just tried a few times the iPhone, pinching in and out is a natural action. Same for scrolling and swiping. Go on then, use them in your applications!

Not taking literally Apple’s UI guidelines, but interpreting them: try with a natural user interface that doesn’t need to be learned, something that invites to a natural use of the application. That’s, indeed, one of the key points of usability!

Built-in ads that doesn’t bring you out of the app (to Safari, eg.)

Change your grid when resizing font-size. The best number of characters per line is between 55 and 75 (it depends on the Font Family). So it would be nice to decrease number of columns when the font size gets bigger.

Use some UI iPhone standards, but adjusted for the iPad app: as top navigation bars, with back and option buttons.

npr

• Home button
• Clear action buttons: mail, listen,
• Scrolling = read more, swiping more articles
• Zoom in/out on image visualization, zoom out to go back to the article
• Access to sections and top topics with popover menu

npr recognisable navigation options

Editor’s Choice (New York Times)

• Info bullets on image visualization
• Clear back to article button on image visualization
• Pagination icons to help consistency and user control

Editor's Choice (New York Times) Pagination

Wall Street Journal

• Initial navigation help, clear actions
• Pinch in to zoom in, pinch out to zoom out or to go back
• Double click to go in/ zoom in / adjust to full screen
• Section to section navigation, article to article navigation

The Wall Street Journal navigation instructions

Guerrilla iPad user testing

Have you tried to test your apps with an aged man? It’s easy! Here are some conclusions of the guerrilla testing we’ve made with my father Two young internet heavy user guys have participated aswell on the testing.

Natural first actions

• scrolling, then swiping
• pinch in to zoom in, or get text bigger
• pinch out to zoom out / get out of the main page
• clicking (even double clicking) to open an application, or go to detail

Other conclusions

• main iPad button as exit for everything, when not a home button visible
• natural zoom in/out on picture visualization
• top nav as main application options, then bottom nav
• gets easily lost when back or home buttons aren’t on a top nav
• expects same buttons / features on different apps
• quickly recognizes envelop icon as email feature, T- / T+ or A- /A+ as text size feature

iPad user testing video screenshot

Remember

It’s made to touch with your fingers (obviously), and not everybody have thin skinny ones. Be cute, make buttons big enough for a male adult index finger or thumb. Don’t make people struggle with thin icons that can be tapped various at once.

Place active areas where they don’t meet with other actions (button, link, ad…)

Scroll vs Swipe. Is scrolling on the iPad more natural than swiping? Against our first ideas, yes, it is. However, if scrolling not working, next natural action is trying to swipe.

Reuters uses both, scrolling and swiping actions

Popover menus: use carefully. Remember that usually, we assume that what we are not able to see, does not exist.

Be careful when applying Apple’s apps features: danger with pinch-to-expand feature. “Apple rejects iPad app for pinch to expand” arguing that that’s a feature “associated solely with Apple applications”.

Pinch to expand feature

Some questions

Same text size on portrait than landscape view? Would this be against Apple’s Guidelines? [...] avoid reformatting information and rewrapping text on rotation [...]
We’ve seen ust a few social options on the apps. Any strong reason? Socialize is now part of the real world, we are more likely to see those options on our apps.

All this thoughts are just a first approach, so we’ll keep on analyzing and working on our apps.

iPad ‘n Roll

Que soy un fanático del uso de prototipos lo sabe cualquiera que me ha visto “vicioseando” con un papel y un lápiz en mano y la sonrisa de que algo malo voy a hacer puesta en la cara. Y soy un fanático porque me ayudan a ordenar las ideas y a separarme del ordenador. Algo que valoro mucho y más ahora que gracias a la implantación de SCRUM en la empresa requerimos de nuestros focos de trabajo, en los que las molestias tienden a reducirse al mínimo.

Los prototipos son la representación del trabajo de consultoría concentrado en un papel. Muestran ideas y conceptos muchas veces complejos. Los prototipos hay que explicarlos, pero muchas veces no estamos ahí para explicarlos. El cliente se ha quedado solo, vuelve a repasar la documentación o se la enseña a otro compañero, y entonces necesita explicarlo. El cliente vendiendo nuestra idea. ¡Qué miedo!

Cuando el cliente se encuentra en esa situación es como si le dejáramos nuestro hijo a un kamikaze para que lo llevara al colegio. Puede que llegue sano y salvo, puede que llegue pero no se parezca en nada a lo que salió o, en el peor de los casos, puede que nunca llegue. Depende en gran medida de que le hayamos vendido bien la idea, de que los conceptos estén claros y de que lo hayamos convertido.

¿Cómo convertimos a un cliente en impulsor de nuestra idea? Con una presentación seductora del producto. Y en el caso de presentar unos prototipos ¿cómo lo logramos?

Solución 1: vendemos conceptos, vendemos una historia. Escenario de uso.

Sin especificaciones técnicas, sin diseño técnico de la solución. Vendemos un escenario de uso, un personaje y una aplicación real de la solución aportada.

Y una más…

Solución 2: el papel se mueve. Casos de uso.

A través de los prototipos mostramos un caso de uso, en el que el usuario realice una tarea.

Ponto i – Paper Prototyping from Felipe Sad on Vimeo.

Solución 3: montamos el show. Presentaciones seductoras.

Y quién mejor para vender una idea y que esta permanezca en el subconsciente de su audiencia durante mucho tiempo que Apple. Repitan conmigo: Great, incredible, amazing, simple, terrific…

Great, incredible, amazing, simple, terrific, great, great, incredible, simple, great, amazing, awesome! Y así hasta el infinito…. great!

… castana, castanya, castania… ¿cómo escribimos una palabra cuando no tenemos disponible la letra ‘ñ’?

Si bien esta es la letra más representativa de nuestro idioma, el castellano, no es la única que nos puede provocar más de un quebradero de cabeza cuando navegamos por la red, y nos encontramos a veces problemas con la codificación de los sitios, no sólo en los textos que están escritos, sino en las direcciones únicas que identifican a las Webs (URLs) que se llenan de signos y números a veces ininteligibles.

Desde hace unas semanas, la letra ‘ñ’, las tildes, así como otros carácteres de los alfabetos latino, griego o cirílico, ya se pueden registrar en los dominios de internet europeos (.eu), de forma que las 23 lenguas oficiales de la Unión Europea se podrán utilizar plenamente a la hora de crear un dominio europeo. Hasta ahora, por ejemplo, los checos solo podían usar 27 de los 42 carácteres de su alfabeto y, los lituanos, 23 de 32.

EURid, la entidad que gestiona los dominios de primer nivel ‘.eu’, pondrá a disposición de los usuarios por primera vez los “nombres de dominio internacionalizados” o IDN, según se ha podido leer por Internet, para que se puedan reflejar tanto la identidad europea de su propietario como su carácter local.

El nombre comercial de una empresa, la denominación de una ciudad o de un país, e incluso el nombre y apellidos de cada uno, podremos tenerlo disponible de forma literal para reflejar en cada dirección de Internet cuál es su signo de identidad (cómo nos conocen los demás). Esto es algo que puede hacer que nuestro sitio sea más seductor ya que los usuarios del mismo lo identifican más rápido y adquieren también ese sentido de “pertenencia“.

Pero ¿qué pasa cuando utilizamos un teclado que no tiene estos signos incluídos? ¿Cómo escribiría un americano en el campo “dirección” de su navegador algo tan sencillo para nosotros como www.españa.es? O más aún… ¿cómo escribiríamos nosotros mismos www.atenas.eu pero con su tipografía en griego (Αττικης)?

La recomendación es tan simple como trivial: utilicemos el sentido común y registremos también el dominio con los carácteres internacionalmente aceptados (a-z, 0-9 y guiones central e inferior) para que puedan llegar los internautas hasta www.espana.eu o el propio www.atenas.eu sin mayores dificultades.

Una vez en el sitio, es importante que hayamos hecho un buen trabajo previo para que la Web sea lo más SMART posible y, de un modo u otro, el usuario quiera volver una y otra vez porque, lo que buscaba, lo ha encontrado y además le gusta! Es decir, obtener conversión de nuestro sitio.

Para terminar, un dato: ¿sabías que el número de dominios ‘.eu’ ronda ya los tres millones?

Últimamente no paro de leer artículos que aventuran el declive de la web corporativa. Es el caso del post, de Gaby Castellanos, “La Web y el Microsite han muerto. Viva el Social Media”, o el de Marc Cortés (inspirado en el anterior) que puntualizaba “¿la web ha muerto? lo que ha muerto es la marca como foco de adoración”.

Y luego está este vídeo, “Cambios dramáticos en la realidad del marketing”, que me gusta especialmente por cómo exponen la idea, con guiños humorísticos y una representación visual que no deja lugar a la duda… ¿o sí?

Lo que está claro es que, con todo lo que ha cambiado internet, sería absurdo pensar que la comunicación y la presencia online de las marcas no vayan a sufrir modificaciones. Que éstas sean tan dramáticas como la apuesta corporativa de BooneOakley.com o la de Skittles, es otro cantar. Pueden parecer casos extremos, pero ¿no lo sería también plantear que la web corporativa se extingue?

Tengo la sensación de que los que trabajamos en el medio online creemos (con diversas puntualizaciones) que ese día está cercano, pero que el resto del mundo va a otro ritmo. Me explico. Mientras hablamos de que las marcas han perdido su terreno, que se han convertido en un actor más de la conversación, parece existir una gran masa de personas que utilizan los socialmedia a diario (por ejemplo, los adolescentes) y hablan de las marcas en ellos, pero que además, en su vida física, tangible, material…, siguen adorando las marcas exáctamente igual que hace años.

Por ejemplo, ayer me sorprendía descubrir cómo, en una peña (sociedad, garito) de jóvenes, colocaban en su puerta una pegatina de la marca de ropa Carhartt como sello de identidad. Y es que, como dice +joanjimenez en “No me compres”, somos lo que consumimos. O al menos nos gusta pensar que reflejamos la imagen de lo que consumimos. ¿No es esto amor por las marcas?

Y en un caso así, ¿tendría sentido que, por ejemplo, Carhartt eliminara su site corporativo y se volcara únicamente en el diálogo en redes sociales?
Parece lógico pensar que aquellas personas que se han lanzado a poner en su peña una pegatina (¡¡una pegatina, madre mía, si no hay nada tan 1.0!!) estarán interesados en consumir más sobre la marca. Y no digo tanto conversar con ella (que también, y el lugar para ello está claro), sino para conocer qué nuevas tiendas han puesto en marcha, por ejemplo. Algo que podría contar la marca en Facebook perfectamente, pero que no llegaría a aquellos clientes que no fueran tan fans como para seguirles de forma continua.

El Gobierno de Suecia intentó, de hecho, hacer algo parecido al caso de Skittles, sustituyendo su site ¡institucional! por referencias a su presencia social en las distintas redes.
Resultado: tuvo que retroceder sobre sus pasos y publicar de nuevo http://www.sweden.se. No parece prudente, por tanto, tirar para los extremos mientras no maduren los socialmedia, el marco de presencia corporativa en ellos e incluso sus propios consumidores.

Me encanta una frase del prólogo de “No me compres”, de Laia Orpella: “Las redes sociales no son un mundo aparte, seguimos siendo los mismos de siempre, aunque ahora hiperconectados”. Tanto hablar de la Generación Einstein y los nativos digitales nos ha hecho pensar que las nuevas generaciones llegan tan enchufadas que métodos de comunicación “arcaicos” como el site corporativo, la publicidad, etc. se van a quedar en la cuneta.

Puede que os sorprenda saber, a mí al menos me sorprendió, que, de los 40 universitarios de 1º de Comunicación que este año he tenido en clase, todos usaban diariamente Tuenti, la mayoría Facebook, pero sólo uno de ellos conocía y tenía Twitter y más de la mitad desconocía lo que era un post, los rss, un widget o el término ¡url!.

Supongo que es este perfil de usuario el que coloca la pegatina de Carhartt en su peña o al que le seducen acciones publicitarias que poco tienen que ver con los socialmedia, más allá de que utilicen Youtube para viralizar sus acciones. Es el caso del llamado “Flashmob“, que viene a ser un streetmarketing bailable ) que apasionó a mis alumnos de ¡4º!, como éste de T-Mobile en Liverpool Street o el de Beyonce en Picadilly Circus. O el caso de acciones ejecutadas en soportes tan 1.0 como son el cine o el teletexto.

Este tipo de estrategias de marketing, así como el buen site corporativo, buscan seducir al usuario. Ni siguiera que les compren, sino que les amen. Y es el mismo objetivo que tiene la marca que entra en los socialmedia. Parecen planteamientos complementarios si todos tienen un fin común, ¿no? Mejor sumar y evolucionarlos todos, que restar.

Me parecen buenos ejemplos de sites corporativos los de aquellas empresas que, no sólo están presentes en las redes sociales (dialogando en condiciones), sino que además le han dado un extra a sus webs:

1. Es el caso de Lego o NikeID (que permite diseñar tu propia zapatilla -ver más en “El branding en tiempos del cólera”-). Son marcas que utilizan Internet para desplegar servicios de valor añadido. Otro caso similar sería el de realmadrid.com, que ha colocado una interfaz previa al portal informativo con accesos directos a lo que ellos pueden darte en exclusiva: venta de entradas, carnet de fidelización…
No es la panacea de lo que debería ser un web corporativo, pero muestra cómo la entidad ha sabido priorizar los servicios más demandados por los usuarios frente a la necesidad interna de difundir noticias sobre el club (que eso, ya se lleva a cabo en otros soportes y por multitud de emisores).

2. También me gusta el posicionamiento de clientes nuestros como el Naturalista, que desarrolla en su web conceptos como el inconformismo, la curiosidad, la naturaleza, los pequeños detalles o la experiencia de vivir, caminar y avanzar, para transmitir sensaciones y lograr ese amor por la marca. De hecho, ellos tienen muy claro que no pretenden vender más con su site y, por eso, apuestan menos por seguir desarrollando su tienda online frente a otras secciones centradas en su propia filosofía.

3. O el caso de las newsletters del departamento de Turismo de Gobierno de Navarra. Este mes de noviembre se cumplen 3 años del lanzamiento del primer boletín. En aquel entonces, no se llegaba al millar de suscriptores y hoy se multiplican por diez.
Desde ese primer número, se han mantenido las áreas informativas principales, pero, en el último año, se ha fomentado la participación de los turistas que pueden enviar sus propias historias y verlas publicadas en la web, además de ganar un fin de semana en un alojamiento turístico de la Comunidad Foral.

La mayor evolución de estos boletines, ha sido indudablemente la gráfica. Este año destacan por una mayor integración y una separación más clara de los diferentes apartados, destacando en primer lugar el trabajo de los turistas que han presentado sus historias. Estos cambios han permitido obtener mejores resultados de conversión. Los más de 9.500 boletines enviados tienen un ratio de visualización del 60%. Pero es que, además, son boletines que los usuarios consultan también desde la web, por lo que, al final, las visitas a estos boletines ascienden a más de 10.500.

Se trata de dos ejemplos de empresas que aun recorrerán mucho en cuanto a comunicación social, pero que, a día de hoy, ya están utilizando sus sites corporativos para lograr seducir al usuario, para crear amor por la marca, algo complicado de lograr en estos momentos en otro tipo de plataformas.
Porque no se trata sólo de si la empresa necesita crear marca, sino de que los propios usuarios desean consumir marcas (el éxito de tiendas como Privalia o Vente-privee avala esto), asociarse a ellas, sentirse indentificados con sus valores, poner su pegatina…

Y si no, que se lo digan a los amantes de Apple y su iCoches. )

Euskomedia es un repositorio de fondos dedicados a la cultura vasca. Su objetivo es la difusión de artículos y fondos, y en esencia se basa en un modelo de páginas vistas. Cuantas más páginas, más difusión, así que en el rediseño que recientemente la Fundación Euskomedia ha realizado en colaboración con Biko, se buscaba aumentar la lectura de contenidos. Todo esto pasa por enseñar los fondos ocultos o poco accesibles, y resolver los problemas de lentitud del buscador antiguo de Euskomedia, utilizando para ello tecnología GSA de Google. Aquí explicamos cómo lo hemos hecho.

1. Plantea estrategias analizando el modo de lectura y la forma de entrar
Más que pensar en cómo es tu página, piensa en cómo la leen. Demasiadas veces un sitio está planteado teniendo en cuenta los deseos y aspiraciones de su propietario, que tiene la tentación irresistible de compararse con otros, pero no se piensa en el objetivo del usuario, al que normalmente tus ínfulas no le preocupan. Si el patrón de lectura es recurrente, como en un blog o un periódico, el lector entra por la página principal a ver qué hay de nuevo. Ese patrón requiere secciones fijas, predecibles, y conformes a los convenios en la web.

Sin embargo, si el lector entra de nuevas o esporádicamente, seguramente necesite un mapa que le indique el camino a seguir. Su punto de entrada puede ser de dos tipos:

• o bien entra en la portada, ya que tiene una referencia genérica;
• o bien llega a través de un enlace externo, directo a una página interior;

En el primer caso, es necesario que el lector no se vea ni abrumado ni se confunda. Ofrece dos vías: despliegue de secciones que muestren todo el contenido, y un acceso rápido. Ya sabemos que a casi nadie le gusta preguntar por el camino en una ciudad que no conoce. Hay que ponerlo fácil.

En el segundo caso, tenemos lo que se denomina una landing page o página de aterrizaje. La ventaja en este caso es que tenemos una idea muy precisa de qué es lo que quiere. Más sobre esto en el punto 5.

2. Necesitas que el usuario actúe: llama a la acción.
Si el usuario es recurrente y busca secciones, ponlas a mano. Constrúyelas pensando en los patrones de lectura, no en tu organización interna. Ya dijimos que no siempre es buena idea que tu organización sea totalmente transparente porque, en realidad, tus entresijos no le importan al usuario y muchas veces sólo pueden confundirle. Las secciones deben ser pocas, breves, y sus descripciones fáciles de entender, de manera que se sepa qué hay al otro lado del enlace.

En el caso de usuarios que no quieren usar tu organización de contenidos, y en el caso de usuarios que llegan y se quedan un poco perdidos, el buscador es primordial. Los mapas de calor y otras técnicas de medición de comportamiento demuestran que el buscador es el recurso más utilizado en una página. La explicación es sencilla: los usuarios nuevos echan un vistazo y, si tu arquitectura de contenido no les capta de inmediato o no les apetece aprenderla, van directamente al buscador. El buscador es el atajo que evita imponer una navegación al usuario renuente. Comprender la navegación requiere un esfuerzo que no todo el mundo desea realizar.

Aquí vemos cómo el buscador está casi a la altura del título de la portada. Al desplegarse, ocupa la zona más caliente y atractiva: todo lo demás pasa a segundo plano porque no le interesa al usuario en ese momento.

3. Insinúa lo que tienes. Anticípate.
Hoy en día la búsqueda es barata en términos de CPU y se puede externalizar. La consecuencia de esto es que se pueden lanzar muchas búsquedas simultáneas sin ahogar el motor. Puedes disponer de un servicio de “búsqueda mientras escribes” que, en cuanto el usuario teclea cuatro letras, ya puede lanzar búsquedas y ofrecer sugerencias. Esto es importante para romper el efecto Marple: al ir ofreciendo indicios de los fondos, guías al usuario hacia tu terreno. Al fin y al cabo, el mejor experto sobre tus fondos eres tú mismo y, por ello, eres el más indicado para dictar las buenas prácticas.

Las sugerencias se completan utilizando un diccionario auxiliar que lanza consultas difusas y responde con resultados extra si aparecen similitudes relevantes.

4. Clasifica. Enseña tu clasificación.
Puedes aprender más de una persona curioseando su biblioteca 10 minutos que hablando con ella 10 horas. No le obligues a pensar y a entender tu arquitectura de información, pero está bien ofrecerle de un vistazo un panorama de tu clasificación. Explota todos los metadatos disponibles que sean relevantes para que el lector pueda interactuar con ellos.

5. Sugiere caminos: si esto te ha interesado, también te interesará…

La GSA de Google no tiene (todavía) un sólido soporte semántico, pero permite hacer muchas cosas interesantes. Extraemos los términos clave de las entradas, especialmente basándonos en los títulos. Con eso construimos una caja de artículos relacionados.
Aunque los resultados no siempre sean relevantes con la entrada que se visualiza, buscamos un sistema que saque el muestrario. Los lectores ociosos y casuales descubren así nuevos fondos y sorpresas. Como la búsqueda es rápida, construimos las relaciones en caliente, y las entradas antiguas siempre están relacionadas con las modernas. Al ser un sistema automático, evitamos el sesgo del editor, y la tendencia irremediable de aquel a no relacionar contenidos manualmente.

Las sugerencias también persiguen reducir el uso del buscador, porque no nos fiamos de los términos de búsqueda del usuario. Antes, preferimos aproximarnos a sus necesidades ofreciendo contenidos en función de lo que está leyendo.

Al mismo tiempo, si el lector ha llegado del exterior directamente a una página interior, las relaciones seguramente afinen más con su intención de búsqueda. Si el contenido no es lo que estaba buscando, probablemente los contenidos relacionados le sirvan. En la práctica, estás construyendo una landing page basándote en los términos de búsqueda.

6. Un repositorio bien organizado es más aprovechable.
¿Recuerdas las clases de gramática y sintaxis del colegio? Si no les encontrabas utilidad práctica, esto puede ayudarte a sacarles partido.

En un proyecto de implantación de búsqueda, una gran parte del esfuerzo se dedica a organizar los contenidos. Si partes de una estructura limpia, donde se separa presentación de contenido, se identifican elementos relevantes (titulares, pies de foto, strong, em, h1, h2, h3…), y donde los metadatos son amigables, tienes una gran parte del trabajo hecho.

Además, una buena arquitectura de información en los contenidos permite simular capacidades semánticas y enriquecer las sugerencias. Y si, por fortuna, los contenidos están bien redactados, además de mejorar el SEO, el buscador será más preciso.

Concluyendo
Utilizando exclusivamente capacidades sencillas de búsqueda puedes construir una navegación adaptable al usuario, afinar el contenido que le ofreces y, en definitiva, ajustarte a sus necesidades. Aquí lo llamamos seducir. Si por tal cosa se entiende “atraer al usuario enseñando todos tus encantos”, entonces indudablemente es tu objetivo. Podemos hablar más del tema y son más que seis los patrones, pero me dicen que para seducir es mejor ir poco a poco.

Tradicionalmente, la única manera de saber qué es lo que quiere un usuario es preguntándole con un buscador. Pero hay un problema con este enfoque, y es que, parafraseando al doctor House, los usuarios no dicen la verdad.

Cuando un usuario busca, limita su enunciado. No está claro por qué, pero probablemente se deba a un lastre de viejos sistemas informáticos. Además, cuando escribimos en un buscador, tendemos a repetir los trucos que anteriormente nos han funcionado, aunque esos trucos fueran algo específico de aquel buscador y de aquella fuente de datos. Es, por llamarlo de alguna forma, el método Miss Marple.

Debemos, por tanto, desconfiar de los términos de búsqueda del usuario y fijarnos más en lo que hace que en lo que dice, aplicando inteligencia al sitio. Para ello, nos basaremos:

• en el origen desde el que viene;
• en lo que está viendo;
• en qué enlaces pincha;
• en lo que va consultando en esa sesión de navegación dentro de nuestra página;
• y en lo que otros usuarios con intereses parecidos han hecho previamente,

De esta manera, podemos ser perfectamente capaces de ofrecer un resultado más relevante, más seductor y personalizado sin, necesariamente, identificar al usuario.

A este ejercicio lo llamamos “pasar de la intención explícita a la implícita“. Es decir, no fiarnos de las palabras, sino de los actos, empleando, para ello, el buscador en un segundo plano y de forma transparente al usuario.

El planteamiento es el siguiente: dado que resulta complejo ofrecer al usuario una experiencia satisfactoria porque es difícil saber qué es lo que quiere realmente, lo que hacemos es ofrecerle un conjunto de resultados agrupados de diferentes maneras.

Este ejercicio preliminar equivale a presentar un muestrario de nuestros incontables artículos y, a partir de su reacción, afinar nuestra propuesta. Todo esto ejecutado con una serie de llamadas a la acción que persuadan al usuario a tomar una decisión y nos informe sobre sus necesidades.
Es preciso graduar el número de opciones que se ofrecen, pues un exceso puede provocar una reacción de bloqueo y abrumar. En otras palabras, la multiplicidad de opciones no equivale necesariamente a una mayor libertad.

Por establecer un símil, el proceso equivale al despliegue de maestría de un vendedor de camisas cuando entramos en su establecimiento con una idea muy vaga de lo que queremos comprar. Nuestro camisero realiza una rápida evaluación, fijándose en lo que puede ver: ¿llevas traje? ¿vistes clásico? ¿vaqueros? ¿luces un reloj aparatoso, moderno, digital, analógico? ¿te acompaña tu mujer? o, Dios no lo quiera, ¿tu madre? (en cuyo caso es a ella a quien vende).
En función de ese análisis, él sabrá qué ofrecerte. Por encima de todo, el camisero quiere recurrencia y aspira a satisfacerte para que vuelvas.

La composición de las llamadas a la acción tiene en cuenta la información que nos ofrece el usuario, basándonos exclusivamente en lo que nos deja ver. Podemos, por ejemplo, analizar el referer y determinar si proviene de un enlace, y así:

• detectar los términos de búsqueda, si el origen del enlace es un buscador.
• determinar las palabras clave de la página de origen y emplearlas para dotar de un sesgo determinado al razonamiento.
• optar por construir una landing page específica si detectamos un tema específico para el que disponemos de unos contenidos concretos.

El momento crucial ocurre al presentar los resultados de la búsqueda. Es necesario presentar el listado que el usuario espera. Sin embargo, podemos completar estos resultados con una selección de recomendaciones relacionadas con los términos de búsqueda.
Así mismo, podemos mostrar un conjunto de clasificaciones y categorías, aportando una mayor información sobre la estructura de nuestra web y acompañando al usuario en el proceso de descubrimiento de nuestro contenido.

Este esquema mantiene en todo momento un objetivo en mente: satisfacer al usuario y, para ello, necesitamos determinar exactamente qué es lo que quiere. Desde el punto de vista del negocio, el objetivo cubre una serie de aspectos importantes:

1. Si ofrecemos productos o servicios, definir cuanto antes cuál es el que encaja mejor.
2. Si ofrecemos contenidos, ofrecer el más conveniente y centrar el foco en el muestrario correcto. Podemos disponer de medio millón de documentos, pero probablemente en ese momento al usuario sólo le interesen unos cuantos. Igualmente, acompañamos al usuario en el proceso de descubrimiento.

En resumen, al determinar la intención real del usuario, construiremos un smartsite, es decir, una web inteligente capaz de acertar con el contenido ofrecido, ajustar la publicidad y mejorar sus ratios de efectividad.

Continuará…