Este movimiento dio por resultado la posibilidad de trabajar con nuevos desafíos, los cuales implicaron procesos de investigación y cuyo resultado se cristalizó en el prototipado y construcción de aplicaciones complejas.

Los desafíos

Los proyectos encarados implicaron -entre otros- el rediseño total de una plataforma de evaluación de desempeño hasta el revamping de la dinámica de una red social privada.

Asimismo, el Banco Santander (o Santander-Río, como es conocido por estos lares) nos convocó para generar “from scratch” el concepto para dos herramientas 2.0: los sistemas de Gestión del Conocimiento y de Perfiles de Empleados. En ambos casos trabajamos codo a codo con los responsables de los proyectos, generando varios focus groups donde pusimos a prueba las hipótesis generadas en base a nuestros estudios previos sobre los comportamientos que la organización buscaba de sus empleados.

El equipo de Officenet nos solicitó a mediados de año que los acompañáramos en su camino de permanente innovación. Para este momento, hemos trabajado en la usabilidad a nivel general, y ahora nos encontramos en el proceso de implementación de un nuevo sistema de búsqueda, donde la relevancia en el orden de los listados esta dada por un complejo algoritmo customizado especialmente para los tipos de producto y clientes de esta empresa.

Continuamos con nuestro trabajo en Bumeran, generando un sistema más transparente de postulaciones y lanzando el servicio de comercio electrónico para las empresas que buscan talento por medio de su plataforma. El foco de las intervenciones estuvo puesto en modelar y diseñar la experiencia de los usuarios.

La metodología

Este trabajo con clientes fue acompañado con un gran crecimiento “puertas adentro” de nuestra estructura, definiendo una cultura propia, con la innovación como eje principal; estudiamos varias metodologías, las pusimos a prueba en los proyectos encarados y logramos resultados en tiempo y forma.

Tomamos nuevas pautas de trabajo, derivando y adaptando los principios aprendidos de metodologías ágiles como Scrum. Esto dio por resultado la creación de un proceso de diseño y desarrollo único, que nos permite conocer los requerimientos de los clientes y probar hipótesis con los usuarios, para terminar con la construcción de esas soluciones integrales.

En este mismo sentido, nos propusimos generar una nueva forma de documentar nuestros procesos de diseño de la interacción para aplicaciones complejas (a las que llamamos también “aplicaciones orgánicas”). En este momento nos encontramos en las iteraciones finales de esta nueva forma de documentación, que nos permitirá comunicar a los actores involucrados el comportamiento de la aplicación en la interacción con los usuarios de una manera clara y concisa.

Propagar el conocimiento

Nuestro compromiso con la difusión de la disciplina nos llevó a fundar y liderar el branch argentino de la Asociación de Diseño de Interacción (IxDA), donde a lo largo del año hemos generado eventos de capacitación, networking y awareness junto con un genial equipo de referentes en el área.

Este año, continuaremos el trabajo para lograr una definición madura y concreta del campo profesional junto con los grupos de Brasil, y en apoyar e iniciar proyectos educativos propios. A partir de marzo también retomaremos el trabajo de “evangelismo” que iniciamos el año pasado con presentaciones en la UP, Microsoft y PalermoValley.

Asimismo estaremos duplicando esta apuesta educativa para 2010, afianzando nuestro joint venture con Corvalius (nombrado “Keikendo“) donde nos encargaremos de la capacitación de equipos de desarrollo en diseño de experiencias, una nueva forma de pensar al diseño de productos digitales que será la ventaja competitiva más grande con la que los software factories puedan contar.

En síntesis, este año que comienza será uno de grandes aprendizajes y nuevas experiencias, donde seguiremos transitando esta excelente aventura del conocimiento!

Gracias a todos los que nos acompañaron =)

Mariano A. Goren
Project Management & New Business Development

En el evento WPF Jutsu!, el equipo explorará WPF aportando mejores modelos y prácticas que optimicen el aprovechamiento de esta tecnología, buscando mejorar tanto la inversión como los tiempos insumidos en desarrollo y los recursos involucrados en el proceso.

