Porque necesitas
estar al día, aquí
encontrarás todo
lo que necesitas saber
sobre Marketing
Online
Síguenos...

Updates from August, 2011 Toggle Comment Threads | Keyboard Shortcuts

  • Irene Blanco 5:00 am on August 31, 2011 Permalink
    Tags: text2mindmap, visualize.me, wordle   

    Cómo hacer tu infografía 

     

    Antes de nada,  se entiende por “infografía” a una representación gráfica y visual del mensaje que se quiere trasmitir al receptor en un proceso de comunicación. Se trata de esquematizar con imágenes las ideas principales que transmite un texto. Como se comenta popularmente, “una imagen vale más que mil palabras”.

    Aunque el concepto de infografía ha existido desde tiempos inmemoriales (el hombre se ha valido de imágenes para aclarar sus ideas desde las pinturas rupestres o los gráficos que  estamos habituados a ver en los medios de comunicación escritos) su éxito es cada vez mayor en el entorno web.
    De hecho los posts o publicaciones que contienen infografías de apoyo al texto suelen tener más repercusión (en Twitter y otras redes sociales) y viralizar de un modo mucho más efectivo que aquellos que no las incluyen.

    Hay agencias realmente buenas en el desarrollo de estas infografías, como se puede ver en este post “50 great examples of infographics”  en el que encontramos infografías originales, llenas de creatividad y muy artísticas en algunas ocasiones.

    Si te interesa este tema y quieres empezar a incluir algunas infografías en tu blog o site web, aquí te dejo algunas herramientas muy sencillas y fáciles de usar que convertirán tus textos en gráficos:

    Glogster: Con esta herramienta puedes desarrollar posters multimedia. Glogster te proporciona un sinfín de textos y formatos en los que puedes incluir imágenes, videos, etc.

    glog

    Text2mindmap: Si lo que te interesa es hacer un mapa conceptual:

    mapas-conceptuales

    Visualize.me: Si quieres representar tu currículum vitae a modo de infografía, queda muy vistoso y original. Es una herramienta muy automática e intuitiva, sólo necesitas tener cuenta en Linkedin y hacer un par de clics!

    cv-infografía

    Wordle: Si quieres generar “nubes de palabras” de un texto que poseas, basta con pegarlo en el cuadro de texto y “go”:

    wordle-inicio 

    Nosotros hemos pegado el texto de este post de nuestro blog, y estos son algunos resultados que nos da:

    wordle-resultado1 wordle-resultado2

    Te invitamos a que compartas alguna herramienta que uses en tu día a día para representar la información en forma de gráfico, tu opinión o experiencias con la misma smile

    Fuentes: Infografías: representaciones gráficas de información

     

    • nidia 1:48 am on December 1, 2011 Permalink | Reply

      que lindo

    • nidia 1:49 am on December 1, 2011 Permalink | Reply

      esa es una infografia facil de hacer

  • Mónika Díaz 5:00 am on July 29, 2011 Permalink
    Tags:   

    ¿Cuál es la diferencia entre el diseño web y desarrollo web? II 

    Herramientas de Diseño Web
    Los diseñadores Web utilizan el software como Photoshop, Flash y Fireworks. También tendrán un buen conocimiento de la tipografía, teoría del color y la accesibilidad web.

    Herramientas de desarrollo Web
    Los desarrolladores web se utilizan una serie de herramientas de programación como ASP, Javascript, XML y SQL. Estas son sólo algunas de las herramientas más conocidas. Hay muchas otras herramientas y se están desarrollando nuevas todo el tiempo. Por ejemplo, las aplicaciones móviles han creado una enorme demanda de los desarrolladores con los conocimientos pertinentes.

    Herramientas de superposición
    La mayoría de los diseñadores y desarrolladores están familiarizados con HTML y CSS.
    Diseño Web, Desarrollo Web y WordPress
    WordPress es un ejemplo interesante de la diferencia entre el diseño y desarrollo. El diseño de páginas web de un sitio de WordPress está determinado por la selección de un tema. El tema incluye el uso de colores, columnas, fuentes, de navegación y títulos. Después de seleccionar un tema, puede agregar funcionalidad a su sitio web mediante el uso de widgets y la selección de plug-ins.
    Muchas personas sin diseño web y desarrollo de competencias han creado sitios web razonables. Sin embargo, los diseñadores experimentados y desarrolladores pueden crear grandes sitios de exclusivo diseño, funciones y características.

    ¿Qué es más importante?
    La investigación ha demostrado que los visitantes juzgan una  web en tan sólo unos segundos. Por lo tanto, se requiere hacer el diseño de páginas web atractivo y fácil de usar y un  buen desarrollo se requiere crear buenas  funciones de enlaces de interés. Lo ideal sería que los diseñadores y desarrolladores trabajaran  juntos para retener a los visitantes y fomentar las visitas de retorno.
    En conclusión, tanto el diseño como el desarrollo web son esenciales para producir un sitio efectivo deben estar integrados para así  ofrecer  la mejor creación de páginas en circulación.

     

    • Elemental Software 12:27 pm on August 3, 2011 Permalink | Reply

      Si comparamos la creación de una página web, con el diseño y montaje de un coche utilitario, veremos que necesita de unas manitas de diseño y otras de mecánica. Los dos perfiles son necesarios, porque es difícil ser especialista en todo. El diseñador debe hacer su trabajo y el programador el suyo. El problema viene si, por otras razones, como por ejemplo económicas, uno de los dos, debe ejercer el rol del otro. También es verdad que existen muchos tipos de webs, como de coches o vehículos. La balanza se inclina diferente si hemos de sacar un tractor a la venta, un Ferrari o un autobús. En estos tres ejemplos, van a exisitir los dos roles,pero dependiendo de cual, uno tendrá más peso que otro.
      Todo depende, claro.

    • Jordi 5:14 pm on December 27, 2011 Permalink | Reply

      Felicidades por el post!
      Me parece que estar abierto hoy en día al mundo de los desarrollos web es fundamental, y con post como este se le da información a las empresas que puede serles muy útil. Nosotros desde ipadfactory también desarrollamos aplicaciones para iPhone o iPad, por ello les estamos muy agradecidos.

  • Mónika Díaz 5:00 am on July 27, 2011 Permalink
    Tags:   

    ¿Cuál es la diferencia entre el diseño web y desarrollo web? I 

    La diferencia entre el diseño web y desarrollo web se ha vuelto confusa. Esta confusión puede causar problemas para una empresa de diseño web y sus clientes ya que el  diseño de páginas web se ha convertido en un término genérico que abarca el diseño y desarrollo.
    Es importante que las empresas para que sus clientes sean conscientes de que un sitio web exitoso requiere de un excelente diseño y desarrollo. Igualmente, los clientes deben estar dispuestos a hacer el esfuerzo por comprender la diferencia. Esta comprensión hace que el proceso de especificación y aprobación sea más sencillo.

    Diseño Web
    Diseño de páginas web determina la apariencia. Que cubre el diseño, la navegación y los colores de un sitio web (También puede incluir el diseño gráfico y logo),  está más preocupado por la estética y la experiencia del usuario de las funciones. Un diseñador de páginas web  crea  sitios  fáciles  de usar y adecuados para su propósito.

    Desarrollo Web
    En contraste, el desarrollo web ofrece  las funciones y características. Se trata de la programación de servicios de fondo y no el rostro de un sitio web. Funciones previstas en el desarrollo web incluyen el registro, los sistemas de gestión de contenidos, comercio electrónico y las aplicaciones de base de datos, además de  permitir a los visitantes interactuar en un sitio web.

    Habilidades de Diseño Web
    Un buen diseñador web tendrá las habilidades de diseño gráfico y una buena comprensión de la comercialización. Él o ella saben  cómo llamar la atención de los visitantes y animarles a explorar un sitio web.

    Habilidades del Desarrollo Web
    Un desarrollador web de buena voluntad tiene  excelentes habilidades de programación y es capaz de utilizar una amplia gama de herramientas de programación. Él o ella serán capaces de ofrecer soluciones para dar un sitio web de las funciones requeridas.
    Habrá cierta superposición de competencias entre los diseñadores y desarrolladores web. No es habitual que una persona  sea un excelente diseñador y a su vez  desarrollador.

    …

     

    • angel 11:42 pm on September 11, 2011 Permalink | Reply

      Como bien dices el diseño de páginas web en muchas ocasiones abarca tanto el diseño web como el desarrollo web, haciéndose cargo de todo el proyecto la misma persona.

  • Dídac 5:00 am on September 21, 2010 Permalink  

    HTML5 

     

    Desde que se creara el estándar HTML en 1991 son muchas las innovaciones que se han producido en el mundo web, creándose diferentes estándars como el HTML2 en 1994 o el más utilizado, el HTML4 en el 1997.

    El problema surge para el programador cuando cada navegador implementa estos nuevos avances de forma desigual, siendo que hay que hacer distinciones siempre en códigos css y javascript, como en el caso del tan odiado internet explorer 6.

    html5

     

    Esperemos que con este nuevo estándar que estaba previsto saliera este año pero que el cierre de la especificación desgraciadamente se retrasara hasta el 2012, si podamos disfrutar de un estándar que se cumpla perfectamente en todos los navegadores. Aunque de momento como veremos en las siguientes graficas hay muchos que están bastante atrasados en la implantación del mismo:

    http://media.focus.com/images/uploaded/fyi/wtf-html5-infographic/rsz_html5.jpg_1.jpeg

    Como vemos microsoft explorer es el más retrasado.

    Se ha de decir que aunque el estándar tardara en cerrarse, ya se están implementando algunas de estas funcionalidades actualmente.

    En que consistirá este estándar HTML5? Son un conjunto de normas e innovaciones tanto de javascript, como de estilos css y nomenclaturas del html.

    Entre ellas podemos destacar muchas funcionalidades de css de gran atractivo y de gran ayuda al programador, como los famosos div de cantos redondos! Ya no tendremos que usar imágenes para inventarnos esos cantos que están tan de moda en el web 2.0. Hay funcionalidades de css que permitirán hacerlo en todos los navegadores, asi como sombreados de texto, gradientes de color, opacidad, eliminación de texto sobrante en la capa, mas fuentes de letras,…

    Otras funcionalidades son las de HTML directamente como objetos nuevos ( círculos ), utilización de gráficos, nuevos “input fields” para números, colores, email o teléfono, que a la vez son autoevaluados, nuevos microdatas para ser usados por los exploradores,..

    Por último también nuevos códigos javascript los cuales permiten conectarse directamente a una base de datos, o el drag and drop, tan común en los sistemas operativos.

    Podemos ver muchos de estos avances en esta web, aunque para verlo tendremos que usar un navegador que lo soporte como chrome.
    http://slides.html5rocks.com/#slide1

     

← Older posts