En el betabeers de este mes presentamos el making off de nuestro proyecto El Disparate. Dejo nuestra presentación y un enlace al blog de Dani.

y un enlace a la presentación de Francholab que me super-encantó de buenas prácticas en UX y diseño para Android:
http://francho.org/2012/06/11/como-hacer-aplicaciones-android-de-calidad-bbzgz/

Empiezo por la última slide de la charla porque es un resumen de lo que vimos:

-       Good design is good business
-       Diseño sencillo, honesto y visual
-       Diseño sistémico = gran ayuda
-       Elige bien proyectos y clientes
-       El cliente es tu amigo, ayúdale

La charla era una presentación del proceso de trabajo de Vostok con el ejemplo de Ducksboard como caso real.

“Good design is good business” es una frase del fundador de IBM que Ricardo utiliza para enseñarnos diseños de los que perduran y para explicarnos su filosofía en cuanto a diseño: El diseño debe ser sencillo, honesto y visual.

Ducksboard es una aplicación que muestra resultados en tiempo real. Les encargaron el trabajo porque vieron su porfolio. Para Vostok es muy importante que sus trabajos sean buenos y se puedan enseñar porque es la mejor manera de atraer clientes. Son muy poco en el estudio por lo que se pueden permitir el elegir a los clientes y los proyectos que quieren. En cuanto a sus clientes prefieren que sean de los que se dejan aconsejar y con los que se puede trabajar en equipo.

Nos enseña lo que él llama un prototipo (para mi un WF a lápiz) de Mi Nube y el resultado final y nos explica que su proceso de diseño es:

-       Analizo necesidades
-       Pienso solución
-       Proyecto en papel
-       Puesta en común
-       Diseño Visual

Siempre el diseñador de interacción y el diseñador visual es el mismo para no perder información en el proceso.

Nos explica el concepto de diseño sistematizado, creo que la presentación de Javier Cañada lo explica muy bien. Pongo un enlace: http://www.slideshare.net/VostokDesign

Nos metemos ya en Ducksboard y Ricardo comienza con la frase de Paul Rand: Design is so simple, that is why is so complicated.

Nos enseña como han aplicado la sistematización en el proyecto, cada caja tiene una medida, esa medida se multiplica por 3 o 9 dependiendo el elemento pero todo mantiene su tamaño.

Los widgets de la aplicación son cajas base diseñadas. Cada caja tiene 4 capas, la base, el borde, los elementos y la información. Con esto se pueden hacer todos los widgets que sean necesarios y son fáciles de adaptar a cualquier plataforma.

No utilizan más de 2 o 3 tipografías (incluyendo tamaños) en sus diseños y utilizan paletas de color reducidas. Si necesitan más colores los crean añadiendo blanco o negro.

Realizan el interfaz en forma de cristal: esto significa que utilizan cajas con transparencia de forma que, si se quiere cambiar el fondo, todas las cajas quedan bien sobre el nuevo background.

Utilizan una estructura en común fácil de desarrollar, de adaptar y donde cada cambio supone poco esfuerzo por lo que se abaratan costes.

Termina con la frase: un producto bien diseñado habla por si mismo.

Mi sensación general de Congreso Web es que fue interesante, quizás más por las “conversaciones de café”, que por las charlas en si mismas. Un poco básicas. Había mucho de SEO y me faltaron charlas de diseño, igual al año que viene podemos hacer algo…
La organización estuvo impresionante, lástima la wifi que no funcionó al 100%, pero mi enhorabuena!

Este es un resumen de las charlas a las que yo asistí y enlaces de interés y más info:

————————————————————————————-

Emprender: Impacientes en el comienzo y pacientes en el crecimiento por Raúl Jimenez de minube

Mi nube es una comunidad de viajes online y nos cuenta como empezaron, como se financian y algunas ideas sobre emprender.

Para emprender hay que buscar siempre la rentabilidad. Ellos empezaron autofinanciándose, sin inversión y llegaron a sacar rentabilidad al producto en el segundo año de vida. Ahora tienen 3 fuentes diferentes de ingresos: comparativas de precios, comisión por venta y promoción y visualización que apoyan con vídeos profesionales para sus clientes, no se quedan solo en el intercambio de banners, sino que ofrecen páginas enteras con vídeo.

Habla de Eric Ries y sus 3 sistemas de crecimiento: pegajoso (fidelización de cliente), viral (a través de redes sociales) y remunerado (addwords).

Con @rauljimenez de @minube hablando de emprender, leanstarup, breakeven, y divertirse! #cw12

————————————————————————————-

Presentación/concurso de startups

Presentaron 4 proyectos: una red social para gente de marketing, una web de personalización de lienzos online, una empresa de compartir taxi y otra de democratizar música en los bares.

Las presentaciones fueron muy flojitas y la verdad es que el diseño también.

