Sebastián Thüer Blog

El camino hacia la excelencia en el diseño [infografía]

Sebastián Thüer — Fri, 10 May 2013 15:45:00 +0000

Esta infografía no es de las más bonitas ni logradas pero la información que contiene es valiosa ¿Cómo lograr un diseño de excelencia? ¿Por donde se comienza? El gráfico propone un camino bastante lineal pero que sirve para organizar un poco todo aquello que alguna vez un diseñador o estudiante de diseño ha escuchado alguna vez: ser creativo pero no ambiguo; prestar atención al color, las formas y las texturas; escoger el tipo de diseño adecuado para cada necesidad, entre otras frases trilladas.

Quizás la clave para orientar un buen diseño esté en el primer paso y tiene que ver con una pregunta muy sencilla: ¿qué tipo de imagen voy a escoger para contar la historia? Puede ser una fotografía, una ilustración, un mapa, un diagrama o una metáfora. Pero el punto de partida es determinar qué tipo elementos visual se ajusta al proyecto.

Una vez hecho esto, sí nos centramos en variables específicas del diseño para concentrar nuestra atención en las formas, tamaños, colores, texturas, posiciones y la perspectiva. En este momento no hay lugar para las dudas o la experimentación: hay que jugar con los elementos básicos que tiene todo diseñador a su alcance para crear.

El tercer lugar lo ocupan los principios generales del diseño que todos deberíamos conocer: consistencia, repetición, contraste y proximidad. Recién en cuarto lugar entramos en la corrección tratando de corregir problemas como la sobresimplificación, el mal uso de clichés y la sobrecarga de ambiguedad. Y, recién para el último peldaño dejamos la innovación.

Ver infografía interactiva

Adobe anunció el fin de Fireworks

Sebastián Thüer — Tue, 07 May 2013 14:28:23 +0000

Se veía venir. Adobe aprovechó su conferencia MAX para anunciar el fin de Fireworks. El software originalmente desarrollado por Macromedia estaba a medio camino entre el uso de vectores y el tratamiento de imágenes. Cuando Adobe compró Macromedia se especuló mucho con la discontinuidad de Fireworks. Sin embargo, decidieron mantenerlo... hasta ahora.

"Durante el último par de año, ha habido una creciente cantidad de superposición en la funcionalidad entre Fireworks y programas nuevos y otros existentes como Photoshop, Illustrator y Edge Reflow", dice el comunicado oficial. Además, agregan, los ingenieros de Adobe está más interesados en pequeñas soluciones modulares con herramientas y servicios específicos antes que grandes programas.

¿Seguirá el mismo curso Flash que sigue sobreviviendo gracias al streaming de video y los juegos? ¿Se terminará Dreamweaver que prácticamente no tiene cambios sensibles en el último tiempo?

Lo cierto es que aunque personalmente prácticamente no usaba Fireworks hay tareas que hacía muy bien como la optimización de PNG; la creación de GIFs animados (sí, es una antigüedad pero a veces son necesarios) y, la creación de bocetos rápido mediante el trabajo combinado con vectores y mapas de bits en un mismo espacio de trabajo.

El premio consuelo es que Fireworks no desparecerá ahora mismo. Seguirán vendiendo la Fireworks CS6, incluyéndolo en actualizaciones de seguridad y seguirá siendo parte de Adobe Cloud. Eso sí, su desarrollo futuro está descartado y tarde o temprano habrá que migrar a otro software

¿Logrará Adobe retener a los usuarios de Fireworks dentro de sus productos? ¿O vendrá una nueva, empresa como lo fue Macromedia, que llene el vacío que existe para los diseñadores web que quieren trabajar de forma visual? El tiempo lo dirá.

El consumo de video en la web [infografía]

Sebastián Thüer — Fri, 03 May 2013 14:35:38 +0000

Interesante infografía en formato video creada por Adobe tanto por los datos que aporta como por su realización. Esta breve animación de poco más de un minuto muestra cómo la visualización de video en la web está creciendo fuertemente y la tendencia no parece detenerse. Relajados en su casa delante de la PC, haciendo fila y con el móvil en la mano o sentados en una sala de espera con un tablet, los usuarios consumen cada vez más videos. Como dice el blog de Adobe, si el contenido es el rey, el trono es del video.

El 66% de los comentarios y menciones que hay en redes sociales son sobre algún contenido en formato audiovisual. El principal impulso en el consumo de video llega de la mano de las tablet que ya supera al smart phone como dispositivo de visualización de este tipo de conteindo. El estudio completo, basado en el mercado de los Estados Unidos, está disponible en PDF (ver).

