Este mes de febrero hará 14 años desde que empecé a dar clases en FCOM (Universidad de Navarra) sobre cómo desarrollar proyectos de comunicación digital. Muchas cosas han cambiado desde entonces. Conceptos como  multimedia, hipertexto, interactividad, experiencia de usuario, arquitectura de información, usabilidad o conversión han evolucionado a la par que Internet, el marketing online y las redes sociales. La gestión de los proyectos que enseño a mis alumnos, también ha cambiado.

En Biko llevamos ya tiempo gestionando proyectos con metodologías ágiles. Al principio lo aplicamos sobre todo en  las fases de desarrollo. Y algo después, comenzamos a aplicarlo también en las fases iniciales de conceptualización y definición. En la actualidad trabajamos con la metodología Lean-UX  que describía  Ujué en sus 5 píldoras de creatividad inspiradora.

Pues bien, en el último cuatrimestre han sido mis alumnos los que me han dado una lección de metodologías ágiles y lean-UX, en lugar de enseñarles yo a ellos lo que hacemos en el mundo profesional.

Hoy en día, todos mis alumnos son ya nativos digitales. Y eso se nota. Tienen una forma de funcionar bien distinta a la de los alumnos de hace 14 años. Rara vez se leen las instrucciones de un trabajo completas hasta el final, sino que se ponen en marcha inmediatamente, antes de terminar. Como solía decir mi madre, “echan a andar los pies antes que la cabeza”.

Estos alumnos no tienen ningún miedo al enfrentarse con  nuevas herramientas o aplicaciones: todos son usuarios intensivos de correo-e, mensajería instantánea y redes sociales, además de Google y la Wikipedia. Algunos incluso tienen blogs o cuenta en Twitter antes de llegar a la universidad. De manera que su forma de adquirir y aplicar el conocimiento, también es distinta.

Durante años, para definir un proyecto pedía a mis alumnos que dibujaran un diagrama de navegación, el típico “árbol de contenidos”, para reflejar la arquitectura del sitio web que iban a crear. Podían hacerlo con cualquier herramienta digital (Word, Powerpoint, Freehand, Photoshop,  herramientas online como Bubbl.us o de descarga, como Xmind…). Pero el diagrama (y su validación con el profesor) era un requisito antes de ponerse a construir.

Para mi sorpresa, en la última edición de la asignatura Comunicación Multimedia, el día que debían entregar el diagrama, dos de los equipos de trabajo ¡en vez del diagrama, tenían el sitio web montado y navegable! Aunque sin contenidos…

Por lo visto, habían detectado que les costaba el mismo tiempo, o más, elaborar un diagrama con esas herramientas. Y el diagrama no era  parte del “producto final”. Es decir, hacerlo suponía invertir tiempo (un bien escaso) en algo que no era avance en el proyecto. Por lo tanto, habían optado por dibujar el diagrama a mano (pensar y plasmar en un papel, que es más rápido) y emplear ese tiempo en montar la arquitectura del sitio, ya navegable, con alguno de los múltiples CMSs gratuitos que empleamos.

Al principio me pareció poco adecuado para el proceso de aprendizaje. Siempre habíamos hecho el diagrama de navegación primero… Pero pensándolo despacio, hacer el diagrama (pensar la arquitectura) sí lo habían hecho. Lo que no habían hecho era “perder el tiempo” pasándolo a limpio y bonito para entregárselo al profesor. En cambio, habían sido ágiles, ya que la validación y corrección de la arquitectura la pudimos hacer igualmente sobre el sitio ya montado, y con mucha más agilidad, ya que aplicábamos los cambios y veíamos el resultado sobre la marcha.

Esta pequeña anécdota me ha hecho pensar que, igual que mis alumnos son los trabajadores del futuro, las metodologías ágiles (tan espontáneas e integradas para ellos), son también las metodologías del futuro en este sector de la comunicación digital.

La Experiencia de Usuario es un campo muy amplio, que implica entre otras disciplinas, al SEO.
Podéis haber oído que el SEO choca con la Experiencia de Usuario, en el sentido de que los objetivos que queremos cumplir para posicionar nuestra página puede suponer tener una página que moleste al usuario: palabras clave repetidas en exceso, enlaces que en realidad no necesito, títulos de página no demasiado naturales…
Son acciones que pueden llevar a un rápido posicionamiento, pero que, a la larga, se acaba desvaneciendo.

