Diseño de apps móviles – Javier Cañada

Presentación de la charla en el blog de Vostok
Presentación de la charla en la agenda de Elisava

@javiercanada

En el ejemplo de Caoba, que es una aplicación de dating, el reto es cómo muestras información y cómo permites profundizar.

Ejemplos de apps de dating: OkCupid, Match (ha fagocitado a todas las demás porque va comprando las que son exitosas), Meetic, eDarling

Lo primero que hay que determinar es cuál es la unidad de contenido de referencia.
Al investigar, nos encontramos que la gente que no sabe contar lo mejor de sí misma, o ser realista. Las descripciones son aburridas y anodinas. El 90% de las personas no se saben contar bien ni describir bien, sus perfiles no te dicen nada. El reto era conseguir sacar lo interesante de una persona para que hable mejor de sí misma.

También que las personas nos entran por los ojos, y normalmente los perfiles de los sites convencionales de dating tienen mucho ruido y poca imagen.

Javier nos enseña cómo desde Vostok se intenta ‘lubricar’ las conversaciones de Caoba. Es un carrusel de imágenes donde luego puedes profundizar en un perfil que te ha gustado.

¿Por qué decidieron que fuese una aplicación móvil?
– App Store gestiona muy bien las cosas (usuarios), te despreocupas de que un usuario tenga problemas logueándose, etc.
– Contexto de uso: Hay tres enfoques posibles, Need oriented o enfoque orientado a la tarea. Podríamos tener un enfoque orientado al usuario User oriented. Y el tercer enfoque sería Moment oriented, algo que se va a hacer en ratitos tontos. Usamos el móvil para ratos muertos, y la actitud de buscar pareja es algo que está en segundo plano, muy sutil, y en determinadas circunstancias. Eso nos hacía decidir que como eso te acompaña, no puedes hacer una aplicación de escritorio, sino ir a momentos muy específicos y sutiles.

MODELO
¿Cuál es el modelo mental de alguien que está buscando pareja?
– Ni idea de lo que busco: Las aplicaciones para no buscar nada concreto son facebook, pinterest o flipboard.
– Sí busco algo muy concreto: Las interfaces son más textuales como correo electrónico o dropbox. No miras a los lados. Es lo contrario de ver escaparates. Bucear en las profundidades.
– Sé algo de lo que busco más o menos: Buceo de superficie.

La App de Meetic te pide un montón de datos y los criterios de filtrado son demasiado estrictos. En Caoba han decidido no centrarse en los datos, sino que la interacción se parezca más a un zapping. Si sólo hay un campo de búsqueda, no sirve para hacer escaparate.

FUNCIÓN
Ley de Hick: “El tiempo necesario para seleccionar una opción crece logarítmicamente con el número de alternativas”
Cuantas más opciones de interacción entre usuarios, más débiles son las interacciones, menor es su significado.
El menú de Caoba sólo tiene 5 opciones.

“La hamburguesa sólo lleva al fast food del diseño” Cañada opina que es mejor no tener un botón para esconder toda la mierda porque te evita la obligación de simplificar.

MENSAJE
La imagen es el mensaje, como en The Big Picture de Boston.com.
La decisión de diseñar sólo para iPhone tiene que ver con la calidad de las imágenes.
La idea es poder aprovechar esa capacidad que tenemos de contarnos visualmente, como en Instagram. Da más riqueza de mensaje, aunque no haya texto.
Dos tipos de botón: el botón negro y el naranja. Fulanito te ha copiado la foto. La aplicación cada x personas te hace una pregunta, con tres respuestas y una respuesta libre.

FORMA
Ley de Fitts
Comfort zone.

PROCESO
Discusión ¿qué hace a un diseñador Senior?
Para Cañada el Senior es el que ve qué pasará, horizontal en el diseño y en el tiempo, capacidad de ver qué es lo que hay fuera de la pantalla que diseña.
Nuestro proceso es muy importante, el pasar fotos necesita, como toda buena historia, de narrativa. A veces son consejos, a veces preguntas. La idea es conseguir que sea un paseo.

