UXSpain ha sido el primer encuentro de profesionales de la Experiencia de Usuario en España. Celebrado en la Universidad Pontificia de Salamanca, durante los días 11 y 12 de mayo de 2012, gracias a la coordinación de César García, Sergio Ortega, Yusef Hassan y Sergio Sánchez.

Presentaciones

Los siguientes ponentes han compartido su presentación:

• ¿Somos los diseñadores infalibles? (en SlideShare), por Pablo Sánchez
• Los Sistemas y la Belleza (PDF – 7Mb.), por Javier Cañada
• Simplicidad: Less is more vs Enough is better (PDF – 2,4Mb.), por Borja Delgado
• Aplicar Agile/Lean UX …y no morir en el intento (PDF – 7,9Mb.), por Ujue Agudo
• Lo digital llega a nuestro mundo …y yo con estos pelos (PDF – 6,3Mb.). También disponible a través del blog objectsoul, junto a los libros recomendados en la charla, por Aritz Suescun
• Afrontando la diversidad en la Experiencia de usuario (en SlideShare), por Nacho Madrid
• Interfaces táctiles: el desafío de las tabletas (en SlideShare), por Armando Fidalgo
• Diseño para todos no es posible, por Idoia Soto
• UX for business, por Nacho Herranz
• Elecciones.es: Un cambio de paradigma en los test electorales (en SlideShare), por Mónica Zapata

Crónicas y resúmenes

KungfUX Master:

• Ponencias y mesa redonda del viernes, 11 de mayo de 2012
  • [UxSpain] 11:15 – 12:00 Humberto Matas – Innovación y Diseño
  • [UxSpain] 12:45 Ujué Agudo – Cómo trabajar ágil con desarrollo… y no morir en el intento
  • [UxSpain] 13:00 Grace Ascuasiati y Ana Escontrela – Design Research
  • [UxSpain] 13:15 Dolors Pou – Midiendo la experiencia de usuario: Voice of customer
  • [uxSpain] 13:30 Nacho Herranz – UX for business
  • [UxSpain] 13:45 Pablo Sánchez ¿Somos los diseñadores infalibles?
  • [UxSpain] 16:00 – 16:45 Armando Fidalgo – Interfaces táctiles: el desafío de las tabletas
  • [UxSpain] 17:00 Aritz Suescun Siguiente reto: conectar el mundo físico y el digital
  • [UxSpain] 17:15 Borja Delgado Simplicidad: Less is more vs Enough is better
  • [UxSpain] 17:30 Dani Armengol – Del prototipo a la realidad
  • [UxSpain] 17:45 Nacho Madrid – Afrontando la diversidad en la Experiencia de Usuario
  • [UxSpain] 18:45 – 20:45 Daniel Torres Burriel modera la mesa redonda: El perfil UX en la vida real. ¿Comemos o nos comen? Olga Constanza, Karina Ibarra y Ana Pérez
• Ponencias y mesas redondas del sábado, 12 de mayo de 2012
  • [UxSpain] 11:00 Mónica Zapata – Elecciones.es: un cambio de paradigma a los test electorales
  • [UxSpain] 11:15 Idoia Soto – Diseño para todos no es posible
  • [UxSpain] 11:30 Jordi Sánchez – Buscamos alguien más “friqui”: la UX (Unemployed eXperience) de la UX
  • [UxSpain] 11:45 Tona Monjo – if (UX= (Agile+OpenSource) .multicultural) then…
  • [UxSpain] 12:45 – 14:30 Luis Villa modera la mesa redonda: De UX a emprendedor con Álvaro Ortiz, Nacho Puell y Álvaro Varona
  • [UxSpain] 16.00 – 16:45 Javier Cañada – Los Sistemas y la Belleza
  • [UxSpain] 17:00 – 18:45 Juan Leal modera la mesa redonda: Más despacio que me quiero enterar: hacia dónde va nuestra profesión. Jesús Gorriti, Sergio Álvarez Leiva y Margarita Barrera