La jornada tendrá un enfoque teórico y práctico: Se trabajará sobre una aplicación de ejemplo, cuyo código fuente se ofrecerá  a los asistentes. Asimismo, obtendrán una autoevaluación que permitirá a los equipos mejorar su trabajo diario y conocer mejor su organización.

Temario:

• ¿Qué es diseñar una experiencia?
• ¿En qué se fundamenta el Diseño de Interacción?
• ¿Por qué WPF?
• ¿Cómo incorporar el diseño de interacción en el proceso de desarrollo de software?

Audiencia:

Gerentes de Tecnología, Project Managers, Arquitectos, Diseñadores de Interacción, Desarrolladores.

Reservar un lugar »

Lunes, 16 de noviembre de 2009 06:30 p.m.
Microsoft de Argentina - Bouchard 710, 4 piso - Buenos Aires

El formulario de contacto en un sitio web es de vital importancia para poder convertir las visitas de los usuarios en acciones concretas. Cuantos menos campos contenga el formulario, mayor será la probabilidad de que los visitantes lo completen. Además de estar especialmente diseñado para cumplir con esta premisa WP-Quick-Contact-Form permite agregar un formulario a una Página o un Post de WordPress muy fácilmente.

DEMO
Formulario de contacto en icograma.com

INSTALACIÓN Y USO

1) Cargar el plugin en la carpeta wp-content/plugins dentro del directorio de WordPress online.

2) Activar el plugin en el Panel de Administración.

3) Para crear un formulario de contacto agregamos una nueva página o un post según convenga. En el campo de contenido agregamos [quickform mailto="mail {at} example(.)com"] especificando la dirección de email donde queremos recibir los mensajes.

Atención: en caso de tener activado algún plugin para obfuscar las direcciones de email del sitio el formulario de contacto no podrá identificar el email especificado en [quickform] y mostrará un mensaje de error cada vez que se complete el formulario. Para resolver esto sin desactivar el Plugin que obfusca las direcciones de email se dedeberá especificar la dirección de email manualmente en el archivo /wp-content/plugins/wp-quick-contact-form/wp-quick-contact-form.php en lugar de hacerlo en el shortcode [quickform].

ADVERTENCIAS

Versión de WP
Requiere WordPress 2.5 o superior.

JQuery
Este plugin agrega la librería JQuery a la cabecera del sitio para validar el formulario. En caso de que algún otro plugin esté utilizando otra librería como Prototype, Mootools o YUI la validación del formulario dejará de funcionar porque JQuery entra en conflicto con estas librerías. Para mayor información recomendamos leer la documentación en el sitio oficial de JQuery: Using JQuery with Other Libraries.

El día jueves 5 de noviembre a las 1830 hs. nos estaremos dando cita nuevamente en el auditorio principal de Microsoft, donde trataremos temas relacionados con prototipado y wireframes desde la perspectiva del diseño de interacción.

En esta oportunidad, continuamos profundizando en la temática de las capacitaciones y haciendo hincapié en las destrezas útiles para el diseño web.

Para esta ocasión, Santiago Bustelo estará realizando la introducción a estos tópicos, siendo los oradores principales Luis Allona, Manuel Razzari (de Con Vista al Mar) y Daniel Priego García (de Microsoft/PGComs).

Dado que los cupos son limitados, se recomienda reservar una vacante con anticipación en http://ow.ly/wUHg

Nos vemos allá!

Mariano A. Goren

WP-Slightbox-Galleries permite agregar galerías de imágenes en los posts de WordPress de una forma muy sencilla. Es una adaptación para WordPress de Slightbox, una extensión de Smooth Gallery. Este último sirve para armar galerías con una serie de imágenes, y el primero para ampliar cada una de ellas.

 

INSTALACIÓN Y USO:

1) Cargar el plugin en la carpeta wp-content/plugins dentro del directorio de WordPress online.

 
[slightbox]
<img class="alignnone size-medium wp-image-228" title="Imagen 1" src="http://10.0.0.11:8888/icograma/cms/wp-content/uploads//2009/06/editorial-dcd.jpg" alt="Imagen 1" width="426" height="325" />
<img class="alignnone size-full wp-image-229" title="Imagen 2" src="http://10.0.0.11:8888/icograma/cms/wp-content/uploads//2009/06/picture-19.png" alt="Imagen 2" width="880" height="740" />
[/slightbox]
 