Vía Cool Infographics

La historia de los videojuegos [infografía]

Sebastián Thüer — Fri, 19 Apr 2013 12:00:41 +0000

Vía TicBeat

Twitter #music: El eterno romance entre redes sociales y música

Sebastián Thüer — Thu, 18 Apr 2013 16:45:47 +0000

Nos conecta. Permite relacionarnos. Genera grupos de personas afines y con intereses en común. No estoy hablando de redes sociales sino música. Sí, la música ha sido uno los principales vehículos para la expresión humana, la conformación de grupos y la transmisión de cultura. Por eso, no extraña que hoy Twitter anuncie #musica un nuevo servicio para descubrir artistas, compartir nuestros gustos y encontrar personas que realicen escuchas similares.

Básicamente, se trata de un espacio que, sobre la base de los tweets y las conexiones entre usuarios permite detectar los temas más populares y encontrar artistas emergentes. En otras palabras, un modo de encontrar música y ver qué están escuchando nuestros artistas de cabecera.

Por el momento, el servicio se materializa en una aplicación en App Store y la web music.twitter.com que conecta con sitios de streaming online como Spotify y Rdio. De esta forma, podemos ir buscando y escuchado la música al mismo tiempo.

La idea no es nueva. Hace bastante tiempo Microsoft Messenger se vinculaba con Windows Player para mostrar en nuestro estado el tema que estábamos escuchando. El boom de las redes sociales llegó de la mano de MySpace, el antecesor de Facebook donde la música era un componente central: el perfil de cada usuario se podía personalizar con una lista de canciones que sonaba de fondo.

Más cerca en el tiempo, todavía está fresca la fallida de apuesta de Apple en el terreno con Ping. Esta red social exclusiva para usuarios de iTunes permitía socializar nuestras escuchas y descubrir nuevos artistas pero por su carácter excesivamente cerrado (entre otras cosas), no prosperó.

¿Qué ofrece Twitter #music de diferente? Una red social consolidada y en expansión, una tradición de interacción con aplicaciones externos a través de su API que -si bien en este último tiempo se ha ido haciendo más restrictiva fundamentalmente por el número de conexiones admitidas-, y la vinculación con servicios de streaming legales que blinda la posibilidad de conflictos con la industria discográfica.

Como suele ocurrir, los usuarios de esta parte del mundo tendremos que esperar. El servicios se lanzó hoy para Estados Unidos, Canadá, Irlanda, Reino Unido, Australia y Nueva Zelanda. Se espera que luego se vaya expandiendo y también haya aplicaciones para dispositivos con Android.

Por el momento, habrá que conformarse con las descripciones que nos llegan a través de sitios especializados.

Transformá tu diseño en Illustrator a código con Drawscript

Sebastián Thüer — Tue, 16 Apr 2013 16:05:56 +0000

Drawscript es una de esas pequeñas joyas que hacen la vida de los profesionales del diseño y la programación un poco menos tortuosa. Se trata de una extensión que traduce un diseño en Illustrator a código fuente, es decir, nos permite incorporar un gráfico o ilustración a la interfaz de otro programa.

Drawscript es capaz de transformar un diseño en Illustrator a código JavasScript, C++, OBJ-C, ActionScript 3 y JSON, entre otros.

Simplemente hay que descargar el archivo, instalarlo como extensión y automáticamente tendremos en Illustrator una ventana donde se nos muestra el código. Es decir, nos podemos llevar ese diseño prácticamente a cualquier programa.

El proyecto está en beta y es una iniciativa open source.

Herramientas para el marketing digital [infografía]

Sebastián Thüer — Fri, 12 Apr 2013 13:24:07 +0000

Que el marketing es parte imprescindible para el éxito de cualquier proyecto digital es algo indiscutible. Esta infografía nos muestra un poco este interesante mundo con el pensamiento de las personas que ejecutan las campañas de marketing donde el 97% de los profesionales asumen que manejar las audiencias y los mensajes es parte esencial de su trabajo.

También es interesante ver cómo se distribuyó el presupuesto en los diferentes lugares. El 79% de las empresas aumentaron su inversión en social media en 2012 mientras que un 21% quitó dinero al marketing tradicional. Redes sociales y resultados de búsqueda concentran casi la mitad de la atención de los usuarios y fueron el foco principal de las acciones.

Vía Infosys