Lo mismo ocurre con algunos objetivos de negocio, por ejemplo, la obtención de ingresos por publicidad en tu página. En este caso, puede resultar una lucha el hacer convivir los objetivos del usuario con los del cliente:

el usuario busca contenido/servicios
vs
el dueño del site busca que el usuario pinche en el banner

Es necesario hacer convivir ambos objetivos, pero aquí hay que sacar la balanza y conseguir que nunca quede desnivelada.

La inversión en publicidad online, por primera vez en 2012 van a superar a la inversión en publicidad en papel (según un estudio de eMarketer, via Mashable). Esto puede suponer una nueva fiebre online, que puede empujar a los dueños de sites a forzar la inclusión (aún más si cabe) de publicidad en sus páginas.

Tendencias de inversión publicitaria online vs inversión publicitaria papel por eMarketer

Así que nos encontramos ante un momento importante para tener bien presentes esos objetivos del usuario que nos visita y no entorpecerlos. El tiempo da la razón en cuanto a las buenas prácticas de Experiencia de Usuario, ya que el ojo que <casi> todo lo ve en internet, Google, tiende a convertirse en algo más cercano a un usuario real (semántica), que a un robot basado en una serie de reglas.
Hoy Google da un nuevo empujón para forzar el respeto a las necesidades del usuario: la mejora de su algoritmo de diseño de página penalizará a los sites que abusen de publicidad en el primer scroll (via Searchengineland)

El algoritmo penalizará aquellas páginas que incluyen muchos espacios publicitarios antes de mostrar el contenido principal de la página, que es el que le interesa al usuario, argumentando que entorpece la Experiencia de Usuario:

[...] Los sites que no tienen mucho contenido en el primer scroll pueden verse afectados por este cambio. Si pinchas en un sitio (desde resultados de Google) y la parte del site que ves primero bien no tiene mucho contenido visible en el primer scroll o bien dedica una gran parte de su estructura general de página a publicidad, eso no es una buena experiencia de usuario.

Imagen de Cleartypemedia.com

En resumen:

• Define los objetivos de negocio
• Define los objetivos de tu usuario
• Encuentra la vía en que ambos convergen
• Y haz que tu site consiga esa combinación (diseño de interfaz, contenidos, llamadas a la acción e incluso la publicidad)

Resulta complicado comenzar un año nuevo con ilusión y fuerza cuando todo lo que nos ataca el sueño y las sobremesas frente al televisor habla de apretarse el cinturón, controlar, ajustar, recortar, acotar, ahorrar y decenas de verbos de similar carácter esperanzador.
Sobre todo porque provoca que nos volvamos más grises, más convencionales, más aferrados a nuestras rutinas, más… acojonados.

Sin embargo, esto sí que es la pescadilla que se muerde la cola porque, cuando entramos en este círculo vicioso, hasta aquel trabajo que tanto te gustaba ayer se transforma en una dura losa que arrastrar, en obligación en lugar de vocación y, en este contexto, hacer lo convencional es lo más cómodo. Así que… ésta que sigue es una historia de esperanza , ya que una servidora lleva un comienzo de año espectacular, lleno de creatividad y de moldes rotos a la hora de enfocar y conceptualizar los proyectos que empezamos.

Por tanto, ¡a compartir mis píldoras de felicidad inspiradora!

1. Sesiones de creatividad provocadora

Nuestro cerebro es muuuy vago. Cuando le pides solución a un problema planteado, ese músculo viscosillo que tenemos en la azotea, antes de esforzarse en exceso, tira de recuerdos, experiencias e imágenes relacionadas con lo que tenemos que resolver y escupe una respuesta (una idea de proyecto, por ejemplo) que, desde luego, es razonable, adecuada y basada en un expertís que no puede dejarse de lado, pero que, sin embargo, muchas veces es la respuesta más convencional… la ajustada en precio, alcance y ambición a los requerimientos del cliente, sí, sí… pero aburriiiiidaaaaa….

