Hoy hemos presentado en Barcelona el desayuno de “Tendencias en Ecommerce y ROI temprano”, con nuestro partner Multiplica, y me ha sorprendido bastante que el tema Agile, eje del mensaje para conseguir ese ROI temprano, era un concepto desconocido para los asistentes.

Aunque quizá no debería haberme sorprendido tanto. Al fin y al cabo, cuando una marca/empresa/cliente se lanza a crear un producto online no se pregunta demasiado cómo se lo van a construir. Piensan: lo construirán y ya, ¿no?.

O más bien, lo construirán, la cagarán (es lo que suele pasar con los proveedores de desarrollo), me pedirán más dinero a mitad del proyecto, discutiremos, me entregarán un producto plagadico de errores, me negaré a pagar hasta que los arreglen…  Así, y tras semejante parto, el producto estará online pero no voy a tener ganas más de que mantenerlo (lo de evolucionar ya es otra película) porque embarcarme en una nueva fase de construcción me da pereza, me trae malos recuerdos y me provoca dolor de corazón y de bolsillo.

Supongo que los proveedores nos hemos ganado esta fama a pulso y, por eso, no es que los clientes sepan o no qué es Agile, es que les cuesta creer que haya un remedio a tanto dolor innecesario. Y aunque lo creyeran o, al menos, les sonara interesante, ¡cuesta tanto dar el paso y probar!

Así que, en lugar de intentar convencer a nadie, voy a optar por hacerme eco de unos datos presentes en el libro Succeeding with Agile:

• El coste de los proyectos agile es un 26% menor de media. De los proyectos estudiados, el de menos ahorro logrado rebajó un 10%  sus costes y el de mayor ahorro hasta un 70%.
• Los proyectos agile salen al mercado hasta un 37% más rápido que los proyectos tradicionales.
• La calidad de los proyectos agile mejora un 63% de media. Un 10% en el peor de los casos.
• Un 47% de los stakeholders consideran que, con los proyectos agile, están más satisfechos. Un 31% se siente mucho más satisfecho.

Esto es sólo una muestra de lo que podemos conseguir si nos empieza a preocupar cómo se constuyen (se diseñan, se desarrollan, se testan…) nuestros proyectos.

Ahora mismo, para mejorar incluso esos datos, nosotros estamos aplicando ténicas ágiles en un área hasta ahora inexplorada (al menos en territorio de habla hispana, pues los grandes gurús como Alan Cooper o Jeff Gothelf ya lo están poniendo en práctica). Se trata del agilismo en la definición del proyecto y su concreción a nivel de arquitectura, navegación… Vaya, todo el universo de la experiencia de usuario o UX.

Como todavía nos quedan los desayunos de Pamplona (18/11) y Madrid (24/11), seguiremos ahondando en cómo construir sitios que conviertan y sean inteligentes, pero que además nos permitan obtener un retorno de la inversión de forma temprana. Agile y Lean UX son las claves para ello, creedme (a mí o a los números, igual me da). ¡Clientes!, no se me ocurre otra manera más sencilla y efectiva de volver a recuperar la ilusión (y el dinero) al lanzar productos online. ¿Queréis asistir al desayuno? ¿Queréis que hablemos de cómo hacer realidad todo esto?

El pasado Lunes, llegó a Biko un nuevo y flamante iPad.

Después de trastear con algunas aplicaciones gratuitas, hemos detectado algunas buenas (win!) y no tan buenas prácticas (fail!) en las soluciones de experiencia de usuario en esas aplicaciones. ¡Algo esencial antes de ponernos a diseñar nuestras nuevas aplicaciones!

Primeras ideas en la experiencia de usuario en el iPad

Mientras que Internet es el mundo del hipertexto, infinito, sin fronteras, el iPad es una caja cerrada, en la que las aplicaciones tienen un principio y un fin.  El usuario necesita captar esa sensación de confinamiento, de control, y necesitamos transmitir esa sensación a través de la arquitectura de información e interfaz de usuario de la aplicación.

