Sebastián Thüer Blog

Color Thief, obtener paletas de color a partir de una imagen

Sebastián Thüer — Mon, 06 Feb 2012 11:00:00 +0000

La elección y construcción de una paleta de color para el diseño web probablemente sea una de las tareas más delicadas e importantes para determinar el look & fell de una aplicación. Definir el color dominante, sus variaciones tonales y uso de complementarios es una tarea que suele llevar bastante tiempo y donde tenemos el auxilio de varias herramientas como Adobe Kuler y aplicaciones como Website Color Schemer que a pesar del tiempo sigue siendo un de mis favoritas.

Pero la popularización de los móviles con cámara y los smart phones ha hecho que muchos diseñadores comencemos a tomar fotos solamente cuando vemos un paisaje, detalle o ambiente que nos resulte “inspirador”. De estas imágenes casuales suelen derivar composiciones y, como no, paletas de colores que luego utilizamos en nuestras creaciones.

Por eso me ha sorprendido gratamente saber que existe una bibioteca de JavaScript que permite analizar los colores predominantes de una imagen como Color Thief. Esta aplicación, analizar las imágenes y puede obtener con bastante buen criterio una paleta de colores. Pensemos que con esto podemos crear una galería de fotos para buscar por colores. Podemos hacerlo para nuestra propia bibioteca de imágenes o incluso con imágenes de stock que hayamos adquirido.

Otra posibilidad de este librería: hacer que la tonalidad de una interfaz se adapte a una determinada imagen de forma automática. En definitiva, un excelente ejemplo de intersección entre diseño y programación.

Comparando lenguajes modernos de programación web: PHP vs. Ruby vs. Python [infografía]

Sebastián Thüer — Fri, 03 Feb 2012 11:00:00 +0000

Probablemente PHP sea el lenguaje de programación web más extendido en el mundo. Pero no está solo. Tiene dos compañeros con algo menos de prensa pero muchísimo potencial: Ruby y Pyton.

Al igual que PHP, Ruby fue creado en 1995 pero su popularidad ha crecido bastante este último tiempo gracias a su código elegante, poderoso y extensible. Twitter y Groupon, por ejemplo, están basado en Ruby.

Python es todavía más antiguo: creado en 1991, tiene como principales atributos su simplicidad -está recomendado para principiantes por la simplicidad de su sintaxis- y su potencia. Con sólo decir que Google y YouTube están basado en Python nos damos una idea de su potencial.

Esta infografía nos muestra los principales atributos de cada lenguaje donde podemos ver que si bien PHP es el lenguaje más demandando, el número de desarrolladores que utiliza Ruby y Python es mucho menor con lo cual hay más posibilidades de obtener un trabajo.

Vía ReadWriteWeb

Cómo se crea un Doodle

Sebastián Thüer — Thu, 02 Feb 2012 11:00:00 +0000

Google decidió homenajear a Atahualpa Yupanqui con un doodle -una modificación alusiva del logotipo de Google- hace un par de días donde se podía ver una enorme guitarra que atravesaba las letras con el nombre del buscador, unas montañanas en el fondo, vaquitas y un sol: algunos de los elementos más iconónicos en la obra del folclorista argentino.

Lo interesante es que el blog de Google AdWords -realmente no sé qué tiene que ver este contenido aquí- ha entrevistado a Jennifer Hom, la diseñadora que lo creó donde habla sobre su trabajo en Google. Es sabido que Google tiene un extremo celo sobre el trabajo de sus empleados, así que no hay datos reveladores pero si algunas pistas y cuestiones bastantes curiosas.

Aquí van algunos de los puntos, a mi juicio, más interesantes de la entrevista:

Desde hace relataviamente poco tiempo existe un equipo exclusivo para diseñar los doodles.
No son más de 5 diseñadores los que crean los Doodles para todo el mundo.
Parce ser que todos los Doodles, de eventos internacionales y locales, se diseñan desde las oficinas de Google en Mountain View.
Los Doodles más complejos -como el de Gibson Les Paul’s o Freddie Mercury pueden llevar varios meses de trabajo en equipo.
Jennifer consiguió su trabajo en Google de una forma bastante clásica: cuando estaba terminando sus estudios de Bellas Artes mostró su portfolio y la llamaron a una entrevista.

HTML5: Qué herramientas conviene usar ahora y cuáles deben esperar

Sebastián Thüer — Wed, 01 Feb 2012 15:00:00 +0000

Varias veces en este blog hablé sobre la conveniencia de comenzar a utilizar HTML5 en el diseño web. Desde la Guía de HTML5 para diseñadores web, esta presentación sobre HTML5 en 15 minutos hasta el listado de recursos HTML5 para comenzar ya.

De todas maneras, antes de correr a estudiar HTML5 hay que tomar nota que se trata de una versión de HTML en pleno desarrollo y que todavía hay algunas funcionalidades en modo experimental o que se van corrigiendo sobre la marcha. Por eso es interesantes darse una vuelta por HTML5please.us donde hay un buen listado de todas las funcionalidades del lenguaje, su estado de desarrollo y nivel de compatibilidad.

Por ejemplo, ya es hora de comenzar a utilizar border-radius para las esquinas curvas en lugar de emplear imágenes, pero hay que evitar siemprea que sea posible la etiqueta filters porque su sintaxis todavía no está fijada. Para utilizar tipografías online se recomienda @font-face pero asegurando la compatibilidad para navegadores que no soportan esta propiedad.

Captura pantalla sitio html5please.us

Lo mejor de todo es que la información funciona al estilo WIKI pero con un formato mucho más amigable y rápido para la consulta: se puede editar la información publicada, consultar qué navegadores soportan determinadas etiquetas y obtener enlaces para ampliar la información.

Ya estás informado: antes de lanzarte de lleno al HTML5 conviene darte una vuelta por HTML5please.us para verificar que las propiedades y etiquetas a utilizar sean soportadas de un modo estándar por los navegadores más modernos.

Guía rápida de redes sociales para PYMES [infografía]

Sebastián Thüer — Fri, 27 Jan 2012 09:30:00 +0000

¿Cuáles son las principales redes sociales? ¿Qué ventajas y desventajas tienen? ¿Cómo comienzo a participar en ellas? ¿A qué público estoy llegando? Esa sencilla infografía responde a estas preguntas básicas orientadas a quienes están los primeros pasos en las redes sociales para generar conversación sobre su negocio, proyecto o emprendimiento,

No hay demasiada información que no se pueda encontrar leyendo ayudas o blogs especializados, pero funciona bien como un primer resumen para quienes acaban de darse cuenta que estar en Facebook o Twitter no es perder el tiempo sino abrirse a una audiencia enorme.

Vía MediaBistro

Notification Control, cómo desactivar los emails que envían las redes sociales

Sebastián Thüer — Wed, 25 Jan 2012 12:30:00 +0000

Más de una vez hemos comentado en el blog que pese al avance de las redes sociales el email sigue siendo el medio de comunicación predilecto de los usuarios y el lugar central desde el cual se centralizan las comunicaciones online. Si bien esto está cambiando entre los usuarios más jóvenes, el correo electrónico sigue siendo conservando su lugar de privilegio entre los usuarios más veteranos.

El problema que surge de las interrelación entre emails y redes sociales es que si tenemos una presencia activa en varias redes la bandeja de entrada puede aparecer repleta de mensajes tipo “Fulanito ha comentado tu foto”, “Sultano te envío un mensaje personal”.

Si bien todas las redes ofrecen una forma de desactivar el envío de correos electrónico, no siempre la opción aparece de forma clara y sencilla. Para ello nos ayuda Notification Control, un sitio con una idea muy simple: enlaces directos a la página que cada red ofrece para dehsabilitar el envío de emails.

