Nunca está de más aprender y ampliar los conocimientos sobre materias específicas, más cuando a través de Internet existen herramientas que facilitan enormemente cumplir con este objetivo. En el caso de los desarrolladores web, éstos ya tienen el tercer curso completo de Google Developers Hackademy, que les introducirá al desarrollo web HTML5 con Google Drive. Este curso consta de unos cinco vídeos de corta duración, empezando la sesión 1, el cual enseñará la estructura de documentos HTML5, la estructura de archivos en aplicaciones HTML5, alojamiento web gratuito mediante Google Drive Public Folders, etc.
La sesión 5 viene a ser el vídeo del cierre del curso que tiene como objetivo repasar los fundamentos y conceptos adquiridos a lo largo del curso, lo que permitirá a los desarrolladores consolidar los conocimientos adquiridos de una forma dinámica y amena. Todos los vídeos son presentados por César Antón, Google Developer Expert, y se ofrecen de una manera sencilla e informal, con gráficas y ejemplos que permitan una fácil asimilación de los conocimientos.
En total, la suma de la duración de los vídeos dan un total de más de 37 minutos de curso, permitiendo su fácil seguimiento a través de cualquier dispositivo que esté conectado a Internet, estando los vídeos alojados en la propia plataforma YouTube, con las ventajas que ello conlleva, por ejemplo, incluir dichos vídeos en una lista de cursos en vídeo.
Big Data ha sido un importante tema en el 2013, y se plantea la pregunta amenazante de cómo se pueden interpretar todos los datos disponibles.
Como consumidores de datos, estamos constantemente decidiendo si debemos marcar como «Favorito» un archivo particularmente interesante, o hacer una entrada en Evernote para volver a leerlo más tarde. Hay tantos datos que se generan cada minuto en Internet que se hace cada vez más difícil tomar decisiones tales como: ¿Debo leerlo ahora? ¿Debo hacer una nota en mi libreta Moleskine? ¿Debo enviarme el enlace por correo electrónico a mí mismo? En resumen, pasamos más tiempo clasificando y organizando datos que ya existen. Al hacerlo, ¡creamos más datos sobre los datos!
Del mismo modo, como «proveedor» de información, tanto si es un reclutador buscando candidatos perfectos para un trabajo, un diseñador mostrando sus habilidades en un solo lugar, o un educador hablando de un tema interesante, se enfrenta también a un desafío: ¿Cómo recojo la enorme cantidad de datos a mi disposición de forma clara y convincente para mi lector sin perder el eje?
Introduzca el marketing con contenido visual
Al reconocer este dilema, algunos estudiosos de la red crearon una mezcla única de fotografías y datos brutos: la infografía.
¿Qué es una Infografía?
La infografía es la presentación visual de la información que comprime las ideas complejas y las presenta a los televidentes en una forma fácil de asimilar. Estas le permiten comunicar datos difíciles de captar de forma rápida y clara.
Una infografía puede ser una imagen suplementaria para su entrada en el blog o página web, o podría ser una pieza independiente de información con poco texto de apoyo. Eso significa que usted puede basar todo un blog en una infografía.
Un estudio realizado por Jakob Neilson concluye algunos hallazgos interesantes. Para empezar, la gente pasará más tiempo en su página si incluye más palabras; sin embargo, sólo gastan 4,4 segundos para cada 100 palabras adicionales. Más importante aún, la gente va a pasar el tiempo en su página analizando el diseño y mirando las imágenes en su página, por lo que realmente terminan por leer sólo el 20% del texto.
Parecía lógico que incluyéramos esto: una infografía para explicar una infografía (Fuente)
¿Por qué utilizar infografías?
Un estudio realizado por la Escuela de Negocios de Wharton descubrió que el 50% de la audiencia fue persuadido por una presentación puramente verbal, mientras que el 67% por la presentación verbal que tenía imágenes adjuntas. Otro estudio encontró que las imágenes en color de la infografía aumentan la voluntad de leer en un increíble 80%.
Aquí hay 6 razones sobre por qué las infografías son tan eficaces para la comercialización de contenidos:
1. Los seres humanos están programados para procesar el contenido visual. Piense en esto: ¿las señales de tránsito serían tan eficaces si se presentaran en forma de texto puro? ¡La mayoría de la gente ni siquiera tendría la oportunidad de leerlas mientras conduce!
2. Los seres humanos están cansados ”‹”‹de la sobrecarga de información. Según Mihaly Csikszentmihalyi, estamos bombardeados con aproximadamente 2 millones de bits de información por segundo, mientras que sólo podemos procesar 134 bits de estos 2 millones por segundo. Simplemente no podemos procesar el exceso en el ingreso de datos.
3. Los seres humanos pueden recordar el contenido visual más rápido que cualquier otra forma. Vamos a recordar el 80% de lo que vimos e hicimos, el 20% de lo que leímos y el 10% de lo que escuchamos.
4. La adición de imágenes cuidadosamente elaboradas hacen que lo que estamos leyendo sea más creíble.
5. Dado que las infografías son fáciles de digerir, atractivas y divertidas, más personas están dispuestas a compartirlas con otros.
6. El primer paso para convertir una perspectiva en un visitante a largo plazo y en un futuro comprador es mantener su atención. Las infografías son muy atractivas por sí mismas y hacen que esto sea más fácil de lograr. Si usted tiene un sitio web o un blog, ya no puede conformarse con el texto llano, aburrido. Para empezar, nadie “lee» un texto en línea. La mayoría de la gente va a rozar su página sin leer la información. Pero con la infografía, tiene un método organizado para hacer que se queden más tiempo y quieran más.
Cómo utilizar las infografías
Los investigadores Barbara M. Miller y Brooke Barnett explican:
Por sí solos, el texto y los gráficos son a la vez métodos de comunicación útiles e imperfectos. El lenguaje escrito permite un número casi infinito de combinaciones de palabras que permiten un análisis profundo de los conceptos pero depende en gran medida de la habilidad del lector para procesar dicha información. Los gráficos pueden ser más fáciles de comprender para el lector, pero son menos eficaces en la comunicación de lo abstracto y los conceptos complicados…. Este estudio mostró que para la presentación de información científica, la combinación de texto y gráficos permite a los comunicadores aprovechar las fortalezas de cada medio y disminuir las debilidades de los mismos. (P. 63, » “Understanding of Health Risks Aided by Graphics with Text”)
Esto significa que lo mejor es utilizar una infografía con el soporte de una pieza de texto. Esto le permite a una infografía convertirse en instructiva de una manera convincente y atractiva.
Por ejemplo, en su sitio web o blog, puede pegar infografías coloridas y atractivas que pueden actuar como una herramienta de reclutamiento, presentar datos de encuestas, explicar cómo funcionan las cosas y comparar conceptos. Desde los superhéroes hasta las ideas más complicadas, las infografías han encontrado su lugar en todas partes. Demos un vistazo a algunas de las más eficaces a continuación:
Cómo ser un superhéroe: Una guía ilustrada (enlace) 13 razones por las que al cerebro humano le encantan las infografías (enlace) Cómo quieres tu diseño (enlace)
Cómo crear infografías impresionantes en menos de una hora
Bien, está convencido de la eficacia del contenido visual en línea. Al ser una organización o una pequeña empresa, desea darle a esto un buen andar. Naturalmente surge la siguiente pregunta, ¿cómo puedo crear una infografía de impresionante aspecto para mi sitio web?
La manera más obvia para algunas personas es contratar a un diseñador freelance. Pero dependiendo de a quién contrate, usted puede terminar pagando cientos de dólares y no conseguir finalmente lo que quiere. Si usted es del tipo “hágalo usted mismo” y le gusta aprender y aplicar nuevas habilidades para la vida sin gastar dinero, eche un vistazo en EWC Presenter. Todo lo que tiene que hacer es crear una cuenta gratuita en www.ewcpresenter.com y elegir Infografía ”“ allí puede crear presentaciones, anuncios publicitarios, demostraciones de productos e infografías.
No necesita instalar ningún software adicional ya que la aplicación está basada en la nube y trabaja en HTML5, con temas atractivos y la posibilidad de personalizar bastante el resultado.
Artículo escrito por ewcpresenter para WWWhatsnew
Pudiendo jugar mediante los teléfonos móviles inteligentes y tabletas, ¿quién quiere consolas portátiles a estas alturas? A los títulos que actualmente podemos conseguir a través de los distintos markets para nuestros dispositivos móviles, para el próximo mes podemos contar con un título bastante conocido de la era de la PS2, que ahora llega a las plataformas móviles. Se trata, ni más ni menos, que de Grand Theft Auto: San Andreas.
El anuncio lo acaba de realizar Rockstar Games, y el lanzamiento será para las plataformas móviles Android, iOS, Windows Phone y Kindle para el mes de Diciembre. Obviamente, el propio título se adaptará a condiciones técnicas de los dispositivos móviles, donde según el propio anuncio, se ha remasterizado los gráficos, incluyendo sombras dinámicas y detalladas, mayores distancias de dibujado, una paleta de colores enriquecida, así como personajes y modelos de los automóviles mejorados.
Eso sí, seguirá abarcando Los Santos, San Andreas, Las Venturas y mucho más, como siempre, con lo que podemos observar que es el mismo juego de siempre pero mejorado, donde los usuarios obtendremos una mejor experiencia de juego. En este sentido, también contará con nuevos controles táctiles, incluyendo opciones de control contextual que mostrarán sus botones únicamente cuando sean necesarios, y dispondrá de tres esquemas de control diferentes para la conducción y maniobra, así como un control rediseñado para el progreso.
Ya sólo hace falta que Grand Theft Auto: San Andreas esté disponible en los respectivos markets para contar con él en nuestros dispositivos móviles en nuestros momentos de ocio y aburrimiento.
En el siguiente listado encontraras una gran colección de diferentes recursos web de todo tipo, recopilados especialmente para proporcionar una ayuda a los diseñadores o desarrolladores dedicados al fantástico mundo del internet.
Creativos elementos gráficos:
Lo que necesitas para tus próximas presentaciones: maquetas, fondos, fuentes y demás.
El equipo de Google ha presentado una nueva herramienta interactiva Databoard for Research Insights, que tiene como objetivo servirnos de base de datos para diseñar nuestros propios estudios o infografías.
Los estudios de investigación que encontraremos son lo que se han ido presentando en Think Insights, abarcando tendencias del marketing digital, solo que tendremos el plus de valernos de esta nueva herramienta para utilizarlo en nuestras presentaciones e infografías personalizadas.
Para comenzar a diseñar nuestra infografía solo tenemos que escoger un estudio de nuestro interés e ir agregando los gráficos y estadísticas que nos pueden resultar útil desde “Add to Infographic”. Al finalizar nuestro recorrido podremos editar nuestro trabajo, dando un título y una introducción a la infografía, así como cambiando el orden de los gráficos que hemos integrado.
Podemos combinar los resultados de diferentes estudios y crear un solo informe, o podemos simplemente tomar un gráfico para apoyar nuestra presentación, ya que podemos utilizar cada una de las estadísticas de manera independiente. Entre los estudios que se presentan, veremos la importancia de una tienda online, la tendencia de las búsquedas desde el móvil, las nuevas expectativas del consumidor actual, etc.
Si queréis mostrar algún gráfico con estadísticas en vuestro sitio web y aseguraros de que podrán se consultados desde cualquier dispositivos, echad un vistazo en chartsninja.com.
Nos lo presenta su creador, Daniel Sternlicht, como una buena solución para obtener datos de un archivo CSV, por ejemplo, y transformarlo en gráficos intuitivos dentro de cualquier sitio. Podemos incluir un módulo de estadísticas para poder conocer la cantidad de consultas realizadas a los datos, personalizar la estética del resultado y seguir un sencillo wizard para empezar a construir nuestro primer gráfico en pocos minutos.
En su web existe una sección con ejemplos para que podamos ver lo que otros ya han realizado con este sistema gratuito, siendo necesario el registro para poder obtener el código que copiaremos para incluirlo en nuestras páginas.
Nos es la primera vez que hablamos de una solución de este tipo. Recordad el artículo CanvasJS ”“ Crea gráficos interactivos en HTML5 y JS para tu aplicación web que escribimos hace pocas semanas, aunque en este caso parece que ChartsNinja es mucho más sencillo de usar, ideal para gráficos no muy sofisticados.
Desde Canarias nos presentan Dialective.com, una aplicación que permite crear diagramas donde podemos explicar contenido estructurado y publicarlo dentro de una página web o directamente vía url.
La idea llega después de analizar que la mayoría de la gente no lee todo el texto publicado en un artículo, siendo necesaria alguna solución que ayude a presentar datos de forma resumida y estructurada para que las personas puedan acceder a la parte que les interesa.
Por eso apostamos por crear en minutos y sin conocimientos técnicos diagramas interactivos que permiten estructurar la información, ocultando la información no relevante, y permitiendo al usuario elegir lo que quiere ver, y cuándo quiere verlo.
Ya que los diagramas creados con Dialective pueden incluirse en cualquier web, podemos usarlos para trabajos académicos, reseñas de juegos, aplicaciones, recetas y demás datos que puedan ser separados por categorías, así como para la creación de Landing Pages o hotsites específicos presentando un servicio o producto. El editor de diagramas es muy sencillo, siendo necesario crear las categorías y el texto incluido en cada una de ellas.
Los diagramas pueden presentarse de varias formas diferentes. En el ejemplo que aquí os dejo tenéis el estilo «linear», creado por mí hace unos minutos para mostrar, de forma estructurada, lo que hace Dialective:
Los Hangouts de Google son una herramienta de comunicación que poco a poco va creciendo en popularidad, gracias a su integración con algunos servicios bastantes conocidos de Google, como por ejemplo YouTube. Si te interesa introducir un banner en tu propio Hangout, en línea similar a los reportajes de los informativos de televisión, éste lo puedes crear directamente desde HangoutMagix. Para ello, tan sólo necesitarás disponer de Flash instalado para usar esta aplicación.
Puedes elegir estilo, colores, y añadir un logotipo, disponiendo de una serie de opciones o subiendo el tuyo propio. Además, tendrás que editar el título y la descripción, hasta obtener la información que deseas mostrar dentro del Hangout. Una vez terminada la plantilla generada, la descargarás a tu propio escritorio.
Ya tan sólo queda que vayas al Hangout de Google+ y, en la barra de la izquierda, instala la aplicación «Hangout Toolbox». Una vez la actives, ya tendrás una serie de opciones a la derecha, donde una de ellas es «Custom Overlay», que será la que te permitirá cargar la imagen generada y activarla, de manera que ya tendrás sobreimpresionado el gráfico generado desde HangoutMagix.
Artistas, profesores, alumnos, aficionados a videojuegos… al alcance de todos los que lo deseen está ahora la posibilidad de crear un videojuego sin conocimientos de programación, o al menos ese es el objetivo de Pixel Press.
Las condiciones para crear un videojuego con PixelPress: ser creativo, disponer de un iPad y de una impresora. En Pixel Press se nos dará un documento PDF de dos páginas con un tutorial y con una plantilla para diseñar nuestro nivel, y de una manera considerablemente amplia y flexible dado el método: podremos añadir niveles, pozos de lava, obstáculos, etc., todo dibujado en la plantilla a lápiz y papel. Una vez tengamos nuestro nivel creado será cuando ocurra la magia: fotografiaremos la imagen con el iPhone o iPad y a través de una tecnología de reconocimiento óptico nuestro diseño en papel se convertirá en un nivel de juego. Será una vez en el dispositivo cuando podremos personalizar otras características como las texturas, los diseños de personaje, efectos de sonido, música, estilo y color.
El proceso de creación no es fácil, aunque sea sencillo de entender. Implicará un poco de experimentación por nuestra parte para colocar e integrar bien los elementos del juego y tener como resultado un entorno coherente. Pixel Press todavía es un prototipo, tal y como informan en The Verge, pero el equipo creativo calcula que estará a nuestra disposición en unos seis meses.
Muchas de las aplicaciones que cuentan con una sección de informes usan Flash para mostrar gráficos interactivos. El problema es que flash no es compatible con muchos dispositivos móviles, por lo que siempre acabamos dependiendo de un PC para poder ver este tipo de contenido.
Ahora, desde fenopix (creadores del plugin Hashplug – contenido de twitter en los resultados de Google – que ya os comentamos hace algunos meses), nos presentan una solución para crear gráficos en HTML5, compatibles con casi todos los dispositivos modernos.
CanvasJS es una librería HTML5 & JavaScript con un gran rendimiento, permitiendo representar cientos de miles de puntos de datos en poco más de 100 milésimas de segundo (10 veces mejor que con las soluciones basadas en Flash convencionales).
Podemos representar diagramas de casi cualquier tipo, existiendo una demostración y una galería de ejemplos en su sitio web, donde cargan datos reales para que podamos comprobar la velocidad con la que se realiza la acción de lectura y representación gráfica de la información.
La librería es gratuita para uso no comercial y se paga una licencia para fines comerciales