Para evitarlo, una ejercicio muy sencillo es montar sesiones de creatividad en la que participen diversos perfiles, diferentes personas, experiencias no afines… para, juntos, atacar al cerebro vaguete con técnicas que le extraigan ideas revolucionarias sobre un concepto inicial y convencional de proyecto. En estos momentos, a nosotros nos enamora la técnica de Provocación de Edward de Bono.

¿Y a ti qué técnica te apasiona?

2. Conceptualización y UX colaborativas

Dentro de la filosofía agilista que impregna todo lo que hacemos (y cómo lo hacemos) en Biko, la introducción del trabajo colaborativo en las etapas de conceptualización y aterrizaje del producto (consultoría y UX de toda la vida pero ahora entre todo el equipo del proyecto) nos está permitiendo enriquecer el resultado final.

Ejemplos claros son las sesiones de mapas metales, para identificar qué contenidos y funcionalidades debe ofrecer el producto online según las necesidades del usuario a cubrir. La inclusión en estas sesiones creativas de perfiles variados (tecnólogos, gestores de proyecto, diseñadores gráficos, maquetadores, consultores de negocio y gente de UX) consigue, no sólo incrementar el número de ideas y la calidad e innovación de éstas sino, que todo el equipo ya imagine cómo va a llevar a la realidad esa imagen que ahora mismo sólo está en una pizarra y en nuestras cabezas.

Como muestra de ello, un sencillo mapa mental con necesidades de usuario realizado por todo el equipo identificando funcionalidades:

3. Agile inceptions

¿Qué hay más satisfactorio en un trabajo que tener al cliente para el que lo estás realizando en armonía contigo? (Quizá un sueldo astronómino, pero no vamos a ponernos ahora en modo terrenal).

Para conseguir una perfecta sintonía con el cliente, no he probado nada mejor que los Agile Inceptions. Para los que no estáis familiarizados con el tema, lo simplificaré en una frase: son reuniones de inicio con el cliente para conceptualizar el producto y aterrizar el proyecto de forma colaborativa entre todos los stackeholders.

A pesar de que, igual que el maestrillo cada uno tiene su librillo y termina adaptando las técnicas, priorizando algunas, eliminando otras e introduciendo nuevas, el modelo de Agile Inception es perfecto para arrancar un proyecto con garantías.

Particularmente me encanta que, tras un par de sesiones de trabajo cliente-equipo, todos los participantes en el proyecto tengan clarísimo el objetivo prioritario, el diferencial o lo que NO va a ser el producto a construir.

También disfruto construyendo con el cliente los personajes o usuarios objetivo, aunque no sea una técnica especificada como tal en el Agile Inception. Creo que los “arquetipos” ganan en riqueza al elaborarlos entre el grupo y es muy sano identificar a los personajes primarios, secundarios y críticos casi por consenso.

¿Qué técnica te gusta utilizar en los Agile Inceptions?

4. Cambio del entorno de trabajo

Muchas veces es necesario salir del contexto habitual de trabajo para poder producir ideas creativas. La recomendación cuando hay atasco mental es siempre parar, despejar la mente y realizar otro tipo de actividades para permitir al subconsciente procesar toda la información acumulada y lanzar al exterior la idea creativa que se busca.

Lo que ocurre es que, en ocasiones, es complicado de conseguir. Los plazos, los nervios, las pilas de trabajo acumuladas… no ayudan y llegan a imposibilitar que puedas levantarte de tu asiento y  relajarte en otro lugar.

Así que en Biko hemos optado por cambiar nuestro entorno para conseguir transformarlo en un lugar donde te den ganas de refugiarte y generar ideas creativas. Para ello, hemos tirado de rodillos, brochas y tijeras y hemos cambiado las salas A, C, E… en la Sala Roja, la Sala Naranja, la Sala Azul… Y seguimos haciendo cosas como construir rinconcitos para pensar y trabajar en silencio o empapelar de papel de pizarra las paredes…

El antes…

Y el después…

5. Sonreír hasta la risa llorona

Y ya como punto final, como remate de creatividad y felicidad, mi recomendación más recurrente: reír, reír en cada ocasión que lo permita.