Como idea estaba muy chula la de compartir taxi que venía acompañada de una aplicación móvil para ver que taxi pasaba por donde estabas esperando y te podía recoger.

Gano play it que es una aplicación móvil y otra de desktop para decidir que música se pone en el bar donde estas.

Taxisostenible me encanta la idea! #cw12

————————————————————————————-

Clínica de Usabilidad con Dani Torres Burriel de UX Learn

Fue una de las charlas/talleres más interesantes.

Subió al escenario a 3 personas que se ofrecieron como voluntarias con sus páginas web y Dani les hizo un “test de usuario en directo”.

Nos explicó la metodología que hay que utilizar para hacer un test y lo primero es establecer los objetivos que pretende cumplir con la página y luego hacer la evaluación: matriz de objetivos, tareas e interfaz, analítica de procesos y five seconds test.

En los 3 casos que subieron, primero se les hizo una análitica de la web para ver el código. Para ello utiliza un navegador que se llama lynx, antes los utilizaban personas ciegas y te permite ver el contenido sin imágenes, tablas, iconos, … solo texto. Es muy útil para saber que relevancia le estas dando al contenido.

También nos recomienda leer las especificaciones del código html como buenas prácticas a la hora de analizar un site .

En el segundo paso explica que hay que dar herramientas de trabajo a los diseñadores y para eso hay que especificar claramente cuales son los objetivos del site. Desde el público sugieren la metodología SMART

Cuando analiza las diferentes páginas, dice dos frases que se me quedaron bastante grabadas, la primera es que “tu usuario no esta contigo para explicarle las decisiones que has tomado en tu página web” y la segunda es que “cuando tu entras en una panadería, quieres comprar pan, no que te cuenten que llevan haciendo pan desde 1936”.

Para el tercer caso, hace un rápido análisis de 5 segundos, baja al público y pide que rápidamente digan de que se trata la página que están viendo en el proyector en ese momento.

Super importante!! Tu no estas con tu usuario para poder explicarle tu web @torresburriel #cw12

Tercer paso de analítica. Comprobar que la web cumple los objetivos #cw12

Segundo paso de análisis. Marcar objetivos para dar herramientas a los diseñadores #cw12

Primer paso de analisis. Mirar el contenido y el código #cw12

————————————————————————————-

Responsive web en Word Press con Francisco Vidal

Hizo una presentación muy básica de lo que es responsive design y explicó como preparar las css para trabajar con ellas en wordpress.

Nos recomienda varios frameworks de uso que podéis ver en su presentación y algunas herramientas útiles a la hora de maquetar.

http://www.slideshare.net/slideadwe/responsive-web-y-wordpress?ref=http://congresoweb.es/2012/06/presentaciones-cw12/

————————————————————————————-

Sitios web eficaces, quiero clientes, no visitas con Ricardo Tayar de Izenius

La charla de Ricardo fue sobre como abordan un proyecto en su empresa que se llama Izenius.

Su objetivo es hacer páginas web eficaces, que sus usuarios se conviertan en clientes y para ello se sientan, hablan, piensan, utilizan el boli y el papel, antes de ponerse a actuar.

Una de sus metodologías es el business canvas

Nos enseña varios proyectos que han llevado. Su empresa comenzó haciendo SEO. En las gráficas se ve como lo importante no es tener visitas o tener usuarios, sino que esos usuarios se conviertan a clientes. Y nos recomienda que no supongamos nada, que comprobemos, como ejemplo el café: todos los usuarios toman café, pero de ellos hay que ver el tanto por ciento que lo hace con leche, cortado, solo, americano, con hielo…

Bajo la misma idea nos enseña 3 wireframes de una misma página que tiene un formulario. Seguramente todos pensamos que el usuario va a rellenar el formulario que menos campos tiene, pero no es así! También influye la posición la visibilidad de los botones, etc…

Y también nos enseña un mismo botón con 4 textos diferentes y la gente que ha pulsado en cada uno para que veamos como el texto también influye y es importante. En una web todo cuenta.

Su presentación la podéis ver aquí:

http://www.slideshare.net/ricardotayar/sitios-web-eficaces-ricardo-tayar-congreso-web-zaragoza-2012?ref=http://congresoweb.es/2012/06/presentaciones-cw12/

No supongas!! Utiliza la experiencia, prueba y mira los resultados #cw12

+1000 a equipo multidisciplinar. Trabajar todos juntos evita problemas @rtayar #cw12

————————————————————————————-

La vida es juego: procesos de gamificación desde el día a día con Juan Alberto Bodas

Pensaba que iba a ser una charla de técnicas de gamificación en las página web, pero fue mucho más interesante que eso. Juan Alberto Bodas nos puso varios ejemplos de campañas de gamificación en la vida!