UTILIDAD
Que sea útil es muy importante.
Modelo Fax: La utilidad del fax es un modelo creciente del número de personas que lo estén usando. Como por ejemplo Facebook, twitter, whatsapp o Meetic.
Modelo vídeo: Es útil si lo tiene otra gente, el contenido se mueve entre usuarios. Pero también es útil de forma individual, podías grabarte un programa de TV, y hacer simplemente un uso egoista. Ejemplos serían Instagram, Pinterest, Dropbox, Minube o Spotify.
Para Cañada lo importante es que sirvan para las dos cosas, si sólo vale porque lo usa el resto de la gente, cambia con las modas. Lo que quiere con Caoba es que sirva aunque seas el que menos liga del planeta, aunque no te comas un rosco. La idea es coger Nerds y convertirlos en Sinatras, intenta mejorar el perfil de la gente que es buena con el ordenador pero es muy mala con la otra gente.

¿Cómo evitar las fotos malas?
– Consejos que te van saliendo en la aplicación, cómo hacerse fotos mejores.

¿Se ha pensado en que la ayuda sea contextual?
– Sí, pero no es tan intrusivo, la idea es que sea un tip al día.

¿Por qué está cerrado por género el número de personas con las que puedes interactuar?

– Porque consideramos algo muy bueno no saber cuántos competidores tienes.

[UxSpain] 16.00 – 16:45 Javier Cañada – Los Sistemas y la Belleza

Javier Cañada (linkedin, twitter). Introducción en la web de UxSpain. Entrevista en el blog de UxSpain.

EDITADO:
Javier nos pasa su presentación en un tweet. Como nos deja compartirla libremente, la meto aquí y te ahorras un click:

* Diapositivas de la charla “Los Sistemas y la Belleza” [Descargar] [Ver online]

Los Sistemas y la Belleza

Hay un momento muy bonito cuando encajan todas las partes y todo funciona como un reloj.

Los sistemas no son algo nuevo, sino una imitación de la naturaleza. Esas estructuras son lo que intentamos imitar cuando diseñamos.

Belleza

De la belleza lo que le interesa a Cañada es la belleza clásica, como ya nos comentó en su clase del Kungfux.

Formas geométricas, el gusto por la estabilidad por los rectángulos de determinado tipo.
Neutralidad: Estar ahí y ser discreto.
La simetría: Cuantoas más ejes más bello.
Propósito: Que cumplen su función.

Sistemas que cumplen sus funciones

Sistema Billy de IKEA. No es una estantería sola, sino un conjunto de proporciones que pueden funcionar de muchas maneras, con diversos materiales.

Sistema de contenedores marinos que inventó Malcom MacLean. Vio que había que jugar al tetris dentro de los barcos para el transporte de mercancías y pensó que debería optimizarse. Inventó los contenedores cargo que hoy en día se utilizan en todo el mundo.

Sistema Simón de interruptores de pared. Son sistemas cuadrados de varias piezas y muchos aspectos distintos. El aspecto estético no es parte del sistema, lo importante es lo estructural. Encajan y harmonizan porque todos siguen la misma proporción.

¿Qué tienen en común?
En todos estos sistemas, hay varias capas y cada una cumple una función. Y lo mejor de todo es que se puedes usar para muchas cosas. Son contenedor y son contenido, son pura estructura. No son función, pero sirven para la función, le dan orden al caos. Son independientes de los visual, hasta podrían ser invisibles. Son ecosistemas. Y por supuesto belleza. Facilitan el geometrismo. Los sistemas son geometrismo, si está bien pensado te va a servir para los próximos die años.

Enseñar cosas

Javier nos enseña de pasada algunas cosas que han hecho en Vostok, para que noe se diga que en UxSpain no se enseña nada. Entre ellas floresfrescas.com

La tecnología nos hace humanos

¿Cómo podemos hacer la tecnología más humana? Quizá no necesitamos más humanidad, sino belleza.

“Buscad la belleza, es la única protesta que realmente merece la pena en este asqueroso mundo” 
Ramón Trecet

* Debate con el público sobre la expresión “enfrentarse a un cliente”. Cañada contesta que sólo quieres un cliente que sea un amigo al que quieres ayudar. Su estudio es pequeño y sólo tienen su reputación, si un cliente es un problema, es mejor dejarlo pasar.

Javier Cañada – Diseño

Javier Cañada (linkedin, twitter)
12 años en diseño de interacción.
Luego en Indra
The Cocktail, cuando empezaron, dos años y medio.
Luego fundó 11870 con Jesús Encinar
Y ahora Vostok. Desde conceptualización de servilleta hasta diseño de pixels. No hacen programación ni diseño front.
Mucho de lo que aprendió sobre diseño de producto lo podemos encontrar en su antiguo blog Terremoto.net.