Hace unas semanas, me deleitaba con un artículo de Carmen Chaparro sobre el tema: “Sonreímos porque estamos bien, pero también funciona a la inversa: la sonrisa ayuda al cuerpo a cambiar su estado de ánimo (…) Sonreír nos hace más competentes (…) Sonreír también nos da valor (…) Y además baja nuestra presión sanguínea. Y provoca un lifting natural en la cara que nos hace parecer más jóvenes. Y mejora nuestro sistema inmune, que trabaja mejor cuando estamos relajados y felices. Y aumenta las endorfinas, la serotonina y las hormonas “aniquiladoras” del dolor.”

Pero a pesar de los infinitos beneficios de sonreír, hemos degenerado en nuestros puestos de trabajo hasta el punto de mirar mal a quien lo hace, de identificar la risa con relajación y falta de esfuerzo, con ausencia de productividad. Reír es políticamente incorrecto porque rompe el silencio propio de una oficina de trabajo, de una sala de espera, de un ascensor, de una tienda de ropa…

“Una vez que dejamos de ser niños, pasamos de 400 sonrisas diarias a apenas 20“. Sin embargo, no hay nadie más creativo que un niño. Así que, ¡venga esas sonrisas!

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?

Desde hace algún tiempo siento un interés cada vez mayor por las cuestiones relacionadas con el diseño. Sin duda, este interés está claramente influenciado por mi compañero @ArtziS, que vive en permanente cruzada en favor las mejores prácticas ágiles desde el punto de vista de UX.

Saboreando uno de los libros que le distraigo de la mesa en cuanto se despista, di con unos artilugios realmente impresionantes. Vamos, un ejemplo de buen diseño.

Tecnología Inuit

¿Cómo resolveríamos la necesidad de un esquimal, que debe navegar bordeando la costa sin perderse? Hablamos de una canoa, agua más bien fresquita, de unas manoplas enormes y peludas que no apetece quitarse cada veinte minutos… Desde un punto de vista tecno-urbano (el mío sin ir más lejos) uno empieza a pensar en un GPS, un smartphone, o cualquier otro gadget que permita consultar los mapas de la zona, indicando la posición y rumbo. Claro que montado en una canoa, en las condiciones descritas no parece fácil soltar el remo, sacarse las manoplas evitando que se caigan al agua, consultar el mapa en el dispositivo, volver a tomar el remo, avanzar, y así sucesivamente. A estos problemas se suma la duración de la batería, e incluso, la posibilidad de recargarla en determinadas situaciones.

Y así es como lo han resuelto:

Ejemplos de mapas táctiles esquimales

Mapas táctiles:  Tallando madera con la suficiente precisión como para reconocer el terreno (no necesitan más). Se pueden llevar dentro de las manoplas y consultarlos sin necesidad de sacar las manos de ahí, si llegan a caerse al agua flotan, son ligeros  y no necesitan batería.

Diseñar desde dentro

La solución al problema de la navegación de los esquimales la han resuelto conociendo bien sus propias necesidades, considerando en primer lugar los materiales disponibles en su entorno, y haciendo uso de sus propias habilidades para crear el producto que necesitaban. Además, todos estos factores les han permitido probar rápidamente los prototipos e ir desechando todo aquello que no funciona o es superfluo.

Del mismo modo, si queremos diseñar una herramienta para un cliente, quien mejor que él mismo para describir sus necesidades, descubrir los materiales y recursos a su alcance y sumarlo a la destreza de nuestro equipo para desarollar el producto más adecuado.

Por este motivo insistimos en la participación cliente en su propio proyecto de forma activa.  Nuestro equipo necesita construir una visión común del proyecto con él desde el primer minuto, identificar las funcionalidades más importantes para abordarlas siempre en primer lugar, que participe en las sesiones de planificación para ir ajustando la trayectoria a lo largo del proyecto, del mismo modo que los esquimales navegan por la costa consultando continuamente su mapa.

Si te preocupa un buen diseño, prueba a sumergirte en el problema que debes resolver. Por eso queremos al cliente sentado con nuestros equipos, viviendo el proyecto en primera persona. Sólo así somos capaces de ofrecer la mejor solución a sus problemas de negocio, en el tiempo disponible y a su justo precio.

Con este post iniciamos una serie de artículos centrados en explicar cómo trabajamos en Biko la AI. Trataremos de explicar en nuevos artículos algunos de los pasos de nuestra metodología. ¡Atentos al siguiente sobre Modelado de personajes y escenarios!

Todos estamos detrás de lo que los americanos denominan el engagement: fidelizar usuarios, convertir usuarios en clientes…

Y que mejor estrategia que recomendar aquellos elementos de nuestra web que concuerden con sus intereses. Esto es algo que hemos visto y mucho en sites de e-commerce, siguiendo la estela de Amazon, al que siempre recurrimos como ejemplo explicando el concepto con funcionalidad como “te recomendamos estos productos” o, “compradores que adquirieron este libro también han adquirido estos otros”…

Este tipo de técnicas y estrategias también están dando el salto a los medios online y portales de información.

NYTimes incorpora recomendación en las páginas de su portal

Para ello se recurre a lo más antiguo, aplicar con criterio la capacidad curatorial de los periodistas e informadores. Valioso y necesario en muchos casos de buen periodismo.

Pero también la tecnología, en base a similitudes semánticas, valoraciones sociales o patrones de comportamiento, puede adquirir una gran importancia. Además “escala” mejor que la tarea manual que puede realizar una redacción.

Dos casos recientes de referencia: New York Times y Bloomberg

Nytimes.com, estos meses célebre por su metered paywall, además de querer cobrar a una parte de sus usuarios,  o de trabajar un periodismo de muchos quilates, ha incorporado la recomendación de contenidos de una forma realmente interesante y en base al trabajo de la redacción, de algoritmos y de preferencias sociales. Merece la pena una revisión detallada del modelo, que estoy seguro seguirán otros muchos medios. Demuestra cómo el registro de usuarios puede aportar un gran valor a éstos.

Por su parte Bloomberg recomienda contenidos en base a los consumos de sus 20 millones de usuarios y el cruce entre la información que les parece más interesante y la manera que quieren recibirla en función del momento del día, gracias a las alternativas que hoy en día ofrecen los ordenadores personales, móviles y tabletas.

Gigaon informa que Bloomberg extrae información de 100 puntos de cada página de contenido en base a los patrones de comportamiento de sus usuarios y a partir de esta información recomienda a los lectores gracias a 15 algoritmos distintos.

Estrategias que se están viendo

Al menos estas tres, pero iremos hablando de otras

• Mejor servicio, que se traduce en más consumo de contenidos y por tanto un mayor inventario publicitario que ofrecer a anunciantes.

• Si se integra sabiamente con los adservers, permite segmentar de mejor manera los impactos publicitarios, que la publicidad sea más efectiva y que se pueda vender a tarifas más altas.

• Si un media cuenta con un negocio complementario de e-commerce, desde suscripciones, paquetes Premium o la venta detallista de un conjunto de productos (libros, informes, electrónica…) podrá sugerir y ofertar de forma contextualizada, evitando el spam en las páginas de contenido y buscando una mayor conversión con sus campañas y promociones. Me gusta el ejemplo de Harvard Business Review.

Harvard Business Review utiliza la recomendación para ofertar productos en su site

Resumiendo

Negocio, negocio y negocio… algo de lo que andan muy necesitamos numerosos portales de información. Eso sí, mejorando la experiencia de sus clientes, los lectores.

Más información:
Bloomberg: Personalizing the News for 20 Million People
The NYT adds recommendation features to its article pages

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

¿Eres un poco manazas cuando dibujas wireframes en papel a mano alzada con lápiz y goma de borrar?

Por $19,99, puedes hacerte con una libreta de lujo para que tus manos de árbol no perjudiquen tus prototipos y la presentación de tus ideas. Y todo ello sin tener que recurrir al ordenador para pintar algo decente.

¡¡Quiero esa libreta!! ¿Reyes magos, estáis ahí?

Visto en Fubiz

Hola, me llamo Yoana, y soy nueva en el prototipado.