El iPad es un gadget nuevo, sin embargo, sus usuarios harán (y hacemos) algunos supuestos, bien porque son usuarios de iPhone, bien porque han usado antes alguna otra tableta o libro electrónico, bien por su experiencia con el mundo real. Es importante tenerlo en cuenta.

En primer lugar, y debido a mi bagaje en el área de experiencia de usuario, el análisis está basado en los heurísticos de usabilidad (leer más en useit.com).

Heurísticos de usabilidad

1. Visibilidad del estado del sistema
2. Similitud entre el sistema y el mundo real
3. Control y libertad por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocer antes que memorizar
7. Flexibilidad y eficiencia de uso
8. Diseño estético y minimalista
9. Ayudar a los usuarios a reconocer, diagnosticar, y enmendar errores
10. Ayuda y documentación

Pautas de Experiencia de Usuario para iPad

Además, hay algunas reglas, definidas por Apple en las Pautas de Experiencia de Usuario para iPad. Éstas son algunas de ellas:

[...]
Las mejores aplicaciones de iPad mejoran su contenido e interactividad consiguiendo realmente bien los tres siguientes puntos:

• Minimizan el interfaz de usuario de la aplicación, de manera que el foco está en el contenido que la gente quiere.
• Presentan el contenido de una manera hermosa, y a menudo realista.
• Aprovechan todas las capacidades del dispositivo para permitir una mejor interacción con el contenido.

[...]
La pantalla grande mitiga el deseo de los usuario de rotar el dispositivo en formato apaisado para “ver más”.
[...]

Es en base a estas pautas como hemos resumido algunos de los hallazgos.

Pero no podemos obtener conclusiones válidas sin antes testar, así que hemos realizados algunos test de guerrilla con unas cuantas applicaciones. (Las tareas eran tan sencillas como revisar las últimas noticias, leer un artículo, aumentar una imagen (zoom), enviar por email, o aumentar el tamaño del texto).

Fail! (no tan buenas prácticas en aplicaciones para iPad)

Las pautas de interfaz de usuario de Apple recomiendan simular la realidad (efectos 3D) en nuestros desarrollos para iPad: crear algo que en realidad no es.

De la misma manera que hacemos en un ordenador, creemos que no es buena idea imitar el mundo real tal cual es. No imites un periódico tal y como es, no imites el efecto real de pasar una página, como algunos lectores de PDF… (Yahoo Entertainment imita un salón o pequeños trozos de papel con un scroll dentro de cada uno de ellos…).

Listado de Yahoo Entertainment

Estilo de lector web de PDF de Congleton Chronicle

Clic estático para pasar páginas horizontalmente (en adelante: swiping).
Botones de acción liliputienses (como la barra de navegación de la applicación de Fotos de Apple o la aplicación de Marvel).
Botones de acción peligrosamente juntos (como en Google Maps).
Barra de navegación no estándar (Reuters, Editor’s Choice -NY Times-).
Leve uso de vista dividida, y de menús popover, como viene indicado en las Pautas de Experiencia de Usuario de Apple.

Google Maps too close and not big enough buttons

npr

• Mismo aspecto en formato vertical y apaisado

Editor’s Choice (New York Times)

• Falta de utilidad de zoom, tanto en imágenes como en visualización de texto (pequeño para leer, para gente de edad madura)
• Acceso a secciones en la barra de navegación inferior; barra de navegación superior sin funcionalidad (enlace a portada)
• El reproductor de video no se interrumpe cuando pasamos a otra página
• Elementos inesperados: cuando clicamos en la imagen de un articulo, descubrimos que existen más imágenes para ese artículo, ¡una presentación de diapositivas! Pero no sabíamos que había más imágenes cuando estábamos leyendo el artículo…
• El logo no enlaza con la portada

Wall Street Journal

• No hay un menú claro, no se usa una barra de navegación superior estándar
• Botones diminutos en una barra de navegación inferior
• Botones ocultos, como los de tamaño de texto
• No hay opción de clicar en la imagen para aumentar o iniciar un pase de diapositivas