El primer proyecto que presenta es Sopalista y su campaña Mami con el objetivo de presentar un juego como facilitador culinario. A través de twitter te envían recetas y consejos de madre y además acompañan con una aplicación móvil para iphone con más alarmas y consejos: http://vimeo.com/24004146

La segunda campaña es el 30 cumpleaños de McDonalds, en la que hacen una aplicación de iphone para soplar las velas. Además, cuando estas enfrente de McDonalds y, a través de una pantalla gigante, te llama por tu nombre de usuario y te hace soplar las velas: http://vimeo.com/32088238

Como ejemplo de campaña en la que no hace falta invertir tantísimo dinero, vemos que para el Congreso Web hacen una campaña para que la gente se conozca entre si. Para ello, a través de twitter tienes que buscar un trio y te llevas una camiseta. El trio se forma con los últimos números de tu identificación y lo twitteas junto al hastag de congreso web.

Las siguientes campañas son orientadas a gamificación en redes sociales:

-          El juego de chapas de Mahou con el que nos cuenta lo importante que es tener una base de datos de clientes.

-          La posibilidad de probar un Audi Q3 en un circuito.

-          O el reposicionamiento de Chupa Chups a través de Facebook para un público no infantil.

No existen formulas mágicas, dice Juan, pero como todos quieren una, nos da la suya:

Fx = ( H x S x G ) x Branding

Herramienta x Social x Game x Branding es la formula correcta para posicionarte bien en el mercado.

Con esto acuña la palabra “Social Brandgaming” donde se juntan varios factores para el éxito. Usuarios que emplean su tiempo en la marca, nuevo target, atención máxima del usuario, publicidad no invasiva, micropagos y viralidad.

Como último ejemplo el twitter Boot de Gallina Blanca del que también nos pone un vídeo:

http://vimeo.com/31739485

En su presentación podéis ver todos los ejemplos:

http://www.slideshare.net/misterjuanolo/la-vida-es-juego?ref=http://congresoweb.es/2012/06/presentaciones-cw12/

Error poner solo Facebook Connect para entrar en la app #cw12

Interesantes ejemplos de marketing y gamification #cw12

Social brandgaming = Herramienta x social x gaming x branding #cw12

Necesitamos base de datos de usuarios para luego poder lanzar el juego #cw12

————————————————————————————-

Ciudadanos digitales: el futuro de internet y la parte que nos toca con Jose Luis Orihuela

Es la charla más social de todas y la última. Jose Luis Orihuela da el punto más democrático y humano a internet y los derechos de los ciudadanos en la red.

Nos deja un montón de referencias sobre las que ver, leer y pensar.

Recomiendo, para quien no la conozca, la charla de Rebeca Mackinnon para TED “La pregunta más urgente que tenemos que responder en la actualidad es cómo asegurarnos de que internet evolucione de una manera centrada en los usuarios”:

http://www.ted.com/talks/rebecca_mackinnon_let_s_take_back_the_internet.html

Su charla la podéis ver aquí:

http://www.slideshare.net/jlori/cw-zaragoza2012-13220714?ref=http://congresoweb.es/2012/06/presentaciones-cw12/

Internet: No one owns it, everyone can use it, anyone can improve it #cw12

————————————————————————————-

Más info del congreso:

Página oficial:

http://congresoweb.es/

Presentaciones:

http://congresoweb.es/2012/06/presentaciones-cw12/

#cw12:

https://twitter.com/#!/search/%23cw12

Blogs y comentarios:

http://www.hectormainar.com/seo/presentaciones-del-congreso-web-zaragoza-2012

http://www.veiss.com/blog/congreso-web-de-zaragoza-2012/

http://carmenurbanomarketinginternacional.blogspot.com.es/2012/06/congreso-web-zaragoza-cw12-marketing.html

http://charlysarti.visibli.com/share/VQmTLy

http://www.anahernandezserena.com/11-consejos-para-las-empresas-que-no-asistieron-al-congreso-web-2012/#more-783

Un reportaje fotográfico documental por la geografía de España captando momentos cotidianos y tradiciones, moviéndose por las ciudades y pueblos, captando tanto la vida de los ricos como la de los pobres.

Como dice Chema Conesa, en el folleto de la exposición:

“Lo relevante está en la mirada del fotógrafo, en la factura de Catalé, en hacer sencillo y directo el impulso de fotografiar; en resta en vez de sumar, en mirar de frente, en encuadrar desde la cintura, en disparar desde el corazón, en estar dotado de curiosidad y empatía por todo lo humano”

Una exposición que hay que ver, no solo por el maravillos trabajo del fotógrafo, sino también por lo que cuentan las imágenes.

Hace unos días fuimos a la inauguración que Bea hizo en la Biblioteca de Aragón. Es una exposición en la que hace homenaje a algunos de los maestros más importantes del mundo de la fotografía.

