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…

Hace unos días un cliente me preguntaba si podía explicarle qué es un smartsite en pocas palabras. Aunque es difícil resumirlo en una línea, podríamos decir que un smartsite es el que alinea adecuadamente los objetivos del usuario con los del negocio.

Pero ¿sabemos de verdad cuáles son los objetivos de nuestros usuarios? A priori, a los que estamos en este negocio de la comunicación online nos parece que sí. Los usuarios son “viejos conocidos” nuestros.

Pero resulta que a veces sucede aquello que también pasa en las parejas que llevan mucho tiempo juntas: todo parece predecible porque el hábito y la rutina han ocupado todo el espacio de la pareja. Las cosas se dan por sentadas y dejamos de fijarnos en los matices, en los detalles de la relación.

Pero los tiempos cambian (y nuestra pareja también). Y de pronto un día nos sorprende con un comportamiento que no esperábamos, lo que nos obliga a adaptarnos. Según lo preparados y abiertos que estemos para el cambio, el ajuste a realizar será más o menos “traumático”. (Nota al margen: no estoy en contra del cambio, al revés: las sorpresas y los cambios son la salsa de la vida. Si no los hubiera, la vida sería aburridísima ).

Volviendo al tema que nos ocupa, nuestros usuarios también son en cierta manera predecibles. Si perseguimos como objetivo llegar a ser un smartsite, un aspecto fundamental es conocer a fondo a nuestros usuarios, para poder seducirlos y darles aquello que necesitan y que además es rentable para el negocio (igual que a nuestra pareja, ¿no?).

Como en la canción de José Luis Perales “¿Y cómo es él?”, debemos preguntarnos muchas cosas sobre los usuarios, pues es imprescindible tener claro para quién estamos redactando los copys, diseñando las interacciones, priorizando unos contenidos frente a otros, ofreciendo servicios de valor añadido, fomentando la colaboración, etc.

En los proyectos en los que tenemos la oportunidad de apoyar a nuestros clientes en la definición de los usuarios y de sus necesidades, empleamos distintas técnicas como la creación de escenarios y personajes, la realización de encuestas y/o entrevistas, los tests de usuario o los focus groups entre otros.

Sin embargo, en todas estas técnicas subyace un cierto grado de subjetividad. En las encuestas, entrevistas y focus groups, los usuarios dicen lo que creen que es cierto o incluso a veces, lo que creen que su interlocutor quiere escuchar. Esto nos da muchas pistas de sus verdaderas expectativas y necesidades. Pero no siempre es 100% acertado.

Para tener una visión más objetiva de lo que nuestros usuarios buscan, demandan o necesitan, lo más adecuado es apoyarse en las analíticas. Los datos estadísticos no mienten. Conocer el número de usuarios únicos, visitas, páginas vistas, duración de las visitas, ratio de clics, etc., así como el de conversiones (suscripciones y registros, clics en campañas, reservas, compras, etc.) y los datos comparativos de conversión entre distintas opciones de contenidos y/o páginas, nos dará una información valiosísima que complementará las técnicas de estudio citadas anteriormente.

Por lo tanto, parece que el mejor método para desvelar las verdaderas necesidades y preferencias de los usuarios es utilizar las técnicas habituales de UX, apoyándose de forma complementaria en mediciones objetivas. Aunque debe quedar claro que no se trata de mirar los datos, a ver qué encontramos, sino de configurar las herramientas de analítica para obtener información sobre aquello que ya hemos definido que queremos medir e investigar.

No olvidemos que, como en las parejas bien avenidas que ya se conocen muy bien el uno al otro, siempre hay lugar para las sorpresas y hay que estar preparado para el cambio. Con los datos en la mano, estaremos mejor preparados.

Una afirmación indiscutible: la simplicidad es fundamental al plantear el diseño de cualquier interfaz de usuario. Todos los controles que coloquemos en la pantalla deben ser utiles para cada momento concreto de la aplicación, ya que cuantos más controles aparezcan más tiempo perderá el usuario averiguando como utilizar la interfaz.

Si además se trata una aplicación táctil todavía toma más fuerza esta simplicidad, ya que tenemos que permitir a los usuarios hacer las cosas con menos esfuerzo y tiempo. La interacción con el contenido debe ser satisfactoria, intuitiva y rápida. Por ejemplo, el usuario debe saber donde se encuentra en todo momento, así como poder avanzar, retroceder o volver al inicio de la aplicación.