No hay ningún truco ni prodigio de programación: solo el enlace para que ingresemos con nuestro usuario y quitemos la opción de envío de emails.

Ir a Notification Control

SOPA: El Proyecto de Ley de la Lista Negra en Internet [infografía]

Sebastián Thüer — Fri, 20 Jan 2012 11:26:56 +0000

Seguramente la noticia de la que se va hablar durante todo el día de hoy es el cierro del sitios de descargas MegaUpload a manos del FBI, una acción que muchos han visto como un preludio de lo que sería habitual si los congresistas estadounidenses aprueban la ley SOPA.

Sobre el tema vale la pena repetir una vez más lo obvio: MegaUpload es un sitio que aloja contenidos de todo tipo, desde backups personales hasta contenido que pueda estar alcanzado por los derechos de autor. El problema, es que se cierra un medio por lo que potencialmente los usuarios hacen con él. Es decir, la idea que MegaUpload sea una organización criminal es tan ridícula como prohibir la venta del papel por lo que los usuarios puedan poner allí.

Por eso, inevitablemente la infografía insiste una vez más sobre el tema de la ley SOPA y explica con bastante claridad cómo funciona este sistema de censura, sus riesgos para una Internet libre y cómo un país abanderado de las libertades individuales termina utilizando los mismos métodos de control que imponene China, Irán y Siria a sus ciudadanos.

De yapa, para quienes no estén muy duchos con la lengua de Shakespeare, este video en español que también explica bastante bien la lógico y los efectos de esta discutida normativa.

Vía AmericanCensorship

5 recursos de diseño que ya pasaron de moda y cómo suplantarlos

Sebastián Thüer — Thu, 19 Jan 2012 10:00:03 +0000

El diseño -ya sea web, gráfico, de modas o industrial- está alcanzado por tendencias o modas que marcan una cierta pauta de los recursos que se están utilizando. De algún modo, los usuarios o consumidores esperan manejarse en un contexto previsible que las aporte seguridad y, a la vez, reconocer rasgos distintivos que doten de personalidad al objeto.

En este sentido, es interesante el aporte que hace DesignShack a través de 5 Former Design Trends That Aren’t Cool Anymore (So Stop Using Them) donde recoge algunos de los principales clichés del diseño que han sido exprimidos hasta el hartazgo y ya no provocan ese toque sofisticado y moderno que tenían antaño.

1. Bevel & Emboss (biseles y relieve)

En algún momento pudo ser original, pero ahora parece un recurso de principiante con el Photoshop. Una imagen así hace que tu diseño automáticamente retroceda 10 años.

Hoy en día se tiende a minimizar el uso de estos recursos y darle a los objetos un aspecto más real sin sombras y brillos artificiosos. En lo personal creo que no hay que obsesionarse con estos efectos iluminación y mejor trabajar con sombras más situales. De todas formas, si la intención es dar sensación de relieve mejor trabajar con sombras y brillo más tenúes y progresivos. Un buen ejemplo es este trabajo de Matt Gentile.

2. Brillos “a la” Web 2.0

Sí, en un momento la web 2.0 se puso de moda y surgieron los colores brillantes y efectos de plástico brillante. Era un lindo momento donde decir redes sociales era estar a la vanguardia y todo el mundo ponía el rótulo de “beta” al lado de su logo.

Esa época ya pasó. Los degradados con efecto vidriado ya tuvieron su hora estelar y si bien son un recurso válido su abuso terminó por homogeneizar muchos sitios web. Hoy en día es preferible apostar por degradados más suaves, bordes ligeramente marcados para despegar el botón del fondo. Como lo hacen en la web de Firefox.

3. Textos en manuscrito

Por alguna razón la utilización de la tipografía manuscrita cada tanto resurge en el diseño. Se trata de un recurso que bien utilizado aporta un toque fresco y casual para quebrar la sucesión de tipografías formales. Pero normalmente se termina recurriendo a fuentes gratuitas que aparecen por todo el sitio con lo cual se pierde su intencionalidad original y el sitio en lugar de lucir “fresco” parece desorganizado y con problemas de legibilidad.