ADVERTENCIAS:

Mantenimiento
Este plugin es open-source. Lo publicamos y liberamos para que todos puedan usarlo y modificarlo en la medida que deseen. No haremos un mantenimiento o seguimiento del mismo, ni planeamos mejoras por el momento.

Conflicto con JQuery
Este plugin incorpora la librería de JavaScript Mootools a la cabecera de WordPress. Si alguno de los plugins activados está usando JQuery puede dejar de funcionar al activar WP-Slightbox-Galleries. Para mayor información recomendamos leer la documentación en el sitio oficial de JQuery: Using JQuery with Other Libraries. 

Internet Explorer 6
En raras ocasiones IE6 deja de cargar la página y muestra un mensaje de error cuando se visita un post con una de estas galerías dentro. Esto es porque algún tag del HTML quedó “mal cerrado”. Para corregirlo tenemos que revisar el HTML para verificar cual es el tag que no tiene su correspondiente cierre y ajustarlo.

Presentación de Santiago Bustelo el 5 de octubre en el Planetario Galileo Galilei, en el marco de Palermo Valley 12.

Presentación:

En esta presentación, voy a contarles qué es el Diseño de Interacción, de dónde venimos, dónde estamos, y a dónde vamos:

En un principio fue el bit:

Después, toda esa energía se compactó y surgió la interfaz.
Una aplicación, un sitio, se compone necesariamente de estos dos elementos.
Aunque la interfaz no la haya hecho un diseñador, o el desarrollo no lo haya hecho un programador.

Esto al usuario no le importa. Al menos, no directamente.

La relación del usuario con la interfaz y el desarrollo, ocurre en un plano superior: la experiencia.
La experiencia, esta atmósfera que rodea la aplicación, tiene que tener la composición y densidad adecuadas. Sino, al usuario que aterriza sobre nuestra aplicación, le puede explotar la cabeza
El Diseño de Interacción busca lograr mejores experiencias para la mayor cantidad de usuarios, definiendo el modelo de operación de nuestros sitios y aplicaciones.

De dónde venimos? El diseño de interacción tiene una larga pre-historia.
En 1968, Douglas Engelbart hace una demostración de tecnologías experimentales…

…(el mouse, edición de texto, hipertexto, email y hasta videoconferencia), surgidas de su visión del futuro:la computadora potenciando la capacidad intelectual humana para lograr un mundo mejor.

Sobre esa visión, pioneros fueron construyendo paso a paso un modelo de interacción simple y coherente,en el que todas las aplicaciones usaban el mismo lenguaje de ventanas y menúes desplegables…

…y se operaban bajo los mismos principios, compartiendo una serie de operaciones básicas, como copiar, pegar, deshacer.
Las aplicaciones de escritorio fueron montándose sobre este modelo unificado, y de a poco extendiéndolo.

Pero este modelo fue opacado…

…y quedó una nebulosa…

…por la aparición de una nueva constelación…

…en la que el usuario necesita bastante más esfuerzo en unir los puntos: las aplicaciones web.
1994, aparece la primer versión de Netscape.
Las aplicaciones web surgieron sin poder tomar el modelo de las aplicaciones de escritorio, ni tampoco se había planteado un modelo alternativo.
Se fue avanzando en esta conquista del espacio por prueba y error.
En el 2004, aparece Gmail, se establece AJAX y aparecen nuevas fronteras.
Y en otro orden de cosas, se populariza el término “web 2.0”, signifique lo que signifique.

En todo este tiempo, en esta conquista del espacio, surgió la necesidad de diseñar el modelo de operación de las aplicaciones.
Algo que antes sólo hacían unos pocos como Apple, Microsoft, Adobe… cada vez más gente lo estaba haciendo.
2003: se establece consenso sobre el nombre de la disciplina, “Diseño de Interacción”, y se forma la IxDA.Una asociación sin fines de lucro ni costo de membresía, dedicada a impulsar el profesionalismo, evangelismo, educación e innovación en el campo del Diseño de Interacción.
En feb 2009 organizamos la primer reunión del capítulo local, IxDA BA. Desde entonces estamos creciendo y tomando los desafíos que encontramos en la región.