Con todo, la usabilidad no es universal sino particular para cada contexto de uso específico. Por ello, resulta necesario determinar qué precisa nuestro usuario en su entorno concreto de trabajo.
Es entonces cuando nos centramos en el usuario y analizamos cada uno de sus requerimientos para conseguir una aplicación a su medida.

Adelantándonos a lo que espera encontrar y lo que necesita en cada contexto para lograr llevar a cabo su trabajo. También debe ver una respuesta inmediata en cuanto toque la pantalla y así reconozca que se han registrado sus instrucciones táctiles. Parece algo obvio pero dar retroalimentación inmediata al usuario, como un “presionado” de botón por ejemplo, mejorará su experiencia y más si se trata de una aplicación táctil.

Nuestro proyecto de Agrinnova combina todas estas características. Es desarrollado para una serie de ordenadores con pantallas táctiles, a modo de kioskos interactivos. El objetivo del proyecto consiste en conseguir que los agricultores riojanos utilicen la interfaz táctil, que situamos en sus hogares, para registrar sus datos sobre sus cosechas (siembra, riego, tratamientos…).

Funcionalmente, la aplicación ofrece a los agricultores información general (información meteorológica, precios de mercado), noticias del sector, un sistema de mensajería (para comunicarse con el servicio de soporte y administración), informes y trazabilidad (sobre cosechas, riego, tratamiento, siembra…), la aplicación de recogida de datos, en la cual, a través de una secuencia de formularios el usuario puede registrar toda la información sobre el estado de su trabajo en el campo.

Tratamos de adaptar la aplicación al usuario proporcionándole unos botones grandes para facilitar su uso y utilizando javascript para facilitar las entradas (calendarios y teclados emergentes por ejemplo). Por otro lado troceamos los formularios por pasos para que resultasen aun más sencillos de completar.

Con todo lo comentado, y tratando de que el cambio a esta nueva forma de trabajo resultase lo más natural posible, construimos con mucho mimo una interface que no distrajera ni saturase al usuario, sino que le facilitase en todo momento la adaptación a su nueva herramienta de trabajo.

¿Qué elementos conforman un Boletín Oficial online útil y práctico para los usuarios? ¿Cómo mejorar la calidad de un servicio tan relevante hoy en día para los ciudadanos? Hemos analizado 34 sites españoles, europeos y del resto del mundo y hemos identificado 25 buenas prácticas.

Presentamos el Informe de Buenas Prácticas en Boletines Oficiales online que hemos elaborado recientemente desde Biko. En él intentamos aportar pistas que esperamos sean de utilidad para mejorar uno de los servicios de la Administración Pública y de sus portales dirigidos al ciudadano más consultados.

Hemos realizado una reflexión sobre la situación actual y la evolución futura de los boletines oficiales online con el objeto de detectar una serie de buenas prácticas recomendables para su implantación por parte de las distintas administraciones en su evolución hacia un modelo que les permita estar más cerca del ciudadano y mejorar su eficiencia.

Los temas abordados han sido:

• Arquitectura de la información
• Sistema de búsquedas
• Alertas y otras formas de acceso a los contenidos
• Contenidos y servicios complementarios
• Gestión del Servicio
• Diseño y presentación visual

El trabajo de análisis de este informe parte de los 15 años de experiencia de Biko en la definición y construcción de portales y servicios de información online, tanto para la administración pública como para los principales grupos de medios de comunicación españoles.

La finalidad de este estudio es prestar apoyo a los profesionales que son responsables de este tipo de servicios. Somos conscientes de que su trabajo es complejo y que está condicionado por múltiples factores que un estudio como el que hemos realizado no puede tener en cuenta.

Si estás interesado en recibir una copia, por favor escríbenos a la dirección de correo electrónico estudio@biko2.com facilitando tus datos personales o llámanos al 948072222 y pregunta por María Luisa Santos.

A veces los diseñadores estamos tan inmersos en las tareas diarias – con las prisas, con los trabajos de hoy para ayer – que no podemos volcar toda nuestra creatividad como quisiéramos.
La premura de una fecha o la carga de trabajo en un momento dado hacen que sea una tarea pendiente.

Pero también a veces, si vas sacando pequeños momentos donde te dediques a navegar, a investigar y a ver qué se está haciendo consigues nutrirte y abrir tu mente. Esto es lo que vamos haciendo también desde Biko. Unas veces unos, otras veces otros… vamos siguiendo la pista de las novedades y lo ponemos en común, mediante reuniones, para el beneficio de nuestros proyectos.

