Blog

Diseña Forum 2013

Durante los días 18 y 19 de diciembre tuve la oportunidad de asistir a alguna de las charlas y ponencias que se dieron en el Diseña Forum en Zaragoza.

Este año muchas de las ponencias se centraban en el mundo digital, de tiendas sin productos, de smartphones y redes sociales…

David Santafe, de HMY YUDIGAR, nos enseñó en su charla por hacia donde se orientan las tiendas, en tendencias de probadores y mobiliario, mostrándonos ejemplos de última generación que se pueden encontrar en tiendas reales como Pull & Bear en Galicia. Todo ello pensando en generar experiencias nuevas de valor para el usuario.

Nos enseñó ejemplos de que cada vez se llevan más las Pop Up Stores o tiendas efímeras, que se montan y desmontan rápidamente en zonas céntricas y comerciales, durando solo unas semanas su exposición de productos, mostrando promociones y presentaciones llamativas.

Manuel Garcés de Seat, mostró como trabaja su equipo de Diseño de coches, desde su diseño 3D en ordenadores, hasta su prototipación usando las técnicas más avanzadas, y el modelo final ya en rodaje. Todo ello con el interés de reducir los tiempos entre que se empieza a diseñar un coche hasta que llega al mercado, usando además el mismo chasis para varios modelos de diferentes marcas de la casa.

Nos enseñó el video promocional del nuevo Ibiza de Seat, con una imagen deportiva y dinámica muy lograda.

Y Rodrigo Silva de Geeksphone, nos trasmitió su pasión por su empresa e idea, donde realizan todo el proceso de diseño de un Smartphone en España. Desde que lo oi hablar, solo pienso en comprarme móviles libres y huir de la tiranía de las operadoras 😉

Geeksphone

Otra de las cosas que más me gusto del Diseña Forum fue el Workshop de Manual Thinking: herramienta para gestionar el trabajo creativo en equipo impartido por Tomoko Nakamoto, dónde nos regalaron a cada uno de los asistentes un paquete de Manual Thinking, esto es una serie de etiquetas-pegatinas de diferentes tamaños y colores, una hoja grande donde poder pegarlas, y un rotulador, para poder efectuar las diferentes dinámicas en las que consistía el taller.

Diseño y Usabilidad en el Centro de datos de Google

Impresionantes las fotos de los centros de Google repartidos por el mundo, pero aun más las ideas que aportan.

Pintan las tuberías de colores para saber a donde van, lo mismo sucede con los cables… Un entorno industrial que no tiene porque ser solo gris y frío sino que puede ser alegre y a la vez funcional.
Aqui os pongo algunas imágenes, pero para ver más, ir ala galería del Centro de datos de Google.

Centro de datos de Google

La bici también hace juego, además de servir para desplazarse a los trabajadores. Y mola un montón!

Centro de datos de Google

Usabilidad y diseño en Google

Colores, usabilidad y diseño en Google

Webs interactivas

Seguimos con los diseños verticales de páginas web, basados en una navegación interactiva con el usuario y con gran carga gráfica de contenidos.

¿Que qué quiere decir esto? Pues que a medida que el usuario va bajando con el raton por la pantalla los elementos se mueven y van apareciendo mensajes con enlaces a otras secciones.

diseño webs interactivas

¿El truco?

Crearse un historyboard interesante y con jugo, currarse el diseño, y no tener necesidad de poner mucho texto. Y si hay secciones con texto, ponerlas a modo de enlace, creando páginas especificas para ellas, separadas de esta navegación.

La verdad es que merece la pena, visitar la web e interactuar con ella, pero para los más vagos aquí os dejo una serie de pantallazos, extraidos de: www.dangersoffracking.com.

diseño webs gráficas

AWWWARDS

El otro día me apunte a la web, AWWWARDS, una página que premia el diseño, la creatividad u la innovación en internet, promocionando los mejores diseñadores en el mundo.

Awwwards

Y como no, me perdí buceando viendo entre las diferentes categorías que proporciona unos diseños increíbles, que sirven de inspiración para cualquier diseñador. No os la perdáis.

UX Spain 2012

El año 2012 Salamanca acogió el primer encuentro de profesionales de la experiencia de usuario en España – UXSpain, en la impresionante sede de la Universidad Pontificia de Salamanca (UPSA)

Como salíamos de Logroño, a la primera charla impartida por Humberto Matas, llamada Innovación y Diseño no llegamos.

UX Spain 2012

La siguiente era sobre Agile/Lean UX con Ujué Agudo, donde nos explicó como una metodología Agile era necesaria para trabajar, obteniendo gracias a ella un producto final con valor.

Design Research

Grace Ascuasiati y Ana Escontrela dieron la siguiente ponencia corta (15minutos) titulada Design Research, donde nos explicaban que los diseñadores en equipos grandes no investigan, sino que les mandan que tiene que diseñar.

