Cómo desarrollar un sitio web

Desarrollo Sitio Web

(Click para ampliar)

Si sos de los que tienen que desarrollar sitios webs de manera más o menos regular, es posible que necesites descargar y tener a mano esta infografía.

En una línea de tiempo se ubican los distintos pasos en el proceso de construcción de un sitio. Un paso a paso general pero que permite organizarnos, tanto desde el lado del diseñador como del cliente.

Contempla 8 meses de trabajo en distintas fases:

Contacto Inicial – Planeamiento – Contenido – Diseño – Desarrollo – Lanzamiento

Y todas las cuestiones que hay en el medio. Y seguro que faltan más elementos y seguro que se presentan otras más en el transcurso del trabajo. Pero como ‘mapeo’ general no está nada mal.

Vía el blog de Daniel Abadie

 

Infografía: elecciones en Córdoba 2011

Infografía Elecciones Córdoba

Buenas noticias para los lectores de La Voz, para los infógrafos y… en fin, para todos. Es que por las elecciones de ayer lanzaron unas infografías interactivas muy buenas, como no suelen verse en medios argentinos. El trabajo reúne lo siguiente:

La composición de la Unicameral
La geografía política de Córdoba
Escenario político en Córdoba y Argentina
La participación en las elecciones

El trabajo fue dirigido por Juan Colombato (y equipo) y asesorado por Chiqui Esteban.

Atención fanáticos de las infografías: Visual.ly abrió sus puertas

Visual.ly

El esperado sitio especializado en infografías finalmente abrió sus puertas. Se había anunciado hace un tiempo la construcción de este sitio y la espera, por el momento, parece que valió la pena.

Pero, ¿qué es Visual.ly?

Varias cosas. Por un lado es un sitio donde explorar infografías. Con el tiempo se transformará en un gran buscador de trabajos visuales web, de todo tipo de temáticas. También es un sitio donde los infógrafos podrán subir y exponer sus trabajos (por el momento se trata sólo de imágenes, no de aquellos que fueron construidos de otra manera). Por último, aunque aun no esté abierto al público, será un lugar para crear tus propias infografías sin necesidad de descargar algún software o tener conocimientos de especialista. Con subir un archivo de Excel o similar, será suficiente para comenzar a configurar la data de manera visual. Veremos que tal resulta ese servicio…

Ya lanzado queda observar cómo evoluciona como servicio y se desarrolla su comunidad. Se habló tanto de Visual.ly que difusión no le faltó. Es que detrás del proyecto está Stew Langille, de Mint.com.

Otras opiniones sobre el sitio: Techcrunch, Mashable, Chiqui Esteban, Pablo Sanchez.

El estado de Internet 2011

Estado de Internet 2011

Gran trabajo de onlineschools.org para mostrarnos en una infografía interactiva el estado actual de Internet.

Muchas cifras, redes sociales y datos en general son dispuestos en el gráfico que comienza a contabilizar desde el momento en que nos conectamos. Las fuentes utilizadas para su elaboración, están al final de la infografía.

Está construído en HTML5 y es una delicia visual. Y también nos muestra algunas de las cosas que se pueden hacer con la nueva versión del conocido lenguaje.

Vayan y vean!

Enlace: State of the Internet 2011 | Vía

Infografía: ¿qué es el Canon Digital?

Muy buena infografía sobre el Canon Digital que intentan convertir en ley en Argentina hoy. Pichetto y Giustiniani son los responsables en llevar adelante este proyecto. Creo que en el gráfico está bastante claro de qué estamos hablando y qué significa para toda la sociedad que el Canon se apruebe.

Infografía por Derecho a Leer | Gracias Gonzalo por el aviso!

Infografría NO al Canon(Click para ampliar)

Infografía: Universo Geo-Social

Universo Geosocial

Los trabajos de JESS3 suelen ser excelentes y esta no es la excepción. The Geosocial Universe muestra por cantidad de usuarios, cuáles son los sitios que más accesos tiene desde móviles en el mundo.

Algunos números:

– 5.3 millones de dispositivos móviles se utilizan en todo el mundo. 21,8 por ciento de todos los dispositivos móviles son “smartphones”. Nokia encabeza la lista de ventas.
– Skype encabeza la lista de mayor uso. Y Facebook, con 629 millones de usuarios registrados, reporta casi 250 millones de personas accediendo al sitio a través del móvil.
– Twitter marca de 200 millones de usuarios registrados, casi el 40 por ciento de las personas ingresan a través del celular.
– Correo electrónico: Hotmail sigue dominando correo electrónico.

Aquí otro gráfico:

Universo Geosocial

Visto en Techcrunch

Contra la infografía inventada

Infografía inventada