Los días 23 y 24 de febrero tuvimos dos jornadas internas en las que presentamos los temas que habíamos propuesto, compartiendo el conocimiento de cursos a los que habíamos asistido desde Biko o con charlas internas como la de “las nuevas tendencias de diseño web para 2009″.
Son jornadas muy enriquecedoras en las que cada uno da y recoge con el fin de realizar proyectos cada vez mejores.

En las nuevas tendencias de diseño vemos una evolución reciente con nuevos elementos de diseño, nuevos enfoques gráficos, donde estamos notando el paso al medio online de técnicas que se usaban normalmente para el medio impreso.

Letras en relieve (letterpress), tipografía enorme, ilustraciones, interfaces de usuario cada vez más atractivas y más usables… son algunas de las tendencias que se están llevando a cabo.

Se tiende a cuidar mucho la presentación del contenido, el blanco está teniendo un papel fundamental y se está aumentando el padding y el espacio entre los elementos de diseño (domestika.com)

AJAX y Flash se usan ampliamente para ofrecer a los usuarios la interacción dinámica que ellos han estado esperando en cuanto a soluciones avanzadas, sofisticadas y profesionales.

Se le guía al usuario con pistas visuales que le ofrezcan fácilmente la información y las acciones que realiza con el interfaz.

Otra de las características interesantes para este 2009 es la adaptación de las interfaces de usuario; el usuario tendrá la posibilidad de personalizar más y más servicios.

Nos fijamos en cómo se dan las funcionalidades para mejorar la experiencia de usuario con soluciones más interactivas y receptivas.

Los diseños son más arriesgados, utilizando transparencias o gráficos e ilustraciones mucho más potentes y llamativas…

Añadimos una serie de enlaces interesantes de SMASHING magazine, de los cuales hemos sacado información, que pueden servir de inspiración para vuestros futuros proyectos:

1. Tendencias de diseño web para 2009
2. Texturas en el diseño web moderno
3. Retro y Vintage en el diseño web moderno
4. Menús de navegación: tendencias y ejemplos
5. Estilo mano alzada en el diseño web moderno
6. 10 pasos para el portfolio perfecto
7. 9 errores comunes de usabilidad en el diseño web

Ya lo publica Torres Burriel en un interesante post sobre el diseño o el poder de la conceptualización. Vuelve el Diseño… Vuelve a tenerse en cuenta como herramienta fundamental, porque nunca se había ido… [leer post completo]

Un regalito para el jueves, hoy toca texturas:

1. http://www.cgtextures.com/ Tiene un gran banco de imágenes, algunas de ellas bastante espectaculares. De gran utilidad
2. http://createsk8.com/about/ Otra página que me encanta, donde podéis encontrar recursos gráficos para illustrator.

Cuando el equipo lleva más de una hora tratando aspectos de una interfaz sin llegar a ningún tipo de conclusión, es muy probable que el motivo real de fondo sea que se esté discutiendo sobre los distintos modelos mentales del público objetivo, sin tener datos suficientes para contrastarlos por la falta de investigación previa.

Así podemos leer en Usolab cómo los datos estadísticos son importantes tanto si vas a prototipar un web como si se trata de conceptualizar el modelo de un WC.

Y es que es demasiado cierto que muchas veces en este sector trabajamos a ciegas, dando por buenos muchos supuestos sobre los posibles usuarios de una interfaz, sin tener datos objetivos que justifiquen nuestras decisiones, salvo, que no es poco, la experiencia en el medio.

Sin embargo, nos sorprenderiamos (y no gratamente) si, más a menudo, sentaramos a usuarios a juguetear con las arquitecturas que proponemos y, por lo mismo, nos ahorraríamos grandes esfuerzos de desarrollo si siempre pudieramos contar con datos de uso fiables antes de comenzar a trabajar. Porque… ¿alguien se atreve a poner la mano en el fuego asegurando que los usuarios no navegan por menús sino por contexto? ¿y apostando a que la columna derecha es siempre zona fría?

Mejor no apostar, que el juego no es sano… especialmente si te puedes quemar

La gente de Noupe ha hecho una recopilación de los 20 problemas más comunes de los que nos podemos encontrar en CSS. Conociendo estos problemas y las soluciones no se nos resisitirá ningún diseño en ningún navegador.

Bueno, este es el comienzo de algo graaaande, los blogs de Biko, Bikolabs.

En este caso el blog corresponde a una de las áreas de la empresa, el equipo de Experiencia de usuario, al que le apasionan temas como la usabilidad, la arquitectura de información, el diseño gráfico y los estándares y accesibilidad. Y de ello va a tratar este blog! de todos aquellas cuestiones que nos motivan y nos encantan.