¿Dónde estamos hoy? ¿Que aprendimos en estos 40 años?
De la prueba y error, pasamos a la sistematización, en donde vemos qué funcionó y, lo más importante, por qué funcionó.
Y con eso, sabemos cómo condensar la nebulosa para generar nuevas aplicaciones con las experiencias que buscamos.

Hoy sabemos que conseguir el compromiso del usuario, el engagement, no depende de un atributo particular del diseño, el desarrollo o el modelo de negocios.
Sino, de balancear en la interacción los desafíos con las habilidades del usuario, de manera de evitar la frustración (alto desafío, baja habilidad) y el aburrimiento (bajo desafío, alta habilidad). Y permitir al usuario transitar por esa franja del medio…

…que en inglés se llama “flow” y que podríamos traducir como “¡qué copado!”.
Ese es el mayor cumplido que podemos recibir emprendedores, programadores, diseñadores.
No que la aplicación esté bien diseñada, bien programada, ni que tenga un buen modelo de negocios.
Que está copada.

Por último, quiero contarles a dónde vamos.
El futuro del diseño, el desarrollo, los negocios en la web, ya está empezando a suceder.
Los desarrolladores (que empiezan del bit) y los diseñadores (que parten de la interfaz) estamos encontrando los conceptos y metodologías para dejar de chocar en el medio…

…y poder trabajar de manera coordinada, mejorando la experiencia en cada iteración.

En una escala mayor, nuestras aplicaciones van a ir formando un sistema con las demás.
Miles de experiencias coordinadas por los mismos principios, mejorando la vida de las personas.

Ese es el futuro que tenemos por construir. Diseño, desarrollo y negocios centrados en el usuario.
Los invito a sumarse a IxDA, ixda.com.ar.
Muchas gracias!

Bumeran.com es una compañía líder en reclutamiento de talento online, con operaciones en Argentina, Brazil, Chile, Colombia, Costa Rica, República Dominicana, Ecuador, México, Perú, Uruguay y Venezuela.

Realizamos relevamientos con variados tipos de usuarios, tanto desde el lado de los postulantes como de los reclutadores, y utilizamos este feedback para retroalimentar el trabajo de diseño y maquetación que condujimos.

Respondimos a la demanda de actualización del site y de integración de las herramientas de la plataforma, de la cual venía careciendo hasta el momento.

Nuestro trabajo junto a ellos comenzó por un análisis completo de la usabilidad de la web, lo que permitió sentar las bases para un trabajo progresivo de mejora de la experiencia de los usuarios.

• Evaluación experta de usabilidad
• Evaluación conceptual de la relación entre core business y servicios brindados
• Facetado y reformulación de la búsqueda hacia resultados refinables progresivos
• Documentación funcional del proceso
• Organización de reuniones participativas con delegados de los equipos de desarrollo, marketing y dirección
• Realización de mockups interactivos, orientando a la refocalización en la tarea central de los usuarios
• Relevamiento y benchmark sobre identidad del site
• Redefinición del lenguaje visual para cada área del site, sobre estadísticas de uso.

Link: www.bumeran.com

Keepcon (start-up ganador de la competencia de la Red Innova 2009) es un sistema integral que soluciona la moderación de contenidos web (textos, imágenes y videos) generados por usuarios.

Trabajamos con los fundadores desde la misma concepción
del proyecto, aplicando los principios del diseño de interacción a las interfases y tomando en cuenta el tipo de trabajo de los moderadores, aplicando estrategias concebidas desde la psicología cognitiva.

Esto resultó fundamental para el éxito de la plataforma, que es capaz de detectar contenidos de riesgo automáticamente, según las reglas definidas por cada cliente. En caso que la detección sea dudosa, los contenidos pasan a una etapa de moderación manual. Allí es donde se ve el verdadero valor aportado por las distintas intervenciones que realizamos.