The Wall Street Journal home

Reuters

• En un pase de diapositivas o zoom de imagen, puedes entrar en un bucle infinito (foto de reuters)

El bucle infinito de Reuters: clicken la imagen, entonces pincha en el artículo (botón superior derecho), y entonces clica en la imagen dentro del popup...

Win! (buenas prácticas en aplicaciones para iPad)

Ayuda al usuario a centrar su atención en el contenido, no en el diseño.
Ofrece una navegación natural. Incluso para alguien que sólo ha probado un par de veces el iPhone, hacer pinch in y pinch out* es una acción que surge con naturalidad. Lo mismo para hacer scroll o swiping. Adelante entonces, ¡úsalos en tus aplicaciones!

*pinch in (pellizcar hacia adentro, convergiendo los dedos íncides y pulgar); pinch out (pellizcar hacia fuera, convergiendo los dedos íncides y pulgar)

No tomar al pié de la letra las Pautas de Interfaz de Usuario de Apple, sino inetrpretarlas: prueba con un interfaz de usuario natural, transparente, que no requiera un aprendizaje; algo que te invite un uso natural de la aplicación. ¡Este es, en efecto, uno de los puntos clave de la usabilidad!

Publicidad incorporada, que no te lleva fuera de la aplicación (a Safari, por ejemplo).

Cambia tu rejilla cuando ajustes el tamaño del texto. El número óptimo de caracteres por línea está entre 55 y 75 caracteres (depende de la tipografía). Por lo tanto, sería bueno reducir el número de columnas cuando el tamaño de texto aumenta.

Utiliza algunos estándares de interfaz de usuario de iPhone, pero ajustados a la aplicación de iPad: como la barra de navegación superior, con los botones de volver atrás (o portada) y botones de opción.

npr

• Botón de portada
• Botones de acción claros: email, escuchar
• Hacer scroll = leer más, swiping = ver otros artículos
• Aumentar / reducir zoom (pinch in / pinch out) en la visualización de imagen, pinch out para volver al artículo
• Acceso a secciones y temas con menú popover

npr recognisable navigation options

Editor’s Choice (New York Times)

• Icono informativos en la visualización de imagen
• Botones de vuelta al artículo claros, en la visualización de imagen
• Iconos de paginación que aportan consistencia y control del usuario

Editor's Choice (New York Times) Pagination

Wall Street Journal

• Ayuda inicial sobre navegación, acciones claras
• Pinch in para aumentar zoom, pinch out para disminuir zoom o volver atrás
• Doble clic para entrar, aumentar zoom, o ajustar a pantalla completa
• Navegación sección a sección, o artículo a artículo

The Wall Street Journal navigation instructions

Test de usuario de guerrilla en iPad

¿Has probado a testar tus aplicaciones con un usuario de edad madura? ¡Es fácil! Aquí tenemos algunas conclusiones del test de guerrilla que hemos realizado con mi padre . Dos jóvenes usuarios avanzados también han participado en el test.

Primeras acciones naturales

• hacer scroll, después swiping
• pinch in para aumentar zoom, o aumentar el tamaño del texto
• pinch out para reducir zoom/ volver a la página principal (anterior)
• clicar (incluso doble clic) para abrir una aplicación, o acceder al detalle de contenido

Otras conclusiones

• botón principal del iPad como salida en cualquier cosa, cuando el botón de home/portada no es visible o claro
• aumentar y reducir zoom (pinch in y pinch out) con naturalidad para la visualización de imágenes
• navegación superior como ubicación de las principales opciones de navegación, o en todo caso, en una barra de navegación inferior
• fácil pérdida cuando los botones de volver o ir a la portada no están en la barra de navegación superior
• se esperan botones o funcionalidades similares en aplicaciones diferentes
• rápido reconocimiento del icono del sobre como funcionalidad de enviar por email, T- / T+ oA- /A+ como funcionalidad de tamaño de texto