Olga Revilla (Itákora)

• Los jardines de la UX Spain

Jordi Sánchez (jordisan)

• La resaca de UX Spain

Designit

• En UXSpain
• UXSpain segunda parte

Carmel Hassan

• UX in Spain

Katty Parvulescu (Internet Advantage)

• UXSpain en más de 140 caracteres

Sonia Rodríguez (Moleskine Digital)

• Algunas reflexiones tras el UXSpain

Manolo Ruíz (geekia)

• UXSpain

Daniel Torres Burriel

• Crónica de UX Spain

Multiplica

• Todo lo que pasó en el UXSpain

Fernando Muñoz (Señor Muñoz)

• Congreso de UXSP, una oportunidad perdida de poner en valor la profesión

Sergio Sánchez (Guindo)

• Desde la cocina de UX Spain

Irene Blanco (Kanvas Media)

• Resumen de nuestro paso por el #uxsp

Ujue Agudo (Biko)

• Cuándo es el próximo UXSpain? :)

Idoia Soto (Lotura)

• Impresiones tras el #uxsp 2012 y propuestas para el 2013

Karina Ibarra (Arquinauta)

• UX Spain 2012

Olga Constanza (Pasaba por aquí)

• Yo también estuve en Ux Spain

Gemma Casals

• Reflexiones después del debate en UX Spain (#uxsp)

Noemi Santos (noesantos)

• Mi visión #uxsp2012

Yusef Hassan Montero (Human-Computer)

• Mis impresiones acerca de UX Spain 2012

Jesús Gorriti

• el mundo al revés

Daniel Falcón (Neo Consulting)

• UX Spain: Lo aprendido y Reflexiones

Teresa Cebrián (Filling the Gap)

• Conclusiones del UXSpain 2012

Redbility

• UX Spain: Gracias por reunirnos

Ruymán Ferrera (IPOcampo)

• Cuatro ideas sobre UX Spain 2012

Christian Oliveira

• Resumen UXSPAIN 2012 por @christian_wilde

Sergio Ortega (sortega)

• Reflexiones UXSpain 2012

Luce Innovative Technologies

• Pequeña crónica – opinión del UXSpain

Jaime Fernández (vissit)

• Mi resumen de UXSpain 2012

Paradigma Tecnológico

• Crónica del UX Spain 2012

Mario Sánchez (Redbility)

• UXSpain: quizá más un medio que un fin

José Miguel González (KeCLab)

• Primer encuentro de profesionales de UX en España

Optimyzet

• Nosotros estuvimos en UXSpain

Gaby Prado

• UX Spain 2012: grupos, comunidad y conocimiento

Vía Twitter

• #uxsp, #uxspain, @uxspain
• Los tweets publicados bajo el hashtag #uxsp en un PDF, vía iZenius

Algunas fotos

• Galería de uxspain, en Flickr

• Galería de jruizjunquera, en Flickr

Los retratados, de izquierda a derecha: David J. Horat, Domingo Cabrera, Aritz Suescun, Ruymán Ferrera, Ernesto Rodríguez y un servidor.

Establece la necesidad de pensar en un diseño web “amigable con el futuro” (future-friendly); flexible, adaptable, preparado para la incertidumbre y teniendo en cuenta la diversidad de dispositivos y los diferentes contextos de uso.

Ver la presentación en SlideShare

Actualización del 14 de marzo de 2012: Brat Frost ha publicado For a Future-Friendly Web en A List Apart.

Introducción

El pasado 23 de noviembre de 2011, enmarcado en los eventos del Foro Internacional de Contenidos Digitales (FICOD), tuvo lugar un taller sobre Diseño estratégico. Fue impartido por César Astudillo, en esta ocasión, en calidad de profesor del h2i institute.

Sobre César Astudillo

César comenzó la charla haciendo una breve presentación sobre su dilatada trayectoria profesional: superviviente de la burbuja de internet en Netjuice, director creativo y de proyectos en PYRO Studios (los creadores de la famosa saga Commandos), su etapa como compositor de música para juegos de 8bits bajo el pseudónimo de “Gominolas” (por la que tiene una entrada en la Wikipedia) y acercándose al mundo UX en Xfera Móviles (primer operador 3G de España y que acabó siendo el actual Yoigo), EnVision y, finalmente, en Designit.

Estructura del taller

A grandes rasgos, la estructura del taller presentaba las definiciones y características del Diseño y de la Estrategia por separado, qué formas de integración se producían entre ambas disciplinas y cómo se ponía en práctica todo esto (a mi juicio, bloque éste último, el que contenía más enjundia y que, lamentablemente, no dio tiempo a ver).

Para conocer al público, César lanzó una pregunta sobre cómo nos considerábamos: diseñadores, clientes, técnicos u otros perfiles. Relativamente pocos respondieron que diseñadores.

Diseño

Se hizo una definición formal de diseño procedente de la RAE, para posteriormente preguntar qué se entiende por diseño. Para ello nos ilustró con la imagen de dos exprimidores:

• El Citromatic (1970) de Dieter Rams para Braun
• El Juicy Salif (1990) de Philippe Starck, comercializado por Alessi

César nos preguntó que cuál creíamos que tenía “más diseño”. Las respuestas fueron casi equitativas, para llegar a la conclusión de que ambos son objetos “de diseño”, pero con enfoques diferentes.

Diseño enfocado como:

• Símbolo (llamar la atención, destacar, decorar, diferenciar; el diseño dice: “mi dueño mola”)
• Función (uso, aplicación, pragmático; el diseño dice: “así debe ser utilizado, pon el vaso aquí…”)

¿Para qué se usa el diseño?

Comenzó con un ejemplo de una silla diseñada por Charles y Ray Eames. De cómo, en los años 50, una solución basada en calentar y humedecer la madera para que las piezas de ortopedia se adaptaran mejor al cuerpo, dio lugar a la creación de mobiliario con diseño orgánico.

Se comentó la colaboración entre el desarrollo técnico, la invención, y el diseño: “un inventor creó la seda dental, pero un diseñador la metió en una caja para que fuera fácil de manejar y cortar”.

El diseño lleva la novedad tecnológica al mercado y le ayuda a que tenga un retorno de la inversión (ROI). En ocasiones simplemente, lo embellece o diferencia y, en muchas otras, resuelve problemas.

¿Cómo se hace? Métodos y proceso de diseño

Modelos hay muuuuuchos, cientos. Un buen recopilatorio es How do you design? de Hugh Dubberly

El que le gusta a Astudillo es el de la metáfora de “la moto de tres cilindros”; en tres etapas, simultáneas, solapadas:

1. Percepción (una forma de mirar)
   • Insights, son “ramalazos” de comprensión, descubrimientos. Son los “ajá”.
2. Cognición (una forma de decidir)
   • Es la visión transformadora, el hacer algo con esos descubrimientos. Son los “Eureka”.
3. Acción (una forma de hacer)
   • Es materializar ese “Eureka”, puede no ser soluciones definitivas (prototipos, modelos). Son los “¿qué tal así?”

¿Qué habilidades hacen falta? Las miradas del diseño

1. Percepción (una forma de mirar)
   • Mirada empírica: sin miedo a probar, a meterse en la piel, a ponerse en el lugar…
   • Mirada extrañada: diferente a la familiar, a lo que estamos habituados
2. Cognición (una forma de decidir)
   • Mirada transformadora y, en cierta medida, inconformista: “¿qué tal así? ¿Y si le damos la vuelta?”
   • Mirada creativa: integrar elementos dispares de una forma nueva.
   • Abductiva: saltar de los datos a una conjetura, a una hipótesis.
3. Acción (una forma de hacer)
   • Visión pragmática: sueñas, pero con los pies en la tierra
   • Visión real: no vale con la idea, se debe poder realizar, ser viable. Las soluciones se aplican a la realidad y se someten a ésta.

La definición (interesada) de diseño

“Es el uso deliberado de la creatividad y heurística (conjunto de reglas difusas) para resolver un problema con múltiples grados de libertad y complejas constricciones”.

César finaliza esta parte de la charla preguntando si, tras estas definiciones, ahora alguien más se considera diseñador.

Ejercicio práctico

Astudillo nos propone un ejercicio (que para eso esto es un taller) de percepción dividiéndonos en dos grupos.

El ejercicio consiste en ver una serie de imágenes durante unos pocos segundos e ir nombrando al animal que vemos. Un grupo lo hace mientras el otro permanece con los ojos cerrados. Al grupo A se le muestran una sucesión de animales roedores y al B una sucesión de aves, al final de cada serie existe una misma figura ambigua. Para el grupo A, dicha figura se identifica con un roedor y para el B con un ave. Lo que viene a demostrar que la percepción se basa de manera importante en nuestra experiencia previa.

“La percepción es al 50% producto de los sentidos (lo que tienes delante) y al 50% la experiencia pasada (tu biografía, tu equipaje cognitivo)”

Estrategia

De nuevo, se nos ofrece una definición de la RAE. Destacando que Diseño y Estrategia comparten un término poco común en sus definiciones: traza. Una traza: un plan.

Nos habla de Stephen Covey (en palabras de Astudilo, “un hombre rudo”), autor de Los siete hábitos de las personas altamente efectivas. Y sobre efectividad, eficacia, optimización, aumentar los ratios, las cuotas…

César hace una analogía con la tala de un bosque, donde todo se mejora para obtener un mejor rendimiento, en menos tiempo… hasta que alguien sube a lo alto de un árbol y se da cuenta que están talando el bosque equivocado. Ese es el estratega, el que tiene una visión más amplia. El resto son tácticos, simples ejecutores.

La definición (interesada) de estrategia

Astudillo puntualiza que esta definición es siempre:

• Una oposición a la táctica.
• Depende del punto de vista del observado: siempre es la parte relativamente anterior de una cadena de toma de decisiones.

Estrategia es “Upstream Thinking” (término en inglés usado para sistemas de prevención de enfermedades). Es conocer perfectamente el proceso y adelantarse a algo para obtener beneficios después.

César, que es muy metafórico, comenta: “es poner las huevas de salmón en lo alto del río para que aparezcan salmones río abajo”.

¿Qué podría ser diseño estratégico?

Se plantean tres posibles escenarios:

1. Diseño dentro de la estrategia

El diseño se mete en la estrategia, la forma especial del pensar del diseño se aplica a los métodos (p.e. Design Thinking, Creative Quotient)

Un libro: “The Design of Business: Why Design Thinking is the Next Competitive Advantage” de Roger Martin. La idea es que el mero análisis de los datos disponibles nunca llevará a la disrupción necesaria para crear nuevos productos y servicios o modelos de negocio.

Entramos en la disyuntiva entre Validez o Fiabilidad.

Fiabilidad:

Método cuantitivista y algo peligroso. La estrategia basada en datos fiables hace que lo que no se puede medir, lo que no puede ser cuantificado, quede fuera de la ecuación.

Validez:

Se apoya en la intuición, en la experiencia, en el contexto. Implica asumir ciertos riesgos y a abrirse al pensamiento abductivo, no sólo al deductivo o inductivo. No importa el demostrar cómo lo has logrado, importa el argumentar lo que has logrado.

Astudillo nos ilustra con el ejemplo del rediseño del envase para el fabricante danés de bebidas gaseosas Faxe Kondi. Hasta entonces, las bebidas carbonatadas se escondían bajo las barras de los bares y pubs. Y quisieron hacer algo disruptivo, una botella digna de ser mostrada al lado del resto de bebidas clásicas.

¿Hay diseño fuera de la estrategia empresarial?

Sí, por ejemplo, aplicado a la sociedad, a que las personas vivan mejor:

• John Thackara y su The Doors of Perception
• Vincenzo Di Maria

2. Estrategia dentro del diseño

Metemos la estrategia dentro del proceso de diseño, consiste en proporcionar un lenguaje de diseño coherente, una línea de producto, etc.

Ejemplo con los productos daneses de Stelton

3. Diseño anterior al diseño

Consiste en adelantar la fase de diseño al briefing (el problema a resolver). Intenta evitar el inconveniente común de un mal planteamiento: “con el enunciado que me das, ya no hay una solución buena”.

Para ello se intenta que la empresa te contrate antes de definir lo que hay que resolver. En muchas ocasiones, resulta imposible realizar un buen diseño con el consenso de la empresa con propia la empresa: “un camello es un galgo diseñado por un comité”.

En resumen

Percepción

• Mirar y descubrir.
• Punto de vista empírico, mirada extrañada y, además, multidisciplinar (con backgrounds distintos y enriquecedores)

Cognición

• Decidir y transformar.
• Tener una mirada transformadora, creativa, abductiva y, además, participativa (incluir a todas las partes afectadas, a los stakeholders)

Acción

• Hacer.
• Aplicar una visión pragmática, real y, además, ágil (IDEO: “fallar mucho y fallar pronto”. No esperar a que los prototipos estén bonitos e implicar a las personas que toman decisiones cuanto antes).

Por último, tener siempre en cuenta que:

• Se debe ser tolerante a lo difuso.
• Los métodos son herramientas y no liturgias.
• La razón y la pasión no deben cancelarse mutuamente, deben potenciarse la una a la otra.

Esta entrada está protegida. Para verla escribe la contraseña:

Contraseña:

Impresionante el trabajo del diseñador e ilustrador español Jack Mircala.

Su obra, a menudo con colores vivos y formas geométricas, respira ese ambiente siniestro, romántico y melancólico que tanto recuerda a Tim Burton.

Por si fuera poco, es un genio realizando maquetas tridimensionales con cartulina.

Si vives en Madrid, es habitual encontrar sus piezas en Sins Entido (C/ Válgame Dios, 6).

Existen otras versiones del cartel. En concreto, estas dos que siguen con ilustraciones vectoriales que me parecen simplemente excelentes y mucho más interesantes que la utilizada en los cines españoles:

Por si fuera poco, hay más versiones fotográficas e ilustradas del cartel:

Vodafone ha captado perfectamente el nivel de la mayoría de las conversaciones en Facebook:

Carlos:

¿Has visto las flores?

Irene:

SI!!

Carlos:

¿Me das un beso?

Irene:

NO

Visto en el anuncio de “Tarifas Planas para Hablar y Navegar” (enero 2011).

Una de las ventajas competitivas del monovolumen C-Max de Ford es que “aparca solo”.

Mirando con un poco de detenimiento el anuncio, fíjense en el espacio que tiene para aparcar en este fotograma:

Y el espacio en el que finalmente queda aparcado en el fotograma siguiente:

Estando en mis últimos años colegiales, no me pregunten el motivo, recuerdo que un señor que se dedicaba a la publicidad nos dio una clase magistral sobre cómo detectar este tipo de “engaños”, mostrándonos técnicas y ejemplos con anuncios de la época.

Algunas de esas enseñanzas debieron quedar en mí porque a lo largo de los años, casi de forma inconsciente, siempre me he fijado en esos detalles.

No deja de ser sorprendente el impacto que una acción puntual en la niñez puede tener en el desarrollo de una persona.

Iconos muy representativos…

Visto en las instrucciones de seguridad de un Embraer 190.