En su lugar, mejor apostar por tipos claros y simples para presentar el texto. Hoy en día, existe muchísimas tipografías con estilo y buena legibilidad. Mejor reservar el estilo manuscrito para lugares donde realmente tenga valor.

4. Promociones estrelladas

Ofertas, descuentos, 2×1 y demás reclamos promocionales solían estar siempre dentro una estrella de colores vibrantes. Un golpe de efecto al que ya le pasó su cuarto de hora y que actualmente se puede reemplazar por una gama mucho más amplia de recursos gráficos para destacar argumentos de venta.

En su lugar, podemos optar por lazos colocados en esquinas, vértices o centrados en la misma página. Otra alternativa son los distintivos o divisas que ayudan a destacar la información pero de un modo mucho más armónica e integrado con el resto de los elementos gráficos de la página

5. Sombras exageradas sobre el texto

Hubo un tiempo en que el descubrimiento de las sombras causó furor y se aplicaba a casi cualquier elementos. Como suele ocurrir con las cosas nuevas, se utilizó de una forma abundante y exagerada donde pasada la sorpresa inicial la sombra se convertía en un elementos distractivo. Como ocurre con el efecto “bevel & emboss”, utilizar este recursos de la misma manera significa gritar a los 4 vientos que nuestro criterios estético se ha detenido en el tiempo.

¿Hay que dejar de usar sombras? Seguro que no, pero si emplearlas de un modo diferente. Apostar por la sutileza, los matices y degradados suaves que ayuden a reforzar la comprensión del texto. O líneas definidas que ayuden a marcar el relieve sin utilizar excesivos nivels de degradado.

Conclusión

Un sitio con aspecto anticuado y donde adentrarse en sus página implique un salto en el tiempo es algo que nadie quiere. Una cosa es utilizar la estética retro o vintage como recurso y con cierto sentido y otra cosa es abrir en el navegador un diseño al que simplemente le pasó el tiempo.

Las técnicas y recursos descriptos son propias de un modo dediseñar sitios web que ya está superado. No quiere decir que lo que se utiliza hoy sea mejor -aunque es cierto que ahora hay una mucho mayor preocupación por los pequeños detalles- pero sí que al menos aporta un toque actual al diseño. En definitiva, aggiornare a los tiempos que corren.

10 Preguntas para entender de qué se trata SOPA y cómo afecta a Internet

Sebastián Thüer — Wed, 18 Jan 2012 13:14:50 +0000

Hoy es el día en que iba a producirse el apagón en Internet en protesta contra la ley que está tratando el parlamento de Estados Unidos para detener la piratería online. Una ley por demás polémica y que, desde mi punto de vista, vulnera algunos derechos fundamentales incluso si estás fuera de Estados Unidos.

En lugar de cerra mi humilde blog, prefiero armar este post con información que he leído y recopilado para que quienes no tengan mucha idea del tema puedan ponerse al tanto. Críticas y comentarios son bienvenidos.

1. ¿Qué es SOPA?

Es la ley aprobada por la Cámara de Representantes de los Estados Unidos para combatir la piratería en Internet. Su nombre en inglés es Stop Online Piracy Act (Ley de cese a la piratería en línea) y se conoce por su acrónimo: SOPA.

2. ¿Cuáles son los aspectos más sobresalientes de la ley?

Según el artículo sobre SOPA en Wikipedia, el proyecto de ley extiende las competencias del Departamento de Justicia de los Estados Unidos y amplía las capacidades de los propietarios de derechos intelectuales para combatir el tráfico online de contenidos y productos protegidos, ya sea por derechos de autor o de propiedad intelectual. Básicamente, permite que los propietarios de derechos intelectuales pudean obtener órdenes judiciales contra aquellos sitios web que faciliten la infracción de los derechos de autor.

3. ¿Qué tipo de acciones se podrían realizar contra un sitio web?