Captura de vídeo de test de usuario en iPad

Recuerda

Está hecho para tocar con los dedos (evidente), y no todo el mundo los tiene finitos y delgados. Sé cortés, haz los botones lo suficientemente grandes para el dedo índice o pulgar de un hombre adulto. No hagas a la gente pelearse con iconos tan pequeños que puedan ser tocados a la vez sin querer.

Ubica las áreas activas donde no converjan con otras acciones (botones, enlaces, publicidad…).

Scroll vs swipe. En el iPad, ¿es hacer scroll más natural que swiping?  En contra de nuestras primeras ideas, lo es. Sin embargo, si en primera instancia el scroll no funciona, la siguiente acción natural es swipe.

Reuters utiliza ambas acciones, scroll y swipe

Menús popover: utilízalos con precaución. Recuerda que con frecuencia, asumimos que lo que no vemos, no existe.

Ten cuidado cuando apliques las funcionalidades de las aplicaciones de Apple: peligro con la funcionalidad pinch-para-expandir. “Apple rechaza una aplicación para iPad por pinch-para-expandir” argumentando que esa es una funcionalidad “asociada únicamente con las aplicaciones de Apple”.

Funcionalidad pinch para expandir

Algunas preguntas

¿Mismo tamaño de texto en vista vertical que en apaisada? ¿Iría esto en contra de las Pautas de Apple? [...] evita reformatear la información y reajustar el texto al rotar [...]
Hemos visto pocas opciones sociales en las aplicaciones. ¿Alguna razón de peso? El mundo social es ahora parte del mundo real, queremos ver esas opciones en nuestras aplicaciones.

Todas estas apreciaciones son sólo un primer acercamiento, así que continuaremos analizando y trabajando en evolucionar las aplicaciones.

iPad ‘n Roll

Read this same article in english: iPad, are there any user interface standards? First impressions based on user experience testing

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

Seguro que muchos de vosotros habréis visto Minority Report, y al ver a Tom Cruise interactuar con aquella interfaz como si fuese un director de orquesta, habréis dicho “¡YO QUIERO LLEGAR A UTILIZAR ESO!”. (Se nota que nos gusta esta peli, ¿eh? también la mencionamos a cuento del futuro del periodismo…)

Si no recordáis cómo era el interfaz de usuario, aparece en este vídeo:

Pinche aquí para ver el vídeo

Si ya lo estábamos utilizando con juegos como EyeToy (aunque a otro nivel), ¿por qué tardábamos tanto en verlo en otras aplicaciones?

¿No necesitáis una opinión a la hora de tomar una decisión en el probador de una tienda de ropa? Pero, “vaya, he ido sola“… ¿La solución? Hacerme una foto, enviarla a una amiga, y después llamar por teléfono Pues… sí, lo he hecho, ¡y bastantes veces!

Imagino que a muchos les ha pasado algo parecido, ya que, de hecho, hay algunos ejemplos de aplicaciones que pretenden solucionar nuestros problemas en cuanto a la elección de ropa:

Realidad aumentada en aplicaciones web

Springfield te pone fácil el probarte la colección en casa con esta aplicación:

Pinche aquí para ver el vídeo

Zugara ofrece una aplicación de realidad aumentada para tiendas online, de manera que se integra perfectamente con el proceso de compra:

Pinche aquí para ver el vídeo

(Actualmente la tienda del vídeo no tiene disponible esta funcionalidad.)
Se parece un poco al Mr. Chef del Eye Toy, ¿habéis jugado?

Este último ejemplo, permite ir un poquito más allá, añadiendo el componente social, ¡indispensable para muchos a la hora de tomar decisiones!

Rayban también te pone más fácil la elección de tus gafas de sol con su aplicación Virtual Mirror:

Pinche aquí para ver el vídeo

Otras aplicaciones, como esta de Adidas, se enfocan más a generar imagen de marca, incrementar la fidelización y proselitismo:

Pinche aquí para ver el vídeo