La reinvención del kiosko de revistas en la era digital

Sebastián Thüer — Thu, 11 Apr 2013 15:23:07 +0000

El eterno debate sobre papel vs. digital no es más que un debate sobre los soportes. Está claro que el lenguaje, el texto escrito y el alfabeto no desaparecerán. También seguiremos necesitando información, libros, revistas y periódicos. Si el texto aparece impreso sobre el papel o con tinta digital es otra cuestión.

El negocio editorial vinculado papel es muy grande y hace tiempo que viene pensando en nuevas estrategias para sobrevivir. Uno de los eslabones más débiles del negocio son los kioskos -sí, esos lugares donde vamos a comprar diarios y revistas- que no tienen la misma capacidad financiera (ni de lobby) para imaginar nuevos horizontes. Por eso me llamó la atención el post "El quiosco de prensa se reinventa" donde proponen una estragia interesante: reinventarse como centro de distribución de compras realizadas por Internet.

Para el 81% de los consumidores estos quioscos son un buen punto de recogida de sus compras en Internet, informa TicBeat. Y es que la cuestión de la entrega sigue siendo unos de los grande problemas del e-commerce ¿Me lo envían a casa o al trabajo? ¿Qué pasa si no estoy? ¿Cómo puedo estar seguro que arribe a la dirección correcta y no vaya por error a algún vecino?

El estudio realizada indica que los consumidores prefieren los kioskos frente a la tradicional entrega por mensajero. La razones son bastante obvias: creen que en estos lugares pueden resolver mejor una incidencia que un mensajero o cadete ¿Qué tipo de productos se podrían dejar en los kioskos? Fundamentalmente los propios del consumo cultural como libros y música, pero también se podría extender hacia la electrónica de consumo y prendas de vestir.

Sin embargo, la reconversión de los kioskos en puntos de conveniencia para el retiro de mercadería solo sería viable en grandes centros urbanos que requieren una mayor logística para la entrega. De todas formas, no deja de ser una interesante opción que ya se ha puesto en marcha en Francia donde 4 de cada 10 paquetes se entrega por este sistema.

Foto: Sonja Pieper / Yashima

Shopify, una nueva plataforma en español para crear tu tienda virtual

Sebastián Thüer — Mon, 08 Apr 2013 18:48:11 +0000

Shopify es una plataforma para crear un sitios de ventas en Internet que ha tenido muy buenos comentarios por parte de la comunidad de desarrolladores y diseñadores web fundamentalmente por dos aspectos: su simplicidad y las opciones de personalización que brinda con la posibilidad editar bastante el código. La buena noticia es que ahora está disponible en español.

Shopify es una plataforma SaaS (Software as a Service), es decir, una herramienta que se puede utilizar sin necesidad de comprar una licencia, en donde únicamente se paga una cuota, generalmente mensual, que cubre el uso del servicio y es por eso que la licencia no es del cliente, únicamente es alquilada y se puede terminar la relación en cualquier momento. Es totalmente flexible y se adapta a las necesidades de tu negocio.

En este caso, cuenta con la opción “30 días gratis” para probar el servicio y ver que tal te funciona, si te gusta el diseño y manejo de los productos y si se adapta a tus necesidades. Desde el inicio, te guía paso por paso para que te sientas cómodo con la plataforma, mostrando las diversas opciones que te ofrece. Armar una tienda es bastante rápido y, en general, el proceso es simple. Además, hay un blog para consultar dudas y donde plantear problemas.

En cuanto a las opciones de pago, permite que los clientes que compren en tu sitio paguen medio de depósito, tarjeta de crédito/debito o PayPal, entre otras opciones.

No es una plataforma gratuita pero tiene un costo accesible con varias ofertas de planes. Un punto interesante: si ninguno de los planes te convence existe la opción de contactar con ellos para que te ofrezcan una configuración personalizada.

Si estás interesado en emprender o crear tu propio negocio en línea, probar Shopify en español de forma gratuita por un tiempo limitado puede ser una buena opción.

La historia de la telefonía móvil [infografía]

Sebastián Thüer — Fri, 05 Apr 2013 12:00:15 +0000

Un 3 de abril de 1973 Martin Cooper, investigador en Motorola, hacía la primera llamada a través de un teléfono inalámbrico a su rival de Bell Labs caminando a lo largo de la Sexta Avenida de New York. La historia de la telefonía móvil o celular data de los '70 pero es no es hasta finales de los '90 que su uso se populariza.