Depende de quién solicite la orden judicial. Las acciones previstas contra un sitio pueden ir desde restringir el acceso a empresas que brinden servicios de pago (como PayPal o similares) o coloquen publicidad online, hasta restringir su presencia en resultados de búsqueda o solicitar a los proveedores de Internet que bloqueen el acceso al sitio.

4. ¿Esta ley afecta sólo a los Estados Unidos?

No, la ley se aplica sobre todo doninio que esté alojado en las Estados Unidos independientemente de si sus propietarios residen en el extranjero. Además, su objetivo declarado es proteger todo contenido que esté alcanzado por los derechos de autor en Estados Unidos con lo cual se podrían bloquear blogs, foros y demás sitios que estando alojado en el extranjero ofrezcan contenidos suceptibles de vulnerar la ley de derechos de autor en Estados Unidos. En definitiva, SOPA daría competencia a los tribunales norteamericanos más allá de tierras estadounidenses.

5. ¿Quién promueve la ley?

Básicamente, los representantes Patrick Lehavy y Lamar Smith han impulsado la propuesta legislativa con el apoyo de las principales asociaciones de productores de contenido: Motion Picture Association of America, la Recording Industry Association of America, la editorial Macmillan Publishers, Viacom, y otras varias compañías de la televisión por cable, cine, e industria de la música.

6. ¿Por qué recibe críticas SOPA?

Fundamentalmente porque supone una seria amenaza a la libertad de expresión en Internet. Cualquier usuario que suba o comparta contenido con material suceptible de estar protegido de derechos de autor puede ser multado. No es solo alguien que suba una película completa online, sino que incluso el video de un bebé bailando filmado por sus padres puede ser sancionado si el titular de los derechos musicales realiza la reclamación. Además, supone una amenza para los negocios relacionados con Internet, los sitios y el software de código abierto, impacto negativo sobre la seguridad de Internet y de los proveedores de DNS, la práctica de la censura y la falta de transparencia y la manera con la que se combate la piratería en Internet.

7. ¿Qué otros argumentos hay?

Según SOPA algunas actividades como las redes de navegación anónimas se volverían ilegales. Este tipo de navegación es necesaria en muchos países donde hay fuertes controles y restricciones en el acceso a la información. Además, nuestras comunicaciones podrían ser espiadas para poder determinar si incumplimos o no la ley. También afecta gravemente a los sitios con contenido generado por el usuario porque sería sumamente impráctico vigilar cada cosa publicada con el miedo de recibir una demanda desproporcionada. La ley vulnera además uno de los principios básicos de la web como son los enlaces: colocar un hipertexto hacia una web sospechosa puede ser penado.

8. ¿Quiénes se oponen a la ley?

Las principales empresas de Internet como Google, Yahoo!, Facebook, Twitter, AOL, LinkedIn, WordPress, Reddit, Tumblr, Paypal, eBay, Amazon, Zinga, Foursquare, Mozilla Corporation, Reddit y la Fundación Wikimedia. También se suman organizaciones ambientalistas y de derechos humanos tales como Greenpeace, Reporteros Sin Fronteras, la Electronic Frontier Foundation, la ACLU, y Human Rights Watch.

9. ¿Qué protestas se están realizando?

Una de las propuesas más difundidas es el cierre de algunos sitios -como Wikipedia- para el miércoles 18 de enero por 24 horas. La web American Censorship también brinda información y recursos para manifestarse en contra de la iniciativa.

10. ¿Cuál es el estado actual de SOPA?

La votación del proyecto estaba prevista para el día 24 de febrero, pero fue aplazada sin fecha por falta de consenso en la Cámara de Representantes. La Casa Blanca ya anunció que no apoyará la iniciativa no obstante los promotores de SOPA anuncian que continuarán con intentándolo.

#Extra: ¿En qué lugares me puedo informar más sobre SOPA?