Realidad aumentada en aplicaciones móviles

Si ya entramos en el mundo de la movilidad, podemos jugar con otros factores que son la representación del mundo real combinada con otras aplicaciones de lo más variadas:

Visualizador de terremotos con realidad aumentada con Wikitude world borwser

Reconocedor de perfiles: Recognizr

Aplicación para detectar terremotos (izquierda) y Recognizr reconocedor de personas (derecha)

Nike True City, para localizar lugares y eventos interesantes en la ciudad:

Pinche aquí para ver el vídeo

Realidad aumentada en interfaces de usuario avanzadas

En todo caso, ¿es la realidad aumentada una moda más? Podríamos pensarlo si nos quedamos en estos ejemplos, pero seguimos echando de menos una interacción algo más avanzada…

John Underkoffler, consultor científico de Minority Report, ha trabajado los últimos años con o compañía Oblong Industries en un interfaz que permita manejar la pantalla a través de gestos. ¿Aplicaciones? Algunas son el modelado virtual de cerámicas, o g-stalt interface, que te permite manejar con las manos, por ejemplo, una galería de imágenes:

Pinche aquí para ver el vídeo

¡Esto es lo que queremos llegar a tener en casa! ¿Llegaremos al menos a probarlo?

De momento en Biko miraremos a un futuro más cercano, aplicando la filosofía Smartsite a los próximos retos de nuevas narrativas en web, smartphones e iPad…

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.

¿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.

Dani nos pone el trabajo más fácil a los que nos dedicamos a consultoría de usabilidad con esta plantilla para realizar análisis heurísticos de usabilidad.

¿Qué es un análisis heurístico? Pues para quien no lo sepa, un análisis heurístico es, según dice Eduardo Manchón en Evaluación heurística (o por expertos) de la usabilidad:La evaluación heúrística por criterios es la realizada por evaluadores especializados a partir de principios establecidos por la disciplina de la IPO/HCI. Esta evaluación detecta aproximadamente el 42% de los problemas graves de diseño y el 32% de los problemas menores, dependiendo del número de evaluadores que revisen el sitio. Posteriormente se recomienda realizar un test de usuarios para completar la evaluación.

Y en base a esos criterios he ido elaborando una tabulación y ordenación de una serie de ellos a partir de la valiosa documentación que Yusef Hassan Montero escribe en Guía de Evaluación Heurística de Sitios Web.

Podéis descargar la plantilla tanto para fines académicos, personales, para publicar en vuestro web, comerciales, no comerciales… Está disponible en .doc, .odt, .pages y .pdf, y se distribuye bajo un contrato ColorIURIS.

Descargar plantilla Análisis Heurístico v1.1

¡Gracias Dani, por ponernos más fácil nuestro trabajo!

Cuando hablamos de experiencia de usuario, basándonos en la rueda de la experiencia de usuario de Francisco Tosete, vemos que son 6 claves en las que nos apoyamos para lograr los objetivos.