Esta infografìa recorre los hitos más destacados y a más de uno le dará nostalgia recordar el Nokia 5510 o el Motorola V3 que fueron auténticos hitos en la historia de los terminales. Hoy, con la revolución de los smart phones -el primero lo creó IBM en 1993- los teléfonos se han convertido más en terminales de acceso a Internet que en dispositivos para realizar llamadas.

Vía Mashable

PHP Conference llega a Argentina

Sebastián Thüer — Thu, 04 Apr 2013 14:43:38 +0000

PHP Conference, el evento más de PHP, llega a Argentina. Este 5 y 6 de octubre Buenos Aires recibirá a varios de los expertos más destacados en PHP en lo que constituirá uno de los eventos tecnológicos más importantes del país y la región.

Rasmus Lerdorf, creador del lenguaje PHP y varios de los referentes más imporantes a nivel mundial como Igor Sysoev, Derick Rethans y Brian Doll llegarán a la Argentina para hablar y presentar los horizontes de desarrollo del lenguaje más popular para programación en la web. A este elenco internacional se sumará Daniel Rabinovich, CTO de Mercado Libre, Sebastián Bergmann y una lista de importantes oradores que ya está confirmada.

Las entradas ya están a la venta y arrancan en los USD $75 para quienes se registren antes del 31 de mayo. Podés seguir las novedades del evento en @phpconferencear

La crisis de la complejidad, cuando la simplicidad es la solución

Sebastián Thüer — Tue, 02 Apr 2013 15:53:51 +0000

Fotografía: Complexity 1, por Michael Heiss (CC)

En un día típico tenemos varios momentos en que nos sentimos frustrados y confundidos por la complejidad. Nuestra vida esta llena de objetos tecnológicos que no podemos usar, instrucciones que no podemos seguir y planillas que no podemos descifrar. Un GPS, la etiqueta de un medicamento o un formulario de declaración de impuestos: elementos que solían ser simples se han vuelto increíblemente intrincados y difíciles de comprender.

Así comienza When Simplicity Is the Solution, el excelente artículo escrito por Alan Siegel e Irene Etzkorn para The Wall Street Journal donde relatan como la complejidad lo ha invadido todo. Aun nuestros tiempos de entretenimientos y recreación.

La web Sephora.com ofrece 1.992 fragancias, 436 lociones y 135 máscaras diferentes. Buscar una aplicación para el iPhone puede ser una odisea en un App Store que va camino al millón de aplicaciones (800.000 actualmente). Y hasta un comerciante que quiera vender con tarjeta de crédito debe leerse un contrato de 20.000 palabras cuando en 1980 no se extendía más allá de las 400.

El problema no se circunscribe solamente a la tecnología. Las leyes, las regulaciones gubernamentales y las prácticas comerciales abusivas que se esconden detrás de la letra pequeña también tienen mucho que ver con esto. Y también las compañías, para quienes resulta mucho más fácil ir agregando parches, notas al pie, excepciones y cláusulas a su información que reescribirla desde cero para hacerla más comprensible.

Ponerse en el lugar del otro

La clave para vencer esta complejidad pasa por la empatía. Esta palabra siempre de moda en el mundo de la comunicación supone asumir la perspectiva del otro como la nuestra y comprender la importancia de la experiencia a la hora de usar un producto o servicio.

A la hora de tratar un paciente, por ejemplo, no se trata solo de prestarle atención médica. Así lo hicieron en Cleveland Clinic donde realizaron un profundo trabajo para comprender como los olores, los sonidos, el saludo, la programación de turnos y hasta la disposición del personal de seguridad afecta las emociones del paciente. Así desarrollaron protocolos y normas que van desde los tiempos que tienen las enfermeras para responder a los pacientes -y en qué momentos deben establecer contacto visual - hasta el lenguaje que deben usar los médicos para comunicarse con los enfermos.

Empatía en el diseño

Desde esta perspectiva, el trabajo del diseñador es básicamente generar empatía. Intervenir en el proceso de desarrollo de un producto o servicio para hacer su uso más fácil, más simple y más agradable. Sin embargo, hay muchos ejemplos de cómo no se han las cosas bien.

Los prospectos de medicamentos son todo un tema. Generalmente, las personas buscan 2 o 3 datos sencillos y concretos: cuál es la droga y su efecto, cómo debe tomarse y qué efectos secundarios podría haber. Pero para hallar esta información hay que bucear en un texto lleno de tecnicismos y con tipografía minúscula.