Uno de los mejores análisis en español está en Denken Über. También hay una infografía con Mafalda explicando por qué no le gusta SOPA. El blog ALT1040 también tiene un post sencillo explicando el tema.

Este video de American Censorship resumen los principales puntos de conflicto.

BaseKit, en busca de la sencillez y profesionalidad para crear sitios web

Sebastián Thüer — Tue, 17 Jan 2012 10:00:49 +0000

Encontrar una forma fácil de diseñar un sitio web y, a la vez, obtener resultados profesionales, es el sueño de muchos. BaseKit es una plataforma online que persigue este objetivo y está ampliando sus operaciones hacia el mercado lationamericano donde ” el espíritu empresarial y la gran cantidad de negocios familiares existentes llevan a que mucha gente quiera crear su propia página web”, dice Jaime Jiménez, Head of Search de BaseKit para mercados de habla hispana.

BaseKit apunta a diferentes públicos: desde el emprendedor entusiasta que necesita rápidamente un sitio web hasta el diseñador profesional que quiere escribir su propio código HTML y CSS. Además, acaba de lanzar una red de diseñadores web donde poder mostrar tus trabajos, intercambiar experiencias y, lo más interesante, conseguir clientes.

De todo esto hablamos en esta entrevista a Jaime Jiménez.

En pocas palabras, ¿Qué es BaseKit?

BaseKit es una plataforma 100% online, con la que, sin tener que descargar ningún software en tu ordenador, podrás crear páginas web, sin necesidad de programar y con un resultado absolutamente profesional.

Jaime Jiménez - Head of Search BaseKit Mercados habla hispana

¿Qué ventajas ofrece BaseKit frente a otras herramientas de diseño web?

Las características avanzadas de diseño y edición del editor web BaseKit, lo hacen único en el mercado, ya que permite al usuario tener un control absoluto sobre la creación de su sitio web.

Por un lado, permite a usuarios sin experiencia técnica previa, diseñar su propia web de una forma rápida y sencilla a partir de una de las más de 100 plantillas web prediseñadas que la plataforma ofrece.

Pero si en cambio, eres un diseñador profesional, con BaseKit, podrás sacarle mucho más partido a tus diseños web, pudiendo acceder a características avanzadas e incluso al código HTML5/CSS3, y tener un mayor control sobre el desarrollo de tu proyecto.

Además con la solución ‘todo incluido’ de BaseKit, tendrás todo lo que necesitas para hacer una página web, sin sorpresas posteriores: alojamiento, dominio y acceso ilimitado al editor. Y si necesitas ayuda, tienes a tu disposición un equipo profesional de soporte que estará encantado de atenderte siempre que lo necesites (también incluido).

¿Cómo puede esta plataforma ayudar a los diseñadores web?

BaseKit se presenta como la mejor opción para todos aquellos diseñadores que buscan una herramienta profesional y flexible para desarrollar su trabajo. Sin duda, la mayor ventaja para ellos es, que sin necesidad de tener que crear el código, los resultados son páginas web absolutamente profesionales que funcionan y pueden ser vistas desde cualquier dispositivo, incluidos teléfonos móviles y iPads. El editor incluye funcionalidades SEO, con las que podrás responder a los requerimientos más exigentes de tus clientes.
La plataforma puede ser aprovechada también por todos esos diseñadores gráficos que todavía no se han atrevido a dar el salto al diseño web.

¿Qué es la red profesional BaseKit?

La red profesional de BaseKit nace con el propósito de ofrecer a todos aquellos profesionales del diseño que utilizan BaseKit o que les gustaría empezar a utilizarlo, un punto de encuentro en el que compartir experiencias con otros diseñadores, formarse (gracias a los seminarios y webinars que se realizarán a menudo), y en definitiva convertirse en una plataforma de promoción para ellos y sus trabajos.

Una de las ventajas importantes de pertenecer a esta Red Profesional es que podrás ganar dinero utilizando BaseKit para crear páginas webs para nuestros clientes.