Si bien estas 6 áreas están relacionadas entre sí de una u otra manera, e incluso hay técnicas o métodos que no sabríamos si son propios de la Arquitectura de la Información o de la Usabilidad, se refieren a la manera en que nuestro producto genera una buena experiencia de usuario. Una buena experiencia en un sitio web no es sinónimo de éxito, entendiendo el éxito como la magnificación de nuestras metas y objetivos (millones de visitas, altos ratios de venta, adquisición multimillonaria por un gigante , uno de los más claros ejemplos actuales es Facebook.

En la comunidad de Facebook existe una alta motivación de uso como forma de reconocimiento social, esa motivación logra que los usuarios se sobrepongan a los problemas de usabilidad y navegación que presenta la aplicación. Podemos entonces considerar la motivación del usuario como uno de los ejes del éxito de nuestros productos

Apoyándonos en la teoría de Herzberg de la motivación de los empleados en el trabajo, vamos a dividir el comportamiento del usuario en valores higiénicos o extrínsecos y en valores motivacionales o intrínsecos para una mejor distribución y categorización.

• Factores higiénicos o extrínsecos: Corresponden a la perspectiva ambiental. Constituyen los factores tradicionalmente usados por las organizaciones para obtener motivación de los empleados. Si estos factores faltan o son inadecuados, causan insatisfacción, pero su presencia tiene muy poco efecto en la satisfacción a largo plazo.
  Ejemplo: la silla en la que nos sentamos.
  Ejemplo en un entorno web: Una intro en flash, si nos hace perder tiempo o salta siempre que entramos puede producir insatisfacción. Si no existe no produce satisfacción

• Factores motivacionales o intrínsecos: Se refieren al contenido del cargo, a las tareas y a los deberes relacionados con el cargo. Son los factores motivacionales que producen efecto duradero de satisfacción y de aumento de productividad en niveles de excelencia, o sea, superior a los niveles normales. Son de carácter psicológico y ayudan a aumentar la satisfacción del individuo pero tienen poco efecto sobre la insatisfacción.
  Ejemplo: la posibilidad de ascenso.
  Ejemplo en un entorno web: las recomendaciones personalizadas de webs como Amazon, si no existen no producen insatisfacción, pero que la web nos recomiende cosas adaptadas a nosotros puede producir una satisfacción.

Dentro de los factores higiénicos se han encontrado los siguientes:

• Contexto de uso: Cómo, dónde y cuándo se usa el producto para lograr en cada situación que podamos conseguir nuestros objetivos.
• Contenido: Entiéndase como la calidad del mismo. Un contenido cuya redacción se adecue a nuestra búsqueda.
• Experiencia previa: Si nuestra experiencia navegando por Internet se adecua al nuevo sitio y nos facilita las labores.

Como factores motivacionales podemos tener:

• Reconocimiento social: El reconocimiento social entre nuestros conocidos o en redes sociales puede ser uno de los mayores factores motivacionales para la realización de tareas.
• Incentivos: A través de regalos, descuentos o acceso a promociones exclusivas podemos implicar al usuario.
• Resolución de problemas: El tiempo del usuario es sagrado, pero no solo el tiempo que pasa en una web, si no todo su tiempo. Qué es mejor para un usuario, tardar 20 días en recibir un paquete o 24 horas y con una llamada previa para confirmar la hora de entrega.

• Realización personal: Todos hemos visto el Top10 de un foro, dónde muchos llegan no solo por un reconocimiento de sus compañeros si no también por una realización propia consiguiendo cada vez mayores conocimientos.

De los factores higiénicos algunos podemos llegar a controlarlos o minimizar su impacto mediante el diseño de la interfaz, el control de los procesos y la gestión del contenido. Pero los factores motivacionales son difícilmente controlables por la tecnología aunque los clientes pueden trabajar en favor de ellos desde otras áreas como la imagen de marca o la publicidad.

Pongamos como ejemplo el iPhone, la campaña previa al lanzamiento del mismo, desde su presentación en la keynote (y los meses previos de rumores) hasta el día de su venta, logró generar una gran motivación en la compra por parte de sus clientes y si a eso le sumamos la brillante interfaz y la satisfacción de uso que produce además del reconocimiento social de sus poseedores tenemos unos clientes motivados usando el producto y pasando por alto o minimizando muchos de sus defectos o inconvenientes.

Podemos tratar de controlar la motivación del usuario, pero no podremos conseguirlo. Hay tantos factores que influyen en una toma de decisión en cada individuo que tratar de satisfacerlos todos es una tarea utópica. Así pues, el éxito o el fracaso de un producto no viene determinado únicamente por crear una buena experiencia de usuario, está claro que debemos centrar el desarrollo en el usuario y que las metodologías de diseños deben estar enfocadas a ellos, pero también debemos tener en cuenta otros factores que aunque muchos no estén al alcance de nuestra tecnología sí que podemos anticiparlos desde otras áreas si trabajamos conjuntamente con el cliente para ofrecer lo mejor al usuario.