Me gustaron mucho las fotos, el toque personal que les da y como maneja las diferentes técnicas porque son muy diferentes unas de otras: blanco/negro, color, exteriores, iluminación…

También me gusto como presentó la exposición con un pequeño juego: ver si el público es capaz de asociar cada una de las fotos de Bea con el fotógrafo original (hay pistas!).

Te animas a jugar? puedes empezar con la del cartel y seguir por las de la expo: hasta el día 27 de Abril.

Dentro de la Libre Software World Conference, pude asistir a una charla de Juan Freire muy interesante. Lo sigo hace mucho tiempo y tenía muchas ganas de asistir a una de sus conferencias. Estas son algunas notas y ejemplos que cogí en se charla:

Hablaba sobre el módelo procomún donde el espacio entre el mercado y el estado se rellena con el conocimiento de los usuarios instituciones creando una acción colectiva.

La invención del software libre en la edad media es una idea que surge de las comunidades de riego como networking de cooperación entre los pueblos de Nepal.

También los casos del aguardiente y las cofradías de pescadores son una demostración de que, cuando los mecanismos de producción han sido apropiados por el estado y  aumenta la burocracia, se pierden oportunidades de negocio.

Con la tecnología digital se ha demostrado que podemos gestionar procesos complejos con formas de organización básicas, sin jerarquías.

La tecnología facilita la coordinación ciudadana y el desarrollo de proyectos de acción colectiva.

Algunos ejemplos:

- Guifi.net: Un proyecto de cooperación que lleva la red wifi a zonas donde no llega.
- Openstreetmap:  proyecto para la creación de mapas libres por la comunidad y su utilización de forma abierta.
- Banco de conocimiento, un proyecto de Platoniq: es un espacio de acción social en el cual se desarrollan y analizan mecanismos de intercambios de información.
- Map Kibera: el mapa de una ciudad que no tenía voz y que gracias a la acción ciudadana se hizo oir.
- Metareciclagem: una red auto organizada que propone la deconstrucción de la tecnología para la transformación social.
- Fora do Eixo: Una red de músicos independientes en Brasil que se organizan para dar conciertos y producir su propia música.

Toda organización tiene que contar con una infraestructura, conocimiento y economía.

Hemos visto ejemplos de comunidades como centros de conocimiento que utilizan la tecnología y funden el espacio online con el espacio público en las últimas revoluciones árabes, el 15M o el movimiento Occupy Wall Street.

La conclusión es que:
1- Hay que investigar las razones y factores del funcionamiento de estas comunidades.
2- Hay que aprender colectivamente.
3- Hay que descubrir los límites para ver hasta donde se puede llegar y cuando los conozcamos, negociar con los gobiernos.

3 nuevas adquisiciones “di design” que me molan un montón y esta vez no es nada de tecnología, que si, que a veces, también soy una chica.

1. Mi pintalabios Rouge Coco 21 Rivoli. Estoy deseando encontrar un espejo a cada paso para pintarme los labios.
2. Mis botas Dr Martin que me regalo Toño en Zagreb y que me muero de ganas de que haga frio para ponermelas.
3. Mi chupa de cuero negra. No encontraba ninguna que me quedase bien y bien de precio y por fin la encontre en H&M y de rebajas.

80´s a tutiplen!!!

El primer cursillo que hice de informática hace nosecuantos años fue con uno de los primeros Mac, un cabezón.
La primera vez que me inscribí a una escuela de diseño tenían Mac.
Aquel ordenador portátil que compramos a medias con Toño para llevarnos a Londres, y que aún tenemos, fue un Mac.
El ordenador que utilizo hoy en día, es un Mac.
He seguido a Apple desde que me interese por el diseño y, de hecho, creo que Steve Jobs, junto con mi familia, tiene gran parte de culpa de que me dedique a esto y de que me siga gustando tanto.
Pongo una foto de la portada de Apple de hoy y de la portada de Wired para tenerlas. 

El sábado Isa nos invito a acompañarla a un concierto en la Ley Seca, tocaban His Majesty the King y fue todo un descubrimiento. Un grupo muy cañero formado por Clara y Nacho que venía de Madrid. Si podéis ir a verlos, merece la pena!

Navegando por piccsy me encuentro con varias fotos de Ray Caesar, un ilustrador que no conocía y que me fascina al instante, su biografía comienza así “I was born in London, England on October 26 1958, the youngest of four and much to my parent’s surprise, I was born a dog.” quizás es esta la única manera de entender la visión que tiene del mundo que le rodea.

No hace falta explicar lo que me gusta de su trabajo sabiendo que soy admiradora de las ilustraciones de Tim Burton y de Neil Gaiman entre otros pero, que sean retratos de los que hay una historia inquietante detrás y con personajes misteriosos y deformados mezclado con la utilización de colores oscuros, podría dar una pista.