¿Qué costo tiene usar BaseKit?

Un plan anual Business en BaseKit, que incluye todo lo que necesitas para crear una web profesional: dominio, alojamiento, editor web, número ilimitado de páginas en el site, tienda online… tiene un costo de AR$ 53/mes.

¿Qué importancia tiene para ustedes el mercado hispano / Latinoamericano?

Basekit es un aliado perfecto para los mercados latinoamericanos, en los que el espíritu empresarial y la gran cantidad de negocios familiares existentes llevan a que mucha gente quiera crear su propia página web. Es por esto que desde Julio de 2011 BaseKit viene operando en Argentina, Chile, México, Perú y Colombia.

Las palabras claves más valiosas de Google [infografía]

Sebastián Thüer — Fri, 13 Jan 2012 10:00:53 +0000

Con el 97% de sus ingresos proveniente de la venta de avisos podemos decir que Google es la agencia de publicidad más grande del mundo. Sí, pese a una muy diversificada cartera de productos y servicios el gigante de las búsquedas vive básicamente de la venta de espacios en las páginas de resultados de búsqueda.

El sistema es simple: los usuarios compiten por determinadas palabras clave como si fuera una subasta. A mayor demanda, mayor precio ¿Cuáles son las palabras más caras para contratar en Google AdWords? Los primeros 3 lugares se lo llevan 3 servicios claves, especialmente en EE.UU: seguros, préstamos e hipotecas. Esta infografía ilustra el top #20 de las palabras clave más caras.

Vía WordStream

Mapa mundial de las redes sociales: El uso más intensivo está en América Latina

Sebastián Thüer — Tue, 10 Jan 2012 14:21:55 +0000

Pasar tiempo en las redes sociales es una de las actividades favoritas de los usuarios de Internet en América Latina. Según un estudio de comScore,es la región del mundo donde más tiempo se dedica al uso de redes sociales. Le siguen Europa, Norteamérica y, basante más lejos, la zona del Asia-Pacífico.

Argentina, Chile, Colombia, Perú y Venezuela se ubican en el top 10 de los países donde más tiempo se dedica al uso de redes para socializar y compartir con los pares. Mientras que los países asiáticos dedican solo el 11% de su tiempo online a las redes sociales, en Lationamérica el procentaje trepa al 28%.

Los usuarios de la región han experimentado intensivamente con herramientas como el chat y los servicios de mensajería, pero ahora están abrazando las redes sociales para mostrar la efusividad de la cultura social en la región, dice el informe de comScore que no tiene problemas en asumir los preconceptos que existen sobre la vida social en la región. Otro dato interesante: los países de centro y sudamérica registran menos niveles de desigualdad entre el tiempo empleado en redes sociales entre hombres y mujeres.

Respecto de las redes sociales más populares está claro que Facebook lleva la delantera y su penetración a nivel global sigue creciendo. Solamente en Brasil, China, Japón, Polonia, Rusia, Corea del Sur y Vietnam no es la red social más popular, aunque en la mayor parte de estos países su nivel de crecimiento es mayor al de sus rivales.

Algunos otros datos interesantes que deja el informe:

El microblogging, particularmente Twitter, está emergiendo como una fuerza disruptiva en las redes sociales con un creciente número de personas que eligen esta vía para comentar los sucesos más sobresalientes,
Las redes sociales ya no se sostienen por la fuerza de los Estados Unidos. El 80% de las visitas a Facebook y Twitter, el90% de los perfiles en Windows Live y el 60% de las visitas a LinkedIn provienen de otros países.
Las redes sociales ya no son dominio de los jóvenes. El mayor crecimiento de sus usuarios provienen de aquellos que tienen má de 35 años. Incluso, las mujeres de 45 a 54 años son el segundo grupo que más tiempo utilizan las redes solo por detrás del segmento 15-24.
Las redes sociales está siendo claramente el principal canal de comunicación entre los más jóvenes muy por encima del uso del correo electrónico y los mensajes.
En cuanto a la distribución de publicidad, las redes sociales son claramente el grupo de sitios donde más invierten las empresas. Sin embargo, no ofrece el mismo nivel de ROI que otros sitios.
El acceso a las redes se realiza cada vez más desde dispositivos móviles. El acceso desde tablets si bien crece por ahora solo tiene relativa importancia en el mercado de Estados Unidos.