Pero para realizar un buen diseño, el diseñador dedebe comprender el problema, y el diseñador al investigar ya esta pensando en soluciones.

Hay que derribar la separación que existe entre Consultoria (Investigación) y Desarrollo(Diseño).

Debe ser un proceso cíclico y combinado.

Midiendo la experiencia de usuario: Voice of customer

Dolors Pou fue la siguiente en subir al escenario, explicándonos que:

  1. Los clientes siempre quieren mejorar sus objetivos
  2. Medimos y obtenemos muchos datos. Hay que preguntarle al usuario en tiempo real, pero sin molestarle, por ejemplo, después de la compra. VOC: Vox Consumer.

Qué tenemos que preguntarle:

  • ¿Quién eres?
  • ¿Qué quieres? ¿Qué has venido a hacer?
  • ¿Lo has conseguido?
  • ¿Cómo te sientes en nuestra web?

La satisfacción nos muestra la facilidad de uso. Hay que medirla de forma continuada para medir la evolución. (Esta charla me recuerda al taller que dio XavierColomés este año en el UXSpain 2014).

Seguir leyendo «UX Spain 2012»

Ilusión de elementos superpuestos con CSS3

Las CSS3 permiten a los diseñadores web usar técnicas inteligentes de CSS para crear impresionantes efectos visuales más flexibles sin necesidad de complejas animaciones.

La técnica de Tom Kenny’s Stacked Elements con CSS es un ejemplo que muestra una serie de fotos con marco con el efecto 3d de tenerlas apiladas que al pasar el ratón por encima de ellas se ordenan.

Elementos apilados con CSS3

Tom Kenny ha usado los pseudo-elementos :before and :after para producir un efecto de pila de imágenes. La ilusión se crea al usar una pareja de imágenes escondidas que no podemos ver. Un poco de :before y :after y CSS y observa el resultado!

Como no hay que advertir que sólo Firefox soporta la transición :before y :after, por lo que si quieres integrarlas para el resto de navegadores necesitaras jQuery o o CSS hacks.

Para obtener el codigo de Tom Kenny’s Stacked Elements con CSS.
Para ver el efecto de pila de imágenes.

GuideGuide, plugin gratis de photoshop para crear cuadriculas

Acabo de conocer, Guide Guide, un plugin gratis para Photoshop CS4 y CS5 para colocar guias automáticas y crear sencillas cuadriculas, algo que solo de pensar en hacer manualmente a los diseñadores no entran sudores.

plugin guide lines photoshop

Y para que descubras facilemente todo su potencial, aqui te dejo un link, donde podrás ver diferentes ejemplos del poder que ofrece este plugin GuideGuide a los diseñadores a la hora de crear guias.

Mesa redonda en el MeBA

Ayer en la Facultad de Economicas de Zaragoza, dentro de las actividades del máster MeBA se celebró una mesa redonda sobre comercio electrónico con el tema “Empresarios de Futuro“.

Impresionantes los ponentes, Emilio Márquez de Networking Activo, Alfonso Lahuerta, que hablo entre otras cosas de su ultimo proyecto Twin Docs, y Ricardo Buil, director y creador de Central de Reservas.

master-meba

Fueron 2 horas muy entretenidas y amenas, donde contaron sus propias experiencias como emprendedores en el mundo online, con sus exitos y fracasos.

Si quereis saber más…

Ayer asisti al Conversion Thursday sobre Analítica y Usabilidad

Ayer se celebró el Conversion Thursday en Zaragoza, donde Juan Leal y Pere Rovira, respondieron a preguntas sobre dos de los temas más importantes en Marketing Online: Analítica Web y Usabilidad.

Conversion ThursdayPere Rovira es Country Manager en Grupo Elisa Interactive, organizador de los Conversion Thursday y asistirá proximammente a la Google Analytics Conference que se celebrará el próximo día 26 en Madrid.

Juan Leal, es propietario y fundador de seisdeagosto.com, y su trabajo consiste, según sus palabras, en crear una mejor relación entre los humanos y la tecnología. Haciendo Internet y dispositivos electrónicos, “smarter”, simples y orientados al usuario. Lo necesitamos para hacernos felices, no infelices.

La sesión estuvo interesante, viendo que la analitica y la usabilidad, van de la mano en un proyecto web, y el publicó estuvo twiteando los comentarios más polémicos y mordaces de los entrevistados.

Análisis de una web de cestas de navidad

En el Master sobre Administración y dirección de empresas electrónicas de la Universidad de Zaragoza, nos han mandado realizar un análisis de la página web de Cestic, empresa que se dedica a la venta online de cestas y productos navideños.

Como mi trabajo contiene una carga fuerte de imágenes y en el formato del blog no se van a visualizar bien, he subido el análisis en pdf con el objetivo de su correcta y fácil lectura.

Mi análisis se basa fundamentalmente en el posicionamiento natural de la web así como su diseño, echando un rápido vistazo a los aspectos más destacados.

>>Ver análisis

Scroll hacia arriba