Javier viene sin guión, como pactó con Isa, y empieza dándonos algunos consejos. Por ejemplo que pasemos de blogs, libros, diseño de interacción, etc. Todo lo que se puede saber para diseñar está en el teléfono…. En el diseño de un producto, hay muchísimo más conocimiento puesto que en cualquier cosa que se esté haciendo ahora en internet.

Los libros para hacer webs (el del oso polar por ejemplo) están desfasados porque no incluyen táctiles. En cambio los clásicos siguen igual de vigentes, como por ejemplo Designing for People de Henry Dreyfuss.

Javier luego nos pregunta por nuestra familiaridad con las aplicaciones táctiles, e Isa le comenta que hay dos grupos con proyectos que son aplicaciones de iPad, cosa que nos lleva a comentarlos con él.

¿El diseñador de interacción debería o no diseñar visualmente?

Luego abrimos el debate de si el diseñador de interacción debería saber diseñar o si debería ser otra fase de la cadena, y eso nos lleva a los maquetadores. Javier piensa que si somos como arquitectos y constructores, el maquetador se corresponde más con el lado del constructor, y que lo que tiene que hacer es ser fiel a los planos, igual que un desarrollador.
“Yo no hablo con maquetadores”
“El desarrollador debe frustrarse con su trabajo porque le viene todo dado”
“El visual depende de la interacción, porque es más importante”

¿Wireframes?

Un subdebate debate es si debe haber wireframes y cuántos entre la servilleta y el píxel perfect. Javier piensa que los wireframes son de una época donde el cliente no entendía nada de internet y que al comercializar y cobrarse los wireframes, estos se han pervertido, de forma que vender esos wireframes acaba siendo el negocio, por encima de que el proyecto final sea bueno.
“Yo creo que no deberían haber wireframes”

¿Trabajo en equipo?

Javier prefiere la seguridad de una idea consistente al riesgo de que sea una idea mala consensuada. Por eso opina que siempre debe haber una voz cantante en cualquier trabajo en equipo, para cumplir tiempos y objetivo.
“Sólo debe haber una persona que hable con el cliente, cuantos más puntos de interlocución, más posibilidades de que se joda”

Metodología

Javier pone en duda las metodologías donde la idea de cómo se va a hacer algo sale de todo un proceso. Muchas veces esas idea está clarísima desde el principio, pero es políticamente incorrecto decirlo.
Elena -Eso no es un líder, es un dictador
Javier – Pues yo me quedo con la palabra dictador. A veces hace falta un tirano. Y hay que determinar responsabilidades si sale mal.
“Las ideas no son todas igual de respetables”

Selección de proyectos

Javier nos cuenta que a algunos proyectos les ha dicho que no, y eso no ha significado perder clientes. Alguna gente le dice que puede elegir porque tiene un estudio pequeño y que no podría hacer eso si fuese una empresa grande.
“Pero es que yo no quiero ser una empresa grande”
“Yo creo que no puedes ser bueno si no escoges los proyectos”
“No vale de nada la cantidad sino la calidad de lo que haces”

Principios de diseño

Diseño para durar. Por ejemplo floresfrescas.com no se ha cambiado desde que se hizo. También diseña todo para que pueda ser táctil.
“Firmaría con los ojos cerrados el decálogo de Dieter Rams o Otl Aicher.

Javier hace una matriz de belleza local vs. universal y temporal vs. atemporal, y él intenta diseñar lo más universal y lo más atemporal posible. Cosas como los colores neutros, la simetria, proporción (en la proporción está la estabilidad, da confort, la proporción áurea) …

Función y forma

El de visual intentará encontrar siempre la belleza, que las tipografías sean más harmónicas, más bellas
El de interacción intentará hacer algo que no canse mucho la vista lista de
Nos recomienda la muestra futura que hay ahora en La Imprenta Municipal.
Nos habla de la silla ant diseñada por Arne Jacobsen.

Recursos:
* Javier nos recomienda mucho El Mundo Como Proyecto de Otl Aicher, “El mejor libro de diseño que hay”
* Para más libros, Javier nos refiere a su post The 26 books that shaped me as an interaction designer. “Lo escribí precisamente para que no me volviesen a preguntar esto.”
* Entrevista a Javier Cañada