Para más información, aquí se puede descargar el PDF con el informe completo.

Vía GeeksRoom

Qué ocurre durante 60 segundos en la web [infografía]

Sebastián Thüer — Fri, 06 Jan 2012 10:27:45 +0000

Durante cada minuto se ven más de 600 videos en YouTube, se registran más de 70 dominios, se descarga WordPress más de 50 veces y se hacen 694.445 búsquedas en Google.

Esta infografía computa con qué frecuencia se utilizan los servicios y herramientas más populares de la web durante un minuto con muchos números que dan para pensar y nos muestran porqué gran parte de nuestra comunicación para hoy por las redes.

Vía Adverblog

La historia de la publicidad [infografía]

Sebastián Thüer — Fri, 30 Dec 2011 21:00:24 +0000

La publicidad está con nosostros desde hace mucho tiempo. Esta infografía repasa su historia y nos muestra los hechos más salientes donde encontramos algunas curiosidades: la primera marca se creo para un dentrífico, el primer “product placment” fue con una novela de Julio Verne y los primeros banners en Internet nacieron en 1994 con publicidad de AT&T, Volvo, Sprint, entre otros.

Vía Puro Marketing y el timeline de Patricio.

Cómo crear el favicon perfecto

Sebastián Thüer — Wed, 28 Dec 2011 15:30:43 +0000

El icono que acompaña a nuestro sitio web suele ser una pequeña pieza a lo que se le presta gran valor. En parte, porque se minimiza su importancia y en parte por el gran desconocimiento que existe entre los diseñadores web sobre cómo crear buenos iconos que logren transmitir la identidad de la página.

Comencemos por el principio. El icono que acompaña a las páginas web fue introducido por Internet Explorer 5. Para ello bastaba con copiar en la raíz del sitio web un archivo “favicon.ico” que consistía una imagen de 16×16 píxeles. Hoy en día todos los navegadores modernos utilizan los iconos. Es más, algunos navegadores como Firefox suelen dejan un soso recuadro blanco si no hay imagen asociada para mostrar.

Jon Hicks acaba de editar The Icon Handbook, un libro que contiene un capítulo entero dedicado a los faviconos o iconos para páginas webs. En .netMagazine publican un extracto del capítulo con algunos interesantes consejos. Veamos:

El icono no es un logotipo. Cumple una función similar a la bandera, una firma o una señal de tráfico: sirve para identificar de manera rápida y fácilmente reconocible.
Hay que tener en cuenta el contexto donde el icono se va a reproducir. La imagen de 16×16 ya no es el único tamaño, los smartphone y tablets y nuevos navegadores utilizan sus propias resoluciones que llegan hasta las 195 pixeles en el caso de las ventanas iniciales de Opera.
Las imágenes de mayor tamaño pierden nitidez al redimensionarse a otro tamaño y crean pixeles intermedios que dificultan la interpretación del gráfico. Por eso, lo mejor es incluir varias versiones del mismo icono
El formato ICO y el PNG son los más adecuados. Ambos soportan transparencias y pueden ser reproducidos sin problemas por la mayor parte de dispositivos y navegadores.
Una vez que tenemos la imagen de base en formato vectorial, el diseño tiene que partir del tamaño más pequeño y es fundamental borrar los píxeles intermedios que crean automáticamente los editores de imágenes.
El formato ICO permite agregar múltiples resoluciones a un mismo archivo.
Hay que considerar el formato tamaño para los dispositivos táctiles de Apple que trabajan en resoluciones diferentes (72×72). Los dispositivos con Android también lo soportan.