Pasó hace algunos días, después del asesinato a Osama Bin Laden. Muchos medios gráficos publicaron infografías con muchos datos inventados de cómo fue el operativo para matar al líder de Al Qaeda. Una cantidad de detalles que ningún medio tenía (y todavía carece de ellos) fueron plasmados en algunas gráficas que recrean lo sucedido como si fuera un cómic o una historieta. Y olvidaron lo esencial: la infografía es periodismo.

Por supuesto que levantó polémica (menos mal) entre varios infografistas y medios de distintas partes del mundo. Al punto que publicaron una suerte de manifiesto o declaración de principios sobre cómo debe proceder quien se dedica a este trabajo.

Continúa leyendo Contra la infografía inventada

Reacción en Twitter sobre el asesinato de Osama Bin Laden (Infografía)

Osama en Twitter

No suelo publicar este tipo de infografías que tanto inundan la web desde hace un tiempo. Por varias razones: las fuentes suelen ser compañías con algún tipo de interés en la información y me genera cierta sospecha sobre su veracidad; el recorte del análisis es tal, que su resultado es poco representativo; no me gustan o bien, es puro ruido.

Pero esta vez, al tratarse de un estudio (al parecer bastante exhaustivo) del que participa una de las empresas con buen prestigio en mediciones, como es Nielsen, me tenté. Hecha la aclaración, vamos a ver el gráfico.

Las reacciones de Twitter sobre el asesinato de Osama superaron en cantidad a la Boda Real y al Super Bowl, para que vayamos entendiendo un poco cómo se vivió el acontecimiento en esta red. En el extenso scroll que tendremos que hacer para ver la infografía completa nos encontraremos en primer lugar con EL ‘tweet’ que prendió la primera alarma sobre lo que estaba pasando. Hacia el final un detalle que sorprende por su volumen: el Humor fue el segundo tipo de reacción más utilizado, superado sólo por “News” (es decir, información).

Continúa leyendo Reacción en Twitter sobre el asesinato de Osama Bin Laden (Infografía)

Infografía: del papel a su versión digital

The Royal Wedding

Buen rescate de dMultimedia sobre el trabajo gráfico que hicieron en The Washington Post. Cómo adaptar una infografía de la versión papel a la versión digital (o viceversa) parece ser la enseñanza.

Se trata de la #bodareal y en ambos la propuesta es conocer la intimidad del casamiento: recorrido, cómo es el monasterio, el carruaje, etc.

Pueden ver la versión papel en este enlace y la versión digital en The Royal Wedding

Infografía: Historia de la Imprenta

Reducida e interesante infografía sobre distintos hitos de la imprenta hasta la invención de las tablets electrónicas:

Infografía Imprenta
(Click para ampliar)

Hay algunos destacados como:

1731: The Gentleman’s Magazine. Considerada la primera revista moderna publicada en Inglaterra.
1923: nace Time Magazine.
1933: debuta Esquire. La primera revista dedicada a hombres.

Fuente: Visual Loop | Gracias Gustavo Mames por el aviso!

Visualización: actividad de cuentas de Twitter

Visualizacion Twitter

Tweet Topic Explorer te permite ver la actividad de una cuenta de Twitter a partir de nube de las palabras más mencionadas. Genera grupos por color de acuerdo a las palabras relacionadas y al pulsar sobre cada una de ellas podemos ver dónde fueron mencionadas. Un detalle para entender el diagrama es que el tamaño de las palabras no corresponde a su relevancia. Según explica su autor, no entran muchos caracteres en los globos de manera que se achica la tipografía para que puedan entrar.

La imagen que ven arriba es el resultado de la búsqueda de la cuenta de este blog: @sicrono

Fue hecho con Processing.js por @JeffClark. | Vía

Caja de herramientas para visualizaciones hecha a mano

Kit Visualización

Es habitual que en este blog se hable sobre visualización de datos. De cómo la tecnología, las bases de datos, la creatividad de los diseñadores y la rapidez de los desarrolladores se juntan para deleitarnos con un buen gráfico explicativo de algún acontecimiento. Me encantan esos trabajos y, arriesgo, que a ustedes también.

En infosthetics me crucé con un recurso tan básico como los collage de nuestra infancia pero (casi) tan efectivos como otras infografías. Al menos podemos decir que es una salida bastante creativa. De esta manera ya logró hacer mapas, diagramas de flechas, gráficos de barras, líneas de tiempo, organigramas y mucho más.

Su creador, Jose Duarte, expone los resultados en su Flickr y si querés el kit, te lo envía gratis (al menos eso dice). Vean algunos trabajos:

Estado de Internet 2010:

Internet 2010
Continúa leyendo Caja de herramientas para visualizaciones hecha a mano