Ni que hablar de la web, donde si nos detuviéramos a leer los términos y condiciones de cada sitio, la política de privacidad de cada página donde hay que ingresar datos y las licencias de los software que utilizamos harían de la navegación una experiencia tortuosa.

Quien lo parece haber entendido perfectamente es Google. Su página principal sigue siendo una simple y despojada ventana donde el logo de la empresa y la caja de búsqueda ocupa los lugares centrales. No todos los sitios pueden seguir este modelo, claro está, pero quizás sí su filosofía: mantener el diseño tan simple como sea posible.

The Big Book of Font Combinations: Un libro con ejemplos para combinar fuentes

Sebastián Thüer — Mon, 01 Apr 2013 18:35:09 +0000

Con la cantidad de tipografías disponibles es posible pasar horas mirando fuentes y más tiempo aun para escoger una combinación adecuada. Días atrás comentaba algunas consideraciones básicas para combinar tipografías, una serie de principios generales que el diseñador debe tener en cuenta cuando trabajar con más de una familia tipográfica.

Sin embargo, a veces en que no hay demasiado tiempo y necesitamos una solución rápida. O que la cuestión tipográfica no es nuestro fuerte como diseñadores y necesitamos aprender de buenos ejemplos. Para ello existe The Big Book of Font Combinations, un libro de 350 páginas con una selección de las tipografías que han dejado huella en el mundo del diseño y algunos ejemplos de cómo han sido combinadas.

Este ebook (ver muestra en PDF) tiene un índice bien organizado, muestra ejemplos de aplicación de estas tipografías y permite buscar directamente una fuente en concreto. Un buen recurso que no está de más en la biblioteca del diseñador y que por tiempo limitado está disponible a un precio promocional de USD $13.

Usando Pinterest para el marketing online

Sebastián Thüer — Sat, 30 Mar 2013 12:00:13 +0000

Pinterest es la nueva red social a la que muchos siguen sin encontrarle la vuelta. Esta especie de tablón de imágenes ofrece sin embargo oportunidades interesantes para el marketing online. Por empezar, nada más basta decir que mientras un usuario que llega a un sitio de compras a través de Facebook desembolsan en promedio USD $40, los que provienen a través de Pinterest gastan el doble: USD $80.

El usuario de esta red social tiene un perfil bien definido: 4 de 5 usuarios de Pinterest son mujeres. Además, tienen un alto nivel educativo y casi el 70% del total de usuarios se ubica en los niveles de ingresos más altos. Esta infografía nos permite conocer mejor este perfil y proporciona algunas orientaciones a la hora de utilizar esta red social para promocionar productos y servicios.

Vía MarketingLand

eCall, tecnología en los autos para salvar vidas

Sebastián Thüer — Thu, 28 Mar 2013 13:18:18 +0000

La idea es simple: un dispositivo incorporado a los automóviles que efectúe automáticamente una llamada a emergencias cuando se produzca un accidente. Sencilla y efectiva, la inciativa conocida como eCall y la Unión Europea analiza que sea un estándar en todos los vehículos cero kilómetro a partir del 2015.

eCall es una llamada de emergencia que se genera manualmente por los ocupantes del vehículo o automáticamente a través de la activación de sensores del vehículo en caso de accidente. Cuando se activa, el sistema establece una conexión de voz-112 y envía los datos directamente al correspondiente Punto de Respuesta de Seguridad Pública (PSAP), que es una autoridad pública o a un centro de eCall privado que opera bajo la regulación y/o autorización de un organismo público.

El dispositivo permite transmitir datos como la localización satelital, la dirección e identificación del vehículo e incluso podrá informar si la víctima está inconsciente. Como el accidente se detecta en segundos y se puede conocer su posición exacta, los actores de la cadena de rescate son capaces de responder de manera inmediata a la emergencia. La tecnología también permitirá que el lugar del accidente se pueda despejar tan pronto como sea posible, ya que los equipos de rescate, policía, centros de gestión del tráfico y las empresas de remolque son notificados inmediatamente.

Algunas pruebas con esta tecnología fueron realizadas en Suecia con muy buenos resultados. Tanto, que una de las medidas incluidas en la Directiva para ITS -Intelligent Transport Systems- incluye la obligatoriedad de usar eCall o una tecnología equivalenteen los vehículos que se vendan a partir de 2015.

El sitio de prensa de Sony Erisson tiene más información sobre el tema:

ECall, autos conectados, una solución que puede ayudar a salvar vidas