En uno de los últimos proyectos que nos hemos embarcado en Biko, y dentro de consultoría, me ha tocado empezar con la tarea de prototipado; y como soy nueva en esto y me iba a resultar igual de difícil trabajar con Omnigraffle (más o menos estándar en Biko) que con cualquier otra herramienta del mercado, decidimos probar a hacerlo con Google Drawings, ya que nos permite tener los documentos compartidos fácilmente y que todos pudiésemos ajustarlos con sólo tener acceso a un navegador.
Teniendo en cuenta que en el equipo somos 3, yo trabajo en remoto y además cada uno tiene un equipo con una batería de programas diferente, este punto era importante para que todos les pudiésemos meter mano.

Para empezar Sonesu me lo puso fácil, me pasó los Stencils de Morten Just para prototipar con Google Drawings. ¿Qué más se podía pedir? gracias Su!

Las formas que venían con los Stencils me vinieron de maravilla, luego solo era cuestión de adaptarlas a lo que íbamos pensando para la aplicación concreta.

El primer prototipo fue el más sencillo y complicado a la vez. ¿Cómo se mueven las cosas? ¿el alt funciona? ¿cómo selecciono varias formas a la vez para mover en bloque?, supongo que todo esto para alguien acostumbrado serán chorradas, para mí entonces era todo un mundo por explorar.

Tucos para utilizar Google Drawings para prototipar:

1. Seleccionar varias formas a la vez

Para seleccionar varias formas a la vez tenemos dos maneras:

• manteniendo la tecla alt pulsada
• seleccionando un conjunto. Para hacerlo hay que posicionarse fuera del lienzo y crear un cuadrado de selección.

Sobre esta última opción, un apunte importante: al contrario que en otros programas, los elementos seleccionados no son aquellos que quedan completamente dentro del cuadrado de selección, sino todos aquellos que toca dicho cuadrado, por lo que cada vez que quieres seleccionar varias cosas del centro hay que ir eliminando de la selección todas las formas que los contienen.

Ejemplo, en esta pantalla para seleccionar el buscador, al principio nos selecciona también el cuadrado grande que lo contiene:

Así que manteniendo “alt” pulsado deberemos quitar el cuadrado grande y otros elementos que no queramos agrupar:

Una buena práctica es ir agrupando cosas que tengan sentido como un todo, porque luego seleccionar un conjunto de elementos puede ser tarea difícil, sobre todo cuando se prototipan objetos encima de otros objetos que no están relacionados (ej. popups sobre fondos semitransparentes, simulando el efecto lightbox).

En este caso es bueno agrupar los objetos inferiores (el fondo semitransparente y resto de objetos por debajo de él), para luego poder trabajar fácilmente con los objetos superiores (el popup).

2. Mantener proporciones

En Google Drawings mantendremos pulsada la tecla alt para mover las formas con un ajuste más preciso, y de igual modo, la utilizaremos también, al redimensionar, para no perder la proporción inicial de la forma.

3. Copiar formas entre prototipos en diferentes documentos o archivos

Algo tan sencillo como copiar una forma o un conjunto de formas entre dos prototipos de diferentes documentos se convirtió en una auténtica odisea, hasta que descubrí que la única forma de hacerlo es a través del “web clipboard”.
Esto me ahorró mucho tiempo: ¡ahora era mucho más fácil cambiar en todos un fallo detectado en el prototipo número 5!.

4. Nunca eliminar la cuenta google a pesar de tener los prototipos compartidos

Queda ya para la historia que, después de tener todos los prototipos maqueados y entregados, se nos ocurrió borrar la cuenta google porque nos estaba dando problemas de compatibilidad.

No nos fijamos que esa cuenta era propietaria de los prototipos y que, por mucho que los documentos estuvieran compartidos, si el propietario desaparece… los documentos también. Como de todo se aprende, esto no nos volverá a pasar .

Al finalizar, esta vez sí, hicimos una copia de los documentos exportándolos a PDF para poder enviarlos al cliente, sin darle acceso a los prototipos online.

Como conclusión final puedo decir que el trabajo ha resultado ser entretenido y gratificante, y el poso que me ha quedado es que, en general, Google Drawings es una buena herramienta para prototipar. Para los eruditos seguro que se queda algo corta, pero para hacer cosas básicas a mí me ha parecido suficiente y además te aporta la gran ventaja de poder hacerlo todo online y en tiempo real a través sólo de un navegador, de forma que todos los miembros del equipo puedan ver y modificar, si es el caso, el trabajo que se va haciendo.