Para el desarrollo de la plataforma se tuvo en cuenta el flujo de trabajo de los moderadores y su proceso cognitivo. Dado que se trata de una tarea intensiva y repetitiva, la interfase se diseñó considerando los factores que favorecen o perjudican este proceso.

Dijeron del proyecto:

“Cuando definí inicialmente los requerimientos no funcionales de la plataforma que debía desarrollar, puse de relieve la necesidad de 2 elementos:

1)      Una interfaz de usuario que, a los efectos funcionales, sea simple y amigable de modo de potenciar su uso acelerando la interacción del usuario.

2)      Una interfaz de usuario que, a los ojos de un potencial cliente, sea de alto impacto presentando una estética profesional y techy.

Icograma no solo cumplió ambos objetivos, sino que se involucró en la comprensión de los requerimientos funcionales y agregó valor sugiriendo incorporaciones tanto a nivel de GUI como del proceso funcional. Incorporamos, gracias a las sugerencias de Icograma, principios de psicología cognitiva para mantener alta la atención y concentración de los usuarios como así también mecanismos de control automático sobre la calidad del trabajo de los mismos. Icograma cumplió en tiempo y forma con lo solicitado y agregó valor involucrándose más allá de lo planificado.“

Matías Rozenfarb, CEO & Co-founder - Keepcon

Link: www.keepcon.com

Este proyecto implicó un interesante desafío: la creación de una red social para jugadores de tenis en EE. UU.. Trabajamos en el desarrollo de la interfase gráfica desde la concepción del usuario tipo, estableciendo la funcionalidad que iba a ser requerida de la plataforma.

Este proceso de investigación nos permitió concluír que un site de estas características no precisaba ser un clon de Facebook o Myspace: no debía ser focalizado en el hecho de “hacer amigos”, sino en lograr efectivamente encontrar otros jugadores cerca y poder coordinar partidos de manera sencilla y clara.

El desarrollo de gráfico fue orientado a lograr un site 100% compatible con Iphone, priorizando el calendario de partidos y la posibilidad de enviar y recibir invitaciones. La posibilidad de reservar canchas y tomar los servicios de profesores también estuvieron contempladas en el desarrollo.

” Icograma nos sumó valor en cada etapa de la definición del proyecto, desde el modelo de interacción hasta el último detalle del html de cada página. ”

Eugenio Suñer
Vice-Chairman - Short & Tall

Officenet es un emprendimiento argentino exitoso, que logró expandir sus operaciones a Brasil y luego fue adquirida por la compañía multinacional Staples.

Fundado por Andy Freire y Santiago Bilinkis, su negocio es la venta de insumos para oficinas por catálogo.

El éxito obtenido dio paso a la implementación de un canal digital para facilitar la compra a los usuarios, que recibieron muy bien la posibilidad de customizar permisos para delegar sus compras y a la vez mantener un control estricto sobre el presupuesto asignado.

El progresivo crecimiento de la utilización de esta plataforma dio paso a nuestra intervención, focalizada en lograr maximizar el ratio de conversiones por medio de la mejora de la experiencia de los usuarios.

Junto a ellos condujimos un completo análisis heurístico de su portal, con el objetivo de evaluar en profundidad los aspectos racionales del comercio electrónico y del comportamiento de los usuarios. Se observaron también las interfases gráficas y la presentación de los productos.

Se entregó un informe completo basado en dos ejes: respecto de las diez heurísticas ideadas por Jakob Nielsen y el Tamiz de Navegación del usuario de Jared Spool, abocado al comercio electrónico. Se acompañó este trabajo con reuniones presenciales donde pudimos brindar feedback acerca de los próximos pasos a tomar de cara al futuro.

Nuestro segunda intervención constó de la investigación y posterior implementación del algoritmo utilizado en su buscador interno, para lograr que los resultados ofrecidos por el sistema sean más relevantes.

Al día de hoy nuestra labor consta en una consultoría permanente, focalizada en lograr maximizar el ratio de conversiones por medio de la mejora de la experiencia de los usuarios.

